HTML5Game Engine Implementation Based On IOS Platform

HTML5is the next-generation HTML. Recently, the high-speed development oftechnology associated with HTML5leads to increasing number of webpage applicationsbased on this particular technique. Modern browsers all provide technical support for HTML5.Similar circumstances appear in the environment of smart phones as Safari on Apple iOS andbuilt-in browser on Android platform both accepts HTML5. All these progresses bringpositive opportunities to mobile application developers. In traditional mobile applicationdeveloping, Objective-C language is necessary on iOS as well as Java on Android platformdue to which the cross-platform application developing got held back. Unlike to Objective-Cor Java, mobile applications based on HTML5using JavaScript are allowed to run on mobilebrowsers of different platforms. Therefore HTML5technology is getting more and moreacknowledgement among mobile application developers.Currently however, mobile phone browsers are technically far away from satisfaction forHTML5mobile applications requirements which is critical especially in rendering efficiencyof heavy gaming programs. Essentially, all rendering calculations rely on CPU without GPUhardware acceleration. Thus, this article comes up a fresh way, which adopts a localizedHTML5solution with original mobile browsers abandoned, to accomplish a HTML5gameengine based on iOS platform. The engine support hardware acceleration and generousHTML5functions. The author participated in the project design and develop as the engine smajor researcher.The main purposes of the article are as follows:1. The article gives the game engine s integrated architecture. Substantially the engineis a localized browser according to HTML5standard aiming at heavy gameprograms developing. So the game closely related functions are strengthened andmeantime performance as browser is partially sacrificed.2. Built-in JavaScript engine analysis. The engine is created with Objective-C. To makea better communication between Objective-C and JavaScript the project incorporatesa JavaScript engine names iosJavaScriptCore as the cornerstone.3. Ajax is implemented in the engine. The article precisely explains solutions of Ajax. Thanks to that the engine allows asynchronous communication with servers in orderof network game developing.4. The engine provides HTML5Audio. Audion is the foundation of audio playbackusing HTML5.5. The engine complete the HTML Canvas. It the most significant work of the articlewhich implements a GPU hardware acceleration rendering system based on OpenGLES. The whole process is described in detail to explain how the system is built. Thearticle analyses the OpenGL ES FBO (Frame Buffer Object) and Shader programsas well as the implementation of HTML5Canvas API including acquirement ofcanvas object in JavaScript layer, the acquirenment of getContext(2d) object andtypical API implementation such as src and drawImage. Also the Cache plan adoptedto achieve the buffer of image data to memory and the Core Graphics technology iselaborated.At last, the article expounds a social game running on the exact game engine which hasbeen released to App Store. The game is based on JavaScript and HTML5and it isheavyweight. The engine capability can be tested and proved by presenting the game sgraphics and abilities.