Make an iOS App Using the Hype App, PhoneGap and Xcode

This is a MacsFuture.com tutorial on how to use the new Hype App on the Mac which makes HTML5 animations to create an iPhone or IPad iOS app. It shows how you can use PhoneGap and its plugin on Xcode to then import the Hype project you built to easily make a simple native iOS app. You don't really need to know coding to do this. I hope this is helpful. Lex.

Category:

Science & Technology

Tags:

• Hype app
• hype
• xcode
• iOS
• iphone
• ipad
• phonegap
• development
• apple
• html5
• html5 animation

[MichiK85]

You get the white borders because you delete the whole html structure. When you style this with a margin: 0 and padding: 0 you don't get these borders around your animation ;) just a tip :)

[MacsFuture]

@MichiK85 Thanks. I can't figure out where to put that change. I have looked around for margin and padding refrences and changed those to 0 and still nothing. Any suggestions where to put it? Thanks, lex

[MrTomatensaft]

thx god, not every ios dev is using web content and sell it as an "App" ..

[steefykage]

@ MichiK85 the solution is to copy the entire html file from the hype ... The mistake is to copy only the part indicated, you must copy all text

[satointl]

Can you make a complex game with Hype? Or would have to edit it after you've imported it into Xcode?

[ernest812]

@MacsFuture Hi Guys, Click on the index.html file in Xcode. In the first line, take out "position:relative". Everything should be good after that.

[FutureInventions]

Awesome! Thanks so much! subbed! :D

[stmaster1]

do you have the oficial Mac OS X Lion or is is a beta?