HTML5 Canvas

knobs

level and game end

awarding the player extra ships

applying collision detection

the geo blaster basic full source

rock object prototype

what's next

9. combining bitmaps and sound

geo blaster extended

geo blaster tile sheet

rendering the other game objects

adding sound

pooling object instances

adding in a step timer

geo blaster extended full source

creating a dynamic tile sheet at runtime

a simple tile-based game

micro tank maze description

the tile sheet for our game

the playfield

the player

the enemy

the goal

the explosions

turn-based game flow and the state machine

simple tile movement logic overview

rendering logic overview

simple homegrown al overview

micro tank maze complete game code

what's next

10. mobilizing gameswith phonegap

going mobile!

introducing phonegap

the application

the code

examining the code for bsbingo.html

the application code

creating the ios application with phonegap

installing xcode

installing phonegap

creating the bs bingo phonegap project in xcode

testing the new blank application in the simulator

integrating bs bingo into the project

setting the orientation

changing the banner and icon

testing on the simulator

adding in an iphone "gesture"

adding the gesture functions to index.html

testing on a device

using xcode to target a test device

beyond the canvas

what's next

11. further explorations

3d with webgl

what is webgl

how do i test webgl

how do i learn more about webgl

what does a webgl application look like

full code listing

further explorations with webgl

webgl javascript libraries

multiplayer applications with electroserver 5

installing electroserver

the basic architecture of a socket-server application

the basic architecture of an electroserver application

creating a chat application with electroserver

testing the application in google chrome

further explorations with electroserver

this is just the tip of the iceberg

conclusion

index

不管你用什么平台或者工具，html5革命如果还没有改变你构建网络应用的方式，那么这个改变也将很快会发生。html5包含很多新特性，因此要学的东西也不少。《HTML5 Canvas：网站本地化交互和动画设计（影印版）》将带你从canvas元素开始，它也许是html5最令人激动的功能，让你学习如何使用这个元素来绘画，渲染文本，操作图片以及创作动画，从而构建交互式多媒体应用。　　无论你现在是在使用flash、 silverlight， 还是只是使用html加上javascript， 你都将很快入门。实际的示例在学习过程中向你展示如何使用canvas来创作各种游戏和娱乐应用程序。 在此过程中你将获得html5的宝贵经验，进而了解为何应用程序开发领袖们都把这个特性称为面向未来的创新性网络开发。　　创作并修改二维图像、文本和位图，嵌入并操作视频，还有添加音频，构建一个基础框架以便在canvas上创作各种游戏，使用位图和tile表格开发动画游戏图像，走向移动设备：使用phonegap将canvas应用程序移植到iphone，探索使用各种方式将canvas运用于三维和多人游戏应用。【作者简介】Steve和Jeff Fulton， 现任Zynga高级游戏开发工程师，曾任美泰玩具公司的网络开发经理，帮助美泰玩具创建了丰富的在线展示平台。他们还通过8bitrocket.com培养了一大批忠实听众，来了解Flash、Silverlight和现在的HTML5 Canvas的新闻、故事、博客和教程。