嵌入并操作视频,还有添加音频;构建一个基础框架以便在Canvas上创作各种游戏;使用位图和tile表格开发动画游戏图像;走向移动设备:使用PhoneGap将Canvas应用程序移植到iPhone;探索使用各种方式将Canvas运用于三维和多人游戏应用……在这本《HTML5 Canvas--网站本地化交互和动画设计(影印版)》中你都能学会!
《HTML5 Canvas--网站本地化交互和动画设计(影印版)》的作者是Steve和Jeff Fulton。
《HTML5Canvas--网站本地化交互和动画设计(影印版)》内容介绍:不管你用什么平台或者工具,HTML5革命如果还没有改变你构建网络应用的方式,那么这个改变也将很快会发生。HTML5包含很多新特性,因此要学的东西也不少。本书将带你从Canvas元素开始,它也许是HTML5最令人激动的功能,让你学习如何使用这个元素来绘画,渲染文本,操作图片以及创作动画,从而构建交互式多媒体应用。
无论你现在是在使用Flash、Silverlight, 还是只是使用HTML加上JavaScript, 你都将很快入门。实际的示例在学习过程中向你展示如何使用Canvas来创作各种游戏和娱乐应用程序。 在此过程中你将获得HTML5的宝贵经验,进而了解为何应用程序开发领袖们都把这个特性称为面向未来的创新性网络开发。
《HTML5Canvas--网站本地化交互和动画设计(影印版)》的作者是Steve和Jeff Fulton。
Preface
1. Introduction To HTML5 Canvas
The Basic html Page
<!Doctype html>
<html Lang="en">
<meta Charset="UTF-8">
<title>...</title>
A Simple HTML5 Page
Basic HTML We Will Use In This Book
<div>
<canvas>
The Document Object Model (dom) And Canvas
Javascript And Canvas
Javascript Frameworks And Libraries
Where Does Javascript Go And Why?
HTML5 Canvas "hello World!"
Encapsulating Your Javascript Code For Canvas
Adding Canvas To The Html Page
Testing To See Whether The Browser Supports Canvas
Retrieving The 2d Context
The Drawscreen0 Function
Debugging With Console.log
The 2D Context And The Current State
The HTML5 Canvas Object
Another Example: Guess The Letter
How The Game Works
The "guess The Letter" Game Variables
The Initgame0 Function
The Eventkeypressed0 Function
The Drawscreen0 Function
Exporting Canvas To An Image
The Final Game Code
What's Next
2. Drawing On The Canvas
3. The HTML5 Canvas Text Apl
4. Images On The Canvas
5. Math, Physics, And Animation
6. Mixing HTML5 Video And Canvas
7. Working With Audio
8. Canvas Game Essentials
9. Combining Bitmaps And Sound
10. Mobilizing Gameswith PhoneGap
11. Further Explorations