HTML5 Games Status and issues. Hong,Sechul/CTO

Transcription

1 HTML5 Games Status and issues Hong,Sechul/CTO

2 Why HTML5 Game? 2 Cross device running (with one source code) Dynamic update (without explicit installation) However

3 Problems 3 JavaScript - Dynamic binding interpreter language Low performance Hard to manage memory Browser quirks Browser/device performance discrepancy Sound and device API Packaging HTML5 is originally not for games

4 HTML5 for game development 4 Controlling JavaScript Rendering HTML5 DOM/CSS3 HTML5 Canvas HTML5 WebGL Sound HTML5 Audio API WebAudio API(Chrome)

5 Renderer for games In view of commercializing HTML5 games; 5 HTML5 DOM/CSS3 HTML5 Canvas Devices PC Browsers (Even non-html5 Browsers) Android/iOS TIZEN Some TV/Set-top-box HTML5 PC Browsers ios TIZEN(?) Some TV/Set-top-box(?) Game types Plain, Tile-map, Arcade Plain, Tile-map, Arcade, Physics HTML5 WebGL Chrome Brower on Windows 3D(OpenGL like)

6 Market perspectives by renderer In view of commercializing HTML5 games; 6 HTML5 DOM+Canvas Cross device running Game type : Social, Casual HTML5 Canvas PC Game type : Social, Casual, Physics WebGL Existing ios and Android games to Chrome web store Game type : 3D

7 Technical Issues - JavaScript 7 Interpreting, dynamic binding Implicit garbage collection Vulnerable environment for developers Need to impose strict coding pattern Need framework, engine Recycling of resource

8 Technical Issues HTML5 Specs (1/2) 8 HTML5 implementations are stable over browsers. But, problems are mostly on Device API. Viewport control Screen lock, Orientation lock, Fullscreen For some platform, need to package as native application Android has more problems when running as web site Audio API Unstable and lots of quirks in implementation Only 1 channel for many browsers Preparing new WebAudio API

9 Technical Issues HTML5 Specs (2/2) 9 Storage API Using File-System API along with Cookie For permanent and critical data, need server backup. Packaging & Installation PC : Hard to package large game. Hard to add Ad with installable package. Mostly hosting with CDN. Mobile : W3C widget like package. Native application(hybrid). Hosting is relatively good for ios(without sound) MouseLock API, JoyStick API Developing by Google

10 Technical Issues Screen sizes 10 Matter of game geometric type, level design, graphical assets and layouts. Not specific to HTML5 games. HTML5 itself is good for resizing - Relative coordination system, CSS, Zooming Relative coordination from the beginning of development CSS tricks Zooming : Drops performance a lot. (But, TIZEN looks good!) BLUEGA : Using Game level editor

11 Technical Issues Game UI 11 Need to develop game s other screens, dialogs and menu. Need some UI framework library for renderer HTML5 itself is very good for developing UI. UI frameworks such jquery, Sencha, BLUEGA : Developing all Game UI in HTML5 DOM even running with HTML5 Canvas. (Using own jblux)

12 BLUEGA 12

13 BLUEGA Vision on HTML5 games 13 Native ios Web Game Web Game Web Game Web Android OS Game Editor Game Engine Core Game Logic Engine Scroll Engine Tile Map Engine Isometric Engine Network Core Web Browser jblux HTML5 UI Framework HCL (Handset Capability Layer) Network server iphone / ipad Android Phone/Tab PC Phone / Pad Smart TV BXG-RUN BXG-RUN

14 BLUEGA - Performance 14 BLUEGA is focusing on Cross device running game and Serviced game FPS : 20~30 Dynamic objects : 30~60 with collision detection Static image : 1000~4000 Sound 3~4 Channel with stable Audio API 1 Channel with unstable Audio API

15 BLUEGA Twinkle Pop 15 Bubble game with hexagonal tile-map Published in Facebook, CWS, Google Play, Apple Store, TIZEN, Web portal CWS URL Web URL Technical notes

16 BLUEGA Crazy Chicken 16 Tower defense game with orthogonal tile-map Published in K-Apps

17 BXG BLUX Game Engine 17

18 BXG - HTML5 Game Engine 18 HTML5 Game Engine for Cross game, Hybrid web game High and consistent performance for wide range of devices Hot swap between three renders (DOM, DOM+Canvas, Canvas) Virtual input devices, Audio Casual, arcade, shooting, social game - Isometric, Orthogonal, Hexagonal - Scrolling - Multi-layer Game Editor Run-time for ios, Android

19 Engine release plan 19 BXG Core - Early August, 2012 JavaScript library API Reference, Tutorials and Knowledge Base (Mostly in English) Sample games and code WRT WAC, PhoneGap, BXGrun(Android, ios) Hands-on class planning in August, 2012 BXG Editor - Early October, 2012 Hosted as web site, not only for BXG Dropbox as file storage

20 20 THANK YOU Contact Us Korea: Phone: FAX : USA: Phone: