HTML5 Canvas核心技术:图形、动画与游戏开发

HTML5 Canvas核心技术:图形、动画与游戏开发
分享
扫描下方二维码分享到微信
打开微信,点击右上角”+“,
使用”扫一扫“即可将网页分享到朋友圈。
作者: [美]
2013-05
版次: 1
ISBN: 9787111416340
定价: 99.00
装帧: 平装
开本: 16开
纸张: 胶版纸
页数: 486页
原版书名: Core HTML5 Canvas
395人买过
  •   《HTML5Canvas核心技术:图形、动画与游戏开发》是HTML5Canvas领域的标杆之作,也是迄今为止该领域内容最为全面和深入的著作之一,是公认的经典、五星级畅销书、资深技术专家DavidGeary新力作。它不仅全面讲解了canvas元素的API,以及如何利用Canvas进行图形绘制、动画制作、物理效果模拟、碰撞检测、游戏开发、移动应用开发,还包含大量实例,可操作性极强。
      《HTML5Canvas核心技术:图形、动画与游戏开发》共分11章。第1章介绍了canvas元素及如何在网络应用程序中使用它;第2章深入研究了如何使用Canvas的API进行绘制;第3章告诉读者如何绘制并操作Canvas中的文本;第4章专门讲解图像、图像的操作及视频处理;第5章介绍如何实现平滑的动画效果;第6章讲解如何用JavaScript语言来实现精灵;第7章展示了如何在动画中模拟物理效果;第8章介绍了进行碰撞检测所用的技术;第9章以一个简单但是高效的游戏引擎开始,提供了游戏制作所需的全部支持功能;第10章讨论了实现自定义控件的通用方法;第11章专门讲述如何实现基于Canvas的手机应用程序。 译者序
    前言
    第1章基础知识
    1.1canvas元素
    1.1.1canvas元素的大小与绘图表面的大小
    1.1.2canvas元素的API
    1.2Canvas的绘图环境
    1.2.12d绘图环境
    1.2.2Canvas状态的保存与恢复
    1.3本书程序清单的规范格式
    1.4开始学习HTML5
    1.4.1规范
    1.4.2浏览器
    1.4.3控制台与调试器
    1.4.4性能
    1.5基本的绘制操作
    1.6事件处理
    1.6.1鼠标事件
    1.6.2键盘事件
    1.6.3触摸事件
    1.7绘制表面的保存与恢复
    1.8在Canvas中使用HTML元素
    1.9打印Canvas的内容
    1.10离屏canvas
    1.11基础数学知识简介
    1.11.1求解代数方程
    1.11.2三角函数
    1.11.3向量运算
    1.11.4根据计量单位来推导等式
    1.12总结

    第2章绘制
    2.1坐标系统
    2.2Canvas的绘制模型
    2.3矩形的绘制
    2.4颜色与透明度
    2.5渐变色与图案
    2.5.1渐变色
    2.5.2图案
    2.6阴影
    2.7路径、描边与填充
    2.7.1路径与子路径
    2.7.2剪纸效果
    2.8线段
    2.8.1线段与像素边界
    2.8.2网格的绘制
    2.8.3坐标轴的绘制
    2.8.4橡皮筋式的线条绘制
    2.8.5虚线的绘制
    2.8.6通过扩展CanvasRenderingContext2D来绘制虚线
    2.8.7线段端点与连接点的绘制
    2.9圆弧与圆形的绘制
    2.9.1arc方法的用法
    2.9.2以橡皮筋式辅助线来协助用户画圆
    2.9.3arcTo方法的用法
    2.9.4刻度仪表盘的绘制
    2.10贝塞尔曲线
    2.10.1二次方贝塞尔曲线
    2.10.2三次方贝塞尔曲线
    2.11多边形的绘制
    2.12高级路径操作
    2.12.1拖动多边形对象
    2.12.2编辑贝塞尔曲线
    2.12.3自动滚动网页,使某段路径所对应的元素显示在视窗中
    2.13坐标变换
    2.13.1坐标系的平移、缩放与旋转
    2.13.2自定义的坐标变换
    2.14图像合成
    2.15剪辑区域
    2.15.1通过剪辑区域来擦除图像
    2.15.2利用剪辑区域来制作伸缩式动画
    2.16总结

    第3章文本
    3.1文本的描边与填充
    3.2设置字型属性
    3.3文本的定位
    3.3.1水平与垂直定位
    3.3.2将文本居中
    3.3.3文本的度量
    3.3.4绘制坐标轴旁边的文本标签
    3.3.5绘制数值仪表盘周围的文本标签
    3.3.6在圆弧周围绘制文本
    3.4实现文本编辑控件
    3.4.1指示文本输入位置的光标
    3.4.2在Canvas中编辑文本
    3.4.3文本段的编辑
    3.5总结

    第4章图像与视频
    4.1图像的绘制
    4.1.1在Canvas之中绘制图像
    4.1.2drawImage()方法的用法
    4.2图像的缩放
    4.3将一个Canvas绘制到另一个Canvas之中
    4.4离屏canvas
    4.5操作图像的像素
    4.5.1获取图像数据
    4.5.2修改图像数据
    4.6结合剪辑区域来绘制图像
    4.7以图像制作动画
    4.8图像绘制的安全问题
    4.9性能
    4.9.1对比drawImage(HTMLImage)、drawImage(HTMLCanvas)与putImageData()的绘图效率
    4.9.2在Canvas中绘制另一个Canvas与绘制普通图像之间的对比;在绘制时缩放图像与保持原样之间的对比
    4.9.3遍历图像数据
    4.10放大镜
    4.10.1使用离屏canvas
    4.10.2接受用户从文件系统中拖放进来的图像
    4.11视频处理
    4.11.1视频格式
    4.11.2在Canvas中播放视频
    4.11.3视频处理
    4.12总结

    第5章动画
    5.1动画循环
    5.1.1通过requestAnimationFrame()方法让浏览器来自行决定帧速率
    5.1.2InternetExplorer浏览器对requestAnimationFrame()功能的实现
    5.1.3可移植于各浏览器平台的动画循环逻辑
    5.2帧速率的计算
    5.3以不同的帧速率来执行各种任务
    5.4恢复动画背景
    5.4.1利用剪辑区域来处理动画背景
    5.4.2利用图块复制技术来处理动画背景
    5.5利用双缓冲技术绘制动画
    5.6基于时间的运动
    5.7背景的滚动
    5.8视差动画
    5.9用户手势
    5.10定时动画
    5.10.1秒表
    5.10.2动画计时器
    5.11动画制作的最佳指导原则
    5.12总结

    第6章精灵
    6.1精灵概述
    6.2精灵绘制器
    6.2.1描边与填充绘制器
    6.2.2图像绘制器
    6.2.3精灵表绘制器
    6.3精灵对象的行为
    6.3.1将多个行为组合起来
    6.3.2限时触发的行为
    6.4精灵动画制作器
    6.5基于精灵的动画循环
    6.6总结

    第7章物理效果
    7.1重力
    7.1.1物体的下落
    7.1.2抛射体弹道运动
    7.1.3钟摆运动
    7.2时间轴扭曲
    7.3时间轴扭曲函数
    7.4时间轴扭曲运动
    7.4.1没有加速度的线性运动
    7.4.2逐渐加速的缓入运动
    7.4.3逐渐减速的缓出运动
    7.4.4缓入缓出运动
    7.4.5弹簧运动与弹跳运动
    7.5以扭曲后的帧速率播放动画
    7.6总结

    第8章碰撞检测
    8.1外接图形判别法
    8.1.1外接矩形判别法
    8.1.2外接圆判别法
    8.2碰到墙壁即被弹回的小球
    8.3光线投射法
    8.4分离轴定理(SAT)与最小平移向量(MTV)
    8.4.1使用分割轴定理检测碰撞
    8.4.2根据最小平移向量应对碰撞
    8.5总结

    第9章游戏开发
    9.1游戏引擎
    9.1.1游戏循环
    9.1.2加载图像
    9.1.3同时播放多个声音
    9.1.4键盘事件
    9.1.5高分榜
    9.1.6游戏引擎源代码
    9.2游戏原型
    9.2.1游戏原型程序的HTML代码
    9.2.2原型程序的游戏循环
    9.2.3游戏原型程序的加载画面
    9.2.4暂停画面
    9.2.5按键监听器
    9.2.6游戏结束及高分榜
    9.3弹珠台游戏
    9.3.1游戏循环弹珠
    9.3.2弹珠精灵
    9.3.3重力与摩擦力
    9.3.4弹板的移动
    9.3.5处理键盘事件
    9.3.6碰撞检测
    9.4总结

    第10章自定义控件
    10.1圆角矩形控件
    10.2进度条控件
    10.3滑动条控件
    10.4图像查看器控件
    10.5总结

    第11章移动平台开发
    11.1移动设备的视窗
    11.2媒体特征查询技术
    11.2.1媒体特征查询与CSS
    11.2.2用JavaScript程序应对媒体特征的变化
    11.3触摸事件
    11.3.1TouchEvent对象
    11.3.2TouchList对象
    11.3.3Touch对象
    11.3.4同时支持触摸事件与鼠标事件
    11.3.5手指缩放
    11.4iOS5
    11.4.1应用程序图标及启动画面
    11.4.2利用媒体特征查询技术设置iOS5系统的应用程序图标及启动画面
    11.4.3以不带浏览器饰件的全屏模式运行应用程序
    11.4.4应用程序的状态栏
    11.5虚拟键盘
    11.6总结
  • 内容简介:
      《HTML5Canvas核心技术:图形、动画与游戏开发》是HTML5Canvas领域的标杆之作,也是迄今为止该领域内容最为全面和深入的著作之一,是公认的经典、五星级畅销书、资深技术专家DavidGeary新力作。它不仅全面讲解了canvas元素的API,以及如何利用Canvas进行图形绘制、动画制作、物理效果模拟、碰撞检测、游戏开发、移动应用开发,还包含大量实例,可操作性极强。
      《HTML5Canvas核心技术:图形、动画与游戏开发》共分11章。第1章介绍了canvas元素及如何在网络应用程序中使用它;第2章深入研究了如何使用Canvas的API进行绘制;第3章告诉读者如何绘制并操作Canvas中的文本;第4章专门讲解图像、图像的操作及视频处理;第5章介绍如何实现平滑的动画效果;第6章讲解如何用JavaScript语言来实现精灵;第7章展示了如何在动画中模拟物理效果;第8章介绍了进行碰撞检测所用的技术;第9章以一个简单但是高效的游戏引擎开始,提供了游戏制作所需的全部支持功能;第10章讨论了实现自定义控件的通用方法;第11章专门讲述如何实现基于Canvas的手机应用程序。
  • 目录:
    译者序
    前言
    第1章基础知识
    1.1canvas元素
    1.1.1canvas元素的大小与绘图表面的大小
    1.1.2canvas元素的API
    1.2Canvas的绘图环境
    1.2.12d绘图环境
    1.2.2Canvas状态的保存与恢复
    1.3本书程序清单的规范格式
    1.4开始学习HTML5
    1.4.1规范
    1.4.2浏览器
    1.4.3控制台与调试器
    1.4.4性能
    1.5基本的绘制操作
    1.6事件处理
    1.6.1鼠标事件
    1.6.2键盘事件
    1.6.3触摸事件
    1.7绘制表面的保存与恢复
    1.8在Canvas中使用HTML元素
    1.9打印Canvas的内容
    1.10离屏canvas
    1.11基础数学知识简介
    1.11.1求解代数方程
    1.11.2三角函数
    1.11.3向量运算
    1.11.4根据计量单位来推导等式
    1.12总结

    第2章绘制
    2.1坐标系统
    2.2Canvas的绘制模型
    2.3矩形的绘制
    2.4颜色与透明度
    2.5渐变色与图案
    2.5.1渐变色
    2.5.2图案
    2.6阴影
    2.7路径、描边与填充
    2.7.1路径与子路径
    2.7.2剪纸效果
    2.8线段
    2.8.1线段与像素边界
    2.8.2网格的绘制
    2.8.3坐标轴的绘制
    2.8.4橡皮筋式的线条绘制
    2.8.5虚线的绘制
    2.8.6通过扩展CanvasRenderingContext2D来绘制虚线
    2.8.7线段端点与连接点的绘制
    2.9圆弧与圆形的绘制
    2.9.1arc方法的用法
    2.9.2以橡皮筋式辅助线来协助用户画圆
    2.9.3arcTo方法的用法
    2.9.4刻度仪表盘的绘制
    2.10贝塞尔曲线
    2.10.1二次方贝塞尔曲线
    2.10.2三次方贝塞尔曲线
    2.11多边形的绘制
    2.12高级路径操作
    2.12.1拖动多边形对象
    2.12.2编辑贝塞尔曲线
    2.12.3自动滚动网页,使某段路径所对应的元素显示在视窗中
    2.13坐标变换
    2.13.1坐标系的平移、缩放与旋转
    2.13.2自定义的坐标变换
    2.14图像合成
    2.15剪辑区域
    2.15.1通过剪辑区域来擦除图像
    2.15.2利用剪辑区域来制作伸缩式动画
    2.16总结

    第3章文本
    3.1文本的描边与填充
    3.2设置字型属性
    3.3文本的定位
    3.3.1水平与垂直定位
    3.3.2将文本居中
    3.3.3文本的度量
    3.3.4绘制坐标轴旁边的文本标签
    3.3.5绘制数值仪表盘周围的文本标签
    3.3.6在圆弧周围绘制文本
    3.4实现文本编辑控件
    3.4.1指示文本输入位置的光标
    3.4.2在Canvas中编辑文本
    3.4.3文本段的编辑
    3.5总结

    第4章图像与视频
    4.1图像的绘制
    4.1.1在Canvas之中绘制图像
    4.1.2drawImage()方法的用法
    4.2图像的缩放
    4.3将一个Canvas绘制到另一个Canvas之中
    4.4离屏canvas
    4.5操作图像的像素
    4.5.1获取图像数据
    4.5.2修改图像数据
    4.6结合剪辑区域来绘制图像
    4.7以图像制作动画
    4.8图像绘制的安全问题
    4.9性能
    4.9.1对比drawImage(HTMLImage)、drawImage(HTMLCanvas)与putImageData()的绘图效率
    4.9.2在Canvas中绘制另一个Canvas与绘制普通图像之间的对比;在绘制时缩放图像与保持原样之间的对比
    4.9.3遍历图像数据
    4.10放大镜
    4.10.1使用离屏canvas
    4.10.2接受用户从文件系统中拖放进来的图像
    4.11视频处理
    4.11.1视频格式
    4.11.2在Canvas中播放视频
    4.11.3视频处理
    4.12总结

    第5章动画
    5.1动画循环
    5.1.1通过requestAnimationFrame()方法让浏览器来自行决定帧速率
    5.1.2InternetExplorer浏览器对requestAnimationFrame()功能的实现
    5.1.3可移植于各浏览器平台的动画循环逻辑
    5.2帧速率的计算
    5.3以不同的帧速率来执行各种任务
    5.4恢复动画背景
    5.4.1利用剪辑区域来处理动画背景
    5.4.2利用图块复制技术来处理动画背景
    5.5利用双缓冲技术绘制动画
    5.6基于时间的运动
    5.7背景的滚动
    5.8视差动画
    5.9用户手势
    5.10定时动画
    5.10.1秒表
    5.10.2动画计时器
    5.11动画制作的最佳指导原则
    5.12总结

    第6章精灵
    6.1精灵概述
    6.2精灵绘制器
    6.2.1描边与填充绘制器
    6.2.2图像绘制器
    6.2.3精灵表绘制器
    6.3精灵对象的行为
    6.3.1将多个行为组合起来
    6.3.2限时触发的行为
    6.4精灵动画制作器
    6.5基于精灵的动画循环
    6.6总结

    第7章物理效果
    7.1重力
    7.1.1物体的下落
    7.1.2抛射体弹道运动
    7.1.3钟摆运动
    7.2时间轴扭曲
    7.3时间轴扭曲函数
    7.4时间轴扭曲运动
    7.4.1没有加速度的线性运动
    7.4.2逐渐加速的缓入运动
    7.4.3逐渐减速的缓出运动
    7.4.4缓入缓出运动
    7.4.5弹簧运动与弹跳运动
    7.5以扭曲后的帧速率播放动画
    7.6总结

    第8章碰撞检测
    8.1外接图形判别法
    8.1.1外接矩形判别法
    8.1.2外接圆判别法
    8.2碰到墙壁即被弹回的小球
    8.3光线投射法
    8.4分离轴定理(SAT)与最小平移向量(MTV)
    8.4.1使用分割轴定理检测碰撞
    8.4.2根据最小平移向量应对碰撞
    8.5总结

    第9章游戏开发
    9.1游戏引擎
    9.1.1游戏循环
    9.1.2加载图像
    9.1.3同时播放多个声音
    9.1.4键盘事件
    9.1.5高分榜
    9.1.6游戏引擎源代码
    9.2游戏原型
    9.2.1游戏原型程序的HTML代码
    9.2.2原型程序的游戏循环
    9.2.3游戏原型程序的加载画面
    9.2.4暂停画面
    9.2.5按键监听器
    9.2.6游戏结束及高分榜
    9.3弹珠台游戏
    9.3.1游戏循环弹珠
    9.3.2弹珠精灵
    9.3.3重力与摩擦力
    9.3.4弹板的移动
    9.3.5处理键盘事件
    9.3.6碰撞检测
    9.4总结

    第10章自定义控件
    10.1圆角矩形控件
    10.2进度条控件
    10.3滑动条控件
    10.4图像查看器控件
    10.5总结

    第11章移动平台开发
    11.1移动设备的视窗
    11.2媒体特征查询技术
    11.2.1媒体特征查询与CSS
    11.2.2用JavaScript程序应对媒体特征的变化
    11.3触摸事件
    11.3.1TouchEvent对象
    11.3.2TouchList对象
    11.3.3Touch对象
    11.3.4同时支持触摸事件与鼠标事件
    11.3.5手指缩放
    11.4iOS5
    11.4.1应用程序图标及启动画面
    11.4.2利用媒体特征查询技术设置iOS5系统的应用程序图标及启动画面
    11.4.3以不带浏览器饰件的全屏模式运行应用程序
    11.4.4应用程序的状态栏
    11.5虚拟键盘
    11.6总结
查看详情
系列丛书 / 更多
HTML5 Canvas核心技术:图形、动画与游戏开发
OpenCV 3计算机视觉:Python语言实现(原书第2版)
[爱尔兰]乔·米尼奇诺(JoeMinichino) 著;[爱尔兰]乔·米尼奇诺(JoeMinichino) 编;刘波苗贝贝史斌 译
HTML5 Canvas核心技术:图形、动画与游戏开发
OpenGL ES 3.0编程指南
Dan、Budi、Dave Shreine 著;姚军 译
HTML5 Canvas核心技术:图形、动画与游戏开发
精彩绝伦的Android UI设计:响应式用户界面与设计模式
Juhani Lehtimaki 著;王东明 译
HTML5 Canvas核心技术:图形、动画与游戏开发
Python编程实战:运用设计模式、并发和程序库创建高质量程序
[美]Mark Summerfield 著;爱飞翔 译
HTML5 Canvas核心技术:图形、动画与游戏开发
OpenGL编程指南(原书第9版)
王锐 译
HTML5 Canvas核心技术:图形、动画与游戏开发
华章程序员书库:OpenGL编程指南(原书第8版)
[美]施莱尔(Dave Shreiner)、Graham、John Kessenich 著;王锐 译
HTML5 Canvas核心技术:图形、动画与游戏开发
iPad应用开发实践指南
[美]Kirby、[美]Tom Harrington 著;张菲 译
HTML5 Canvas核心技术:图形、动画与游戏开发
领域特定语言
[英]Martin Fowler 著;Thought Works 译
HTML5 Canvas核心技术:图形、动画与游戏开发
SOA与Java:用Java技术实现面向服务
[美]Thomas、[印]Andre、[美]Satadru、[英]Philip Thomas 著;赵利通 译
HTML5 Canvas核心技术:图形、动画与游戏开发
Android游戏开发实践指南
[美]Rick Rogers 著;爱飞翔 译
HTML5 Canvas核心技术:图形、动画与游戏开发
深入理解OpenCV:实用计算机视觉项目解析
[巴西]Daniel Lélis Baggio 著;刘波 译
HTML5 Canvas核心技术:图形、动画与游戏开发
Java TCP/IP Socket编程
[美]卡尔弗特、[美]多纳霍 著;周恒民 译
您可能感兴趣 / 更多
HTML5 Canvas核心技术:图形、动画与游戏开发
无辜者的谎言(相信我!看到结局你一定会头皮发麻;全美读者推荐的悬疑神作,GOODREADS高分作品)
[美]A.R.托雷 著;梁颂宇 译;星文文化 出品
HTML5 Canvas核心技术:图形、动画与游戏开发
孩子,把你的手给我1:怎么说孩子才爱听,怎么教孩子才肯学?帮助每一位3-12岁孩子的父母结束与孩子的所有冲突!
[美]海姆·G.吉诺特
HTML5 Canvas核心技术:图形、动画与游戏开发
哲学、历史与僭政——重审施特劳斯与科耶夫之争
[美]弗罗斯特(Bryan-Paul Frost) 编;[美]伯恩斯(Timothy W. Burns)
HTML5 Canvas核心技术:图形、动画与游戏开发
怎样做成大事
[美]丹·加德纳(Dan Gardner) 著;贾拥民 译;湛庐文化 出品;[丹麦]傅以斌(Bent Flyvbjerg)
HTML5 Canvas核心技术:图形、动画与游戏开发
1200年希腊罗马神话
[美]伊迪丝·汉密尔顿
HTML5 Canvas核心技术:图形、动画与游戏开发
爱情心理学(新编本)
[美]罗伯特·J. 斯腾伯格 (美)凯琳·斯腾伯格 倪爱萍 译
HTML5 Canvas核心技术:图形、动画与游戏开发
黄金圈法则
[美]西蒙·斯涅克 著;磨铁文化 出品
HTML5 Canvas核心技术:图形、动画与游戏开发
最后一章
[美]厄尼·派尔
HTML5 Canvas核心技术:图形、动画与游戏开发
汤姆·索亚历险记 彩图注音版 一二三四年级5-6-7-8-9岁小学生课外阅读经典 儿童文学无障碍有声伴读世界名著童话故事
[美]马克 吐温
HTML5 Canvas核心技术:图形、动画与游戏开发
富兰克林自传 名家全译本 改变无数人命运的励志传奇 埃隆马斯克反复推荐 赠富兰克林签名照及精美插图
[美]本杰明·富兰克林 著;李自修 译
HTML5 Canvas核心技术:图形、动画与游戏开发
汤姆素亚历险记:中小学生课外阅读快乐读书吧 儿童文学无障碍有声伴读世界名著童话故事
[美]马克·吐温
HTML5 Canvas核心技术:图形、动画与游戏开发
国际大奖图画书系列 共11册(小老鼠的恐惧的大书,大灰狼,红豆与菲比,别烦我,下雪了 ,穿靴子的猫 ,先有蛋,绿 ,特别快递,如果你想看鲸鱼 ,一个部落的孩子 ) 麦克米伦世纪
[美]莱恩·史密斯 (英)埃米莉·格雷维特 (美)劳拉·瓦卡罗·等/文 (英)埃米莉·格雷维特 等/图 彭懿 杨玲玲 阿甲 孙慧阳 白薇 译