+ Follow

All about HTML5 Canvas 2D Game Part1

by finscn on Feb 26, 2011

在<当html5来敲门>技术沙龙上做的关于HTML5 canvas 2D游戏开发的一个技术分享.

File a copyright complaint

http://twitter.com

yunnysunny c/c++入门难，跟javascript差别太大，毕竟是带指针的；而且作者推崇oop，所以选java了。 2 years ago
Are you sure you want to
George Wing, Web Developer,JavaScript Programmer at woyo.com,office 听了现场，很有料~期待下次 part 2 的继续分享~ 2 years ago
Are you sure you want to
finscn 游戏开发的很多思想和语言无关.选择这本书因为1 java读起来比c/c++的简单 2java的oop思想比c++的容易掌握 3java跨平台,书中的示例编译上手很容易(c虽然也跨平台,但是让一个js开发人员去摆弄哪些c++的库太折磨人了 4 js开发人员读java应该比读c/c++轻松些 5这书写的真的很好.很多号称经典的游戏开发书籍我也看过一些,对于初学者远不如这本书来得实在. 还有很多理由,要是感兴趣留个电话我跟你说吧,打字太累嘿嘿 2 years ago
Are you sure you want to
yiming he, kissyteam engineer at taobao 为什么推荐 java 方面游戏编程而不是 c/c++ 2 years ago
Are you sure you want to

HTML5 2D
: ( fins/finscn )blog: fins.javaeye.comtwitter& : @finscn Web & 2D
, HTML5
————
: div GIF setInterval { div div ( )
: , ( ) loop { ( )
: • / • / Animation •
••••
HTML5 Canvas API• gc=canvas.getContext(“2d”)• gc.clearRect(x, y, w, h)• gc.drawImage(img,dx, dy)• gc.drawImage(img, sx, sy, w, h, dx, dy, w, h)
DEMO
, , ...
,HTML5
==+ +
== : loop {
==• WebUI• keyDown / keyUp•!!! !!!
== :••• / / ...• ......
==DEMO
==2D :• Tile ( Orthogonal, ) • , , ,• Isometric( , Tile) • , 2, 2• • , ,
==I LoveTile-Game Tile ,
== :• /•• UI•••
==:
== OOP java JS , , ...... PS: js OOP, • GT-Class• https://github.com/ﬁnscn/GT-Class
== ( ):
== :• ! ! !
== :• ! ! !
==Sprite Sprite Animation Animation Frame Frame &
==
HTML5
, ,
, ,Oh BrotherSpring,
Tears... :’(
Tears... :’(“ ”
Tears... :’(“ ” ” ”
Tears... :’(“ ” ” ” ,
Tears... :’(“ ” ” ” ," " , Hack
Tears... :’(“ ” ” ” ," " , Hack , ...( , )
Tears... :’(“ ” ” ” ," " , Hack , ...( , ) ,
Developing Games in Java ?
Thanks !!! & >_<