HTML5 Canvas核心技术图形动画与游戏开发.docx

《HTML5 Canvas核心技术图形动画与游戏开发.docx》由会员分享，可在线阅读，更多相关《HTML5 Canvas核心技术图形动画与游戏开发.docx（9页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、HTML5 Canvas核心技术:图形.动画与游戏开发HTML5 Canvas核心技术:图形.动画与游戏开发基本信息原书名：Core HTML5 Canvas: Graphics, Animation, and Game Development作者： (美)David Geary 译者： 爱飞翔丛书名： 华章程序员书库出版社：机械工业出版社ISBN：9787111416340上架时间：2013-5-8出版日期：2013 年5月开本：16开页码：1版次：1-1所属分类：计算机 软件与程序设计 网络编程 HTML内容简介 计算机书籍html5 canvas核心技术：图形、动画与游戏开发是html5

2、 canvas领域的标杆之作，也是迄今为止该领域内容最为全面和深入的著作之一，是公认的权威经典、amazon五星级超级畅销书、资深技术专家david geary最新力作。它不仅全面讲解了canvas元素的api，以及如何利用canvas进行图形绘制、动画制作、物理效果模拟、碰撞检测、游戏开发、移动应用开发，还包含大量实例，可操作性极强。 全书共分11章。第1章介绍了canvas元素及如何在网络应用程序中使用它；第2章深入研究了如何使用canvas的api进行绘制；第3章告诉读者如何绘制并操作canvas中的文本；第4章专门讲解图像、图像的操作及视频处理；第5章介绍如何实现平滑的动画效果；第6章

3、讲解如何用javascript语言来实现精灵；第7章展示了如何在动画中模拟物理效果；第8章介绍了进行碰撞检测所用的技术；第9章以一个简单但是高效的游戏引擎开始，提供了游戏制作所需的全部支持功能；第10章讨论了实现自定义控件的通用方法；第11章专门讲述如何实现基于canvas的手机应用程序。 目录html5 canvas核心技术：图形、动画与游戏开发 译者序 前言 第1章基础知识1 1.1canvas元素1 1.1.1canvas元素的大小与绘图表面的大小4 1.1.2canvas元素的api5 1.2canvas的绘图环境6 1.2.12d绘图环境6 1.2.2canvas状态的保存与恢复8

4、1.3本书程序清单的规范格式9 1.4开始学习html510 1.4.1规范10 1.4.2浏览器11 1.4.3控制台与调试器11 1.4.4性能13 1.5基本的绘制操作15 1.6事件处理18 1.6.1鼠标事件18 1.6.2键盘事件22 .1.6.3触摸事件23 1.7绘制表面的保存与恢复23 1.8在canvas中使用html元素25 1.9打印canvas的内容32 1.10离屏canvas35 1.11基础数学知识简介37 1.11.1求解代数方程37 1.11.2三角函数38 1.11.3向量运算39 1.11.4根据计量单位来推导等式42 1.12总结44 第2章绘制45

5、2.1坐标系统46 2.2canvas的绘制模型47 2.3矩形的绘制48 2.4颜色与透明度50 2.5渐变色与图案52 2.5.1渐变色52 2.5.2图案54 2.6阴影57 2.7路径、描边与填充60 2.7.1路径与子路径63 2.7.2剪纸效果64 2.8线段69 2.8.1线段与像素边界70 2.8.2网格的绘制71 2.8.3坐标轴的绘制72 2.8.4橡皮筋式的线条绘制74 2.8.5虚线的绘制79 2.8.6通过扩展canvasrenderingcontext2d来绘制虚线80 2.8.7线段端点与连接点的绘制81 2.9圆弧与圆形的绘制83 2.9.1arc()方法的用法

6、83 2.9.2以橡皮筋式辅助线来协助用户画圆85 2.9.3arcto()方法的用法86 2.9.4刻度仪表盘的绘制88 2.10贝塞尔曲线93 2.10.1二次方贝塞尔曲线93 2.10.2三次方贝塞尔曲线95 2.11多边形的绘制97 2.12高级路径操作102 2.12.1拖动多边形对象102 2.12.2编辑贝塞尔曲线107 2.12.3自动滚动网页，使某段路径所对应的元素显示在视窗中115 2.13坐标变换116 2.13.1坐标系的平移、缩放与旋转116 2.13.2自定义的坐标变换119 2.14图像合成123 2.15剪辑区域128 2.15.1通过剪辑区域来擦除图像128

7、2.15.2利用剪辑区域来制作伸缩式动画133 2.16总结135 第3章文本137 3.1文本的描边与填充137 3.2设置字型属性141 3.3文本的定位144 3.3.1水平与垂直定位144 3.3.2将文本居中146 3.3.3文本的度量147 3.3.4绘制坐标轴旁边的文本标签148 3.3.5绘制数值仪表盘周围的文本标签151 3.3.6在圆弧周围绘制文本152 3.4实现文本编辑控件154 3.4.1指示文本输入位置的光标154 3.4.2在canvas中编辑文本159 3.4.3文本段的编辑163 3.5总结174 第4章图像与视频175 4.1图像的绘制176 4.1.1在c

8、anvas之中绘制图像176 4.1.2drawimage()方法的用法177 4.2图像的缩放179 4.3将一个canvas绘制到另一个canvas之中183 4.4离屏canvas186 4.5操作图像的像素189 4.5.1获取图像数据189 4.5.2修改图像数据195 4.6结合剪辑区域来绘制图像208 4.7以图像制作动画211 4.8图像绘制的安全问题216 4.9性能216 4.9.1对比drawimage(htmlimage)、drawimage(htmlcanvas)与putimagedata()的绘图效率217 4.9.2在canvas中绘制另一个canvas与绘制普通

9、图像之间的对比；在绘制时缩放图像与保持原样之间的对比217 4.9.3遍历图像数据218 4.10放大镜222 4.10.1使用离屏canvas224 4.10.2接受用户从文件系统中拖放进来的图像225 4.11视频处理227 4.11.1视频格式227 4.11.2在canvas中播放视频229 4.11.3视频处理230 4.12总结234 第5章动画235 5.1动画循环235 5.1.1通过requestanimationframe()方法让浏览器来自行决定帧速率237 5.1.2internet explorer浏览器对requestanimationframe()功能的实现241

10、 5.1.3可移植于各浏览器平台的动画循环逻辑241 5.2帧速率的计算248 5.3以不同的帧速率来执行各种任务249 5.4恢复动画背景250 5.4.1利用剪辑区域来处理动画背景250 5.4.2利用图块复制技术来处理动画背景252 5.5利用双缓冲技术绘制动画253 5.6基于时间的运动254 5.7背景的滚动257 5.8视差动画261 5.9用户手势264 5.10定时动画266 5.10.1秒表266 5.10.2动画计时器269 5.11动画制作的最佳指导原则270 5.12总结271 第6章精灵272 6.1精灵概述273 6.2精灵绘制器275 6.2.1描边与填充绘制器2

11、75 6.2.2图像绘制器279 6.2.3精灵表绘制器281 6.3精灵对象的行为284 6.3.1将多个行为组合起来285 6.3.2限时触发的行为287 6.4精灵动画制作器289 6.5基于精灵的动画循环293 6.6总结294 第7章物理效果295 7.1重力295 7.1.1物体的下落296 7.1.2抛射体弹道运动298 7.1.3钟摆运动307 7.2时间轴扭曲311 7.3时间轴扭曲函数315 7.4时间轴扭曲运动317 7.4.1没有加速度的线性运动319 7.4.2逐渐加速的缓入运动320 7.4.3逐渐减速的缓出运动322 7.4.4缓入缓出运动323 7.4.5弹簧运

12、动与弹跳运动324 7.5以扭曲后的帧速率播放动画326 7.6总结332 第8章碰撞检测333 8.1外接图形判别法333 8.1.1外接矩形判别法333 8.1.2外接圆判别法334 8.2碰到墙壁即被弹回的小球336 8.3光线投射法337 8.4分离轴定理（sat）与最小平移向量（mtv）340 8.4.1使用分割轴定理检测碰撞340 8.4.2根据最小平移向量应对碰撞362 8.5总结373 第9章游戏开发374 9.1游戏引擎374 9.1.1游戏循环376 9.1.2加载图像382 9.1.3同时播放多个声音384 9.1.4键盘事件385 9.1.5高分榜386 9.1.6游戏

13、引擎源代码387 9.2游戏原型395 9.2.1游戏原型程序的html代码396 9.2.2原型程序的游戏循环399 9.2.3游戏原型程序的加载画面400 9.2.4暂停画面402 9.2.5按键监听器404 9.2.6游戏结束及高分榜404 9.3弹珠台游戏407 9.3.1游戏循环弹珠408 9.3.2弹珠精灵410 9.3.3重力与摩擦力411 9.3.4弹板的移动412 9.3.5处理键盘事件413 9.3.6碰撞检测416 9.4总结425 第10章自定义控件 426 10.1圆角矩形控件427 10.2进度条控件433 10.3滑动条控件437 10.4图像查看器控件446 1

14、0.5总结454 第11章移动平台开发455 11.1移动设备的视窗456 11.2媒体特征查询技术461 11.2.1媒体特征查询与css461 11.2.2用javascript程序应对媒体特征的变化462 11.3触摸事件464 11.3.1touchevent对象464 11.3.2touchlist对象465 11.3.3touch对象466 11.3.4同时支持触摸事件与鼠标事件466 11.3.5手指缩放468 11.4ios5469 11.4.1应用程序图标及启动画面469 11.4.2利用媒体特征查询技术设置ios5系统的应用程序图标及启动画面470 11.4.3以不带浏览器饰件的全屏模式运行应用程序471 11.4.4应用程序的状态栏471 11.5虚拟键盘472 11.6总结485 本图书信息来源：中国互动出版网www.china-