The document discusses the history and current state of HTML5 for mobile games. It notes that mobile games now make up 64% of the market, with many games being developed using HTML5 due to its cross-platform capabilities. It provides an overview of HTML5 features for 2D graphics, audio, video and more. It also discusses challenges still facing HTML5, such as some browser inconsistencies, and alternatives like native apps or hybrid approaches.

1. HTML
Lead Programmer
songinnight@big4games.com
1

2. 1.
2. ,
3. HTML
4. HTML
5.
6. Hybrid
7. HTML5
8.
2

3. HTML HTML
Flash
2010 2011 NetZone
2011 NetZone 2011.5 Naver
.
2011 PICTOSOFT 2011.6 Cyworld
2012.5
2011.11 Naver Playnet 2011.6 Yahoo Mobage
2012 Yahoo Mobage 2011.11 2
3

4. 34 10
PC Mobile
Mobile Game 64%
* ,
20 HTML
4

5. Flash Native
Unity3D Server Unity3D
HTML Hybrid
*
HTML .
5

6. HTML
Platform
Windows
1/n
Mac
HTML
Android
iOS
6

7. HTML
HTML
jpg, gif - , png - IE6 24bit X
2D Move, Scaling Scaling .
-moz-transform: scaleX(-1)
-webkit-transform: scaleX(-1)
2D Flip -o-transform: scaleX(-1)
transform: scaleX(-1)
filter: fliph !important
-ms-filter: 'fliph' !important
Image Tiling background-image .
woff, eot . .( )
opacity: 0.6
Opacity -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"
filter: alpha(opacity=60)
2D Rotation CSS3
2D .
CSS3 .
* W3C . http://www.w3schools.com/
7

8. HTML
,
8

9. HTML
9

10. HTML
Javascript Isometric /
10

11. ,
W3C IE 6 IE 7 IE 9
Nate
Naver
11

12. IE 6.0
24bit PNG . (8bit )
Javascript png
, .
IE 7.0
DOM .
➔ IE7 DOM append DOM .
IE 9.0
Google Opensocial 12152 Network Error
➔ . .
Firefox background-position-x, y
➔ x, y .
position: absolute
12

13. HYBRID APPLICATION
Market
iOS / Android
Native App
Local Image Resource
Webview HTML
(Localhost )
Game Server
iframe HTML
iTunes, Android .
, jQueryMobile .
13

14. HTML5
http://m.mafiawars.com http://www.pirateslovedaisies.com
Adobe HTML5 .
Flash Web Socket .
* .
OpenGL 3D ,
CPU ➔ Action
HTML5 Canvas (Javascript) Native Application .
14

15. IE 6, 7 .
2011 9 15%
CPU
15

16. MS IE6
http://www.ie6countdown.com
16

17. PC Mobile
Flash Native App.
RPG Unity3D Unity3D Mobile
HTML Web App.
TRPG
17

18. .
.
18