91789
分类
商品
商品
图书

无惧阳光！ 夏日防晒4折起🌞

🍹清凉消暑美味 畅享夏日好“食”光

💚今夏必喝！三倍厚抹🍵+丰富小料✨ 每一口都是清爽茶香

家的满分疗愈力！解锁夏日宅家充能秘诀🏡

☀️烈日当空 自有避暑凉方🌬️ 逃离城市热浪！

国货之光来袭✨盘点高质价比国货美妆好物！

【SKIN1004理肤天使】爆款断货防晒好价☀️

甜玉米靠边站，咸口上桌！

内蒙古美食巡礼🏕️奶食爱好者的天堂

韩国大热香氛MUMCHIT~太香啦

护发素
热干面
米粉
砂锅
老干妈
Yami

Yami

登录/注册
简体中文
English 简体中文 繁體中文 한국어 日本語
免运费

去购物车结算

全部分类

零食

速食粮油

饮料

美妆个护

厨电家电

家居生活

医药保健

上新 740+ 上新

母婴辅食

服装

大中华

日本

韩国

东南亚

热销榜单

全部品牌

新品

折扣

礼品卡

网红好味

晒单

订阅福利

历史浏览

{{ badge.badge_name }}
{{ item.brand_name }} {{ item.group_num + __(" Options") }}
{{ item.item_title }}
{{ item.rank.category_name }} {{ $isZh ? ' ' + item.rank.rank_name +' No.'+ item.rank.rank_num : '#'+item.rank.rank_num + ' ' + item.rank.rank_name }} {{ item.rank.category_name }}

{{ item.rank.category_name }} {{ $isZh ? ' ' + item.rank.rank_name +' No.'+ item.rank.rank_num : '#'+item.rank.rank_num + ' ' + item.rank.rank_name }} {{ item.rank.category_name }}

{{ formatNumber(visualViewRate(item)) }} ({{ item.comment.comment_count > 0 ? item.comment.comment_count : __("Be the first!") }})
· {{ viewedItemSaleInfo(item) }}

{{ currency }}{{ priceFormat(item.price.shop_price) }} {{ currency }}{{ priceFormat(item.price.del_price) }}

{{ item.bundle }}

已售完

设置到货通知

已加入购物车

切换配送区域

不同区域的库存和配送时效可能存在差异.

历史邮编

{{email ? __('Got it!') : __('Restock Alert')}}

我们将在商品到货后第一时间通知你。

取消
Yami
京东图书

HTML5 canvas开发详解(第2版)

{{ itemCurrency }}{{ item.valid_price }}
{{ itemCurrency }}{{ priceFormat(item.valid_price / item.bundle_specification) }}/{{ item.unit }}
{{ itemDiscount }}
{{ itemCurrency }}{{ item.valid_price }}
{{ itemCurrency }}{{ item.valid_price }}
{{ buttonTypePin == 3 ? __("Scan to view more PinGo") : __("Scan to start") }}
图书 计算机与互联网 软件工程及软件方法学

{{ regionInfo.title }}
商品描述
展开全部描述
内容简介

《HTML5 canvas开发详解(第2版)》是HTML5 Canvas的畅销图书，在上一版的基础之上，针对Canvas和HTML5技术的全新变动进行了更新。《HTML5 canvas开发详解(第2版)》通过讲解如何开发交互式多媒体应用，引导读者学习HTML5 Canvas，其内容包括HTML5 Canvas简介、在Canvas上绘图、Canvas的文本API、Canvas图像、Canvas中的数学、物理知识以及由其实现的动画效果、整合操作视频和音频、使用位图和tile表格开发游戏、开发Web应用，以及WebGL和ElectroServer5的使用等内容。
《HTML5 canvas开发详解(第2版)》包含了大量清晰、可重用的代码示例，适合各个层级的Web开发人员阅读，而且无论他们当前使用的是Flash、Silverlight，还是HTML与JavaScript，都可以通过本书迅速掌握HTML5 Canvas。
作者简介

Steve Fulton和Jeff Fulton各自在交互式娱乐开发领域均有16年以上的工作经验。Steve是Matel Toys公司数字游戏软件开发部的高级经理。Jeff是Producto工作室的CTO。他们两人还培养了一大批忠实粉丝，他们在8bitrocket.com上了解有关Flash、Sliverlight以及HTML5 Canvas的新闻、故事、博客和教程。
目录

第1章HTML5 Canvas简介1
1．1什么是HTML52
1．2基础的HTML5页面36
1．4文档对象模型(DOM)和Canvas7
1．5JavaScript和Canvas7
JavaScript放置的位置及其理由7
1．6HTML5 Canvas版“Hello World！”8
1．6．1为Canvas封装JavaScript代码9
1．6．2将Canvas添加到HTML页面中10
1．6．3检测浏览器是否支持Canvas10
1．6．4获得2D环境11
1．6．5drawScreen()函数12
1．7用console．log调试15
1．82D环境及其当前状态16
1．9HTML5 Canvas对象17
1．10第二个示例：猜字母18
1．10．1游戏如何工作18
1．10．2“猜字母”游戏的变量18
1．10．3initGame()函数19
1．10．4eventKeyPressed()函数20
1．10．5drawScreen()函数21
1．10．6导出Canvas到图像23
1．10．7最终的游戏代码23
1．11动画版本的Hello World23
1．11．1 一些必要的属性24
1．11．2动画循环25
1．11．3使用globalAlpha属性设置alpha透明度26
1．11．4清除并显示背景26
1．11．5更新globalAlpha属性26
1．11．6绘制文字27
1．11．7HTML5 Canvas实现无障碍访问：子dom29
1．12内容预告31
第2章在Canvas上绘图32
2．1本章基本文件设置32
2．2基本矩形33
2．3Canvas状态34
2．3．1什么不属于状态35
2．3．2如何保存和恢复Canvas状态35
2．4使用路径创建线段35
2．4．1设置路径的开始和结束35
2．4．2动态绘图36
2．4．3高级线段绘制举例37
2．5高级路径方法38
2．5．1弧线38
2．5．2贝塞尔曲线40
2．5．3Canvas裁切区域41
2．6在画布上合成42
2．7简单画布变换45
2．7．1旋转和平移变换45
2．7．2缩放变换50
2．7．3缩放和旋转组合变换51
2．8用颜色和渐变填充对象53
2．8．1基本填充颜色设置53
2．8．2填充渐变形状54
2．9用图案填充形状63
2．10创建阴影65
2．11清除画布的方法67
2．11．1简单填充67
2．11．2重置画布的宽和高67
2．11．3重新设置画布的clearRect函数67
2．12检查一个点是否在当前路径68
2．13绘制一个焦点环69
2．14内容预告69
第3章HTML5 Canvas的文本API70
3．1显示基本文本70
3．1．1基本文本显示71
3．1．2在Text Arranger中处理基本文本71
3．1．3HTML表单和画布之间的通信72
3．1．4使用measureText72
3．1．5fillText和strokeText74
3．2设置文本字体77
3．2．1字体大小、磅重和样式基础77
3．2．2在文本编辑器中处理字体大小和外观77
3．2．3字体颜色82
3．2．4字体基线和对齐84
3．2．5Text Arranger 2．0版87
3．3文本和Canvas上下文87
3．3．1全局alpha和文本87
3．3．2全局阴影和文本89
3．4文本渐变和图案91
3．4．1文本线性渐变91
3．4．2文本径向渐变93
3．4．3文本图像图案93
3．4．4在Text Arranger中处理渐变和图案94
3．5宽度、高度、缩放和toDataURL()回顾97
3．5．1动态调整画布尺寸97
3．5．2动态缩放画布99
3．5．3Canvas对象的toDataURL()方法100
3．6最终版的Text Arranger102
3．7渐变动画112
3．8Canvas里文本的未来115
3．8．1CSS文本116
3．8．2文本的无障碍访问116
3．9内容预告116
第4章Canvas图像117
4．1本章的基本文件设置117
4．2图像基础118
4．2．1预下载图像119
4．2．2使用drawImage()函数在画布上显示图像119
4．2．3调整画布上图像的大小121
4．2．4将部分图像复制到画布122
4．3简单的帧式动画124
4．3．1创建动画帧计数器124
4．3．2创建一个计时循环124
4．3．3改变拼板显示125
4．4高级帧式动画126
4．4．1检查拼图126
4．4．2创建动画数组126
4．4．3选择拼板显示127
4．4．4在拼板中循环127
4．4．5绘制拼板127
4．4．6在整个画布上移动图像128
4．5在图像上应用旋转变换130
4．5．1画布变换基础130
4．5．2为变换的图像设置动画133
4．6创建一个拼板网格136
4．6．1定义拼板地图136
4．6．2用Tiled创建拼板地图136
4．6．3在画布上显示地图138
4．7通过大图片深入了解绘图属性141
4．7．1为图像创建一个窗口142
4．7．2绘制图像窗口142
4．7．3修改图片容器的属性143
4．7．4缩放图像144
4．7．5平移图片146
4．7．6同时对图片进行移动和缩放147
4．8像素操作148
4．8．1操作画布像素的API148
4．8．2应用程序拼板印章149
4．9画布间的复制156
4．10使用像素检测物体碰撞158
4．10．1碰撞的对象159
4．10．2如何检测物体碰撞160
4．10．3检查两个物体的重叠部分160
4．11内容预告165
第5章数学、物理与动画166
5．1直线移动166
5．1．1两点间移动：线段距离168
5．1．2按照矢量移动173
5．2撞墙反弹177
5．2．1单个球反弹178
5．2．2多球撞墙反弹181
5．2．3可动态调整画布大小的多球碰撞反弹187
5．2．4多球反弹和碰撞191
5．2．5有摩擦力的多球碰撞反弹203
5．3曲线和圆弧运动210
5．3．1匀速圆周运动210
5．3．2简单螺旋运动212
5．3．33次贝赛尔曲线运动215
5．3．4移动图像220
5．3．5创建立方贝塞尔曲线环224
5．4简单重力、弹力及摩擦力228
5．4．1简单重力228
5．4．2带反弹的简单重力232
5．4．3重力反弹及应用简单弹力234
5．4．4简单重力、弹力及摩擦力的综合237
5．5缓冲240
5．5．1缓冲结束(飞船着陆)240
5．5．2缓冲开始(起飞)244
5．6Box2D和画布247
5．6．1下载Box2dWeb247
5．6．2Box2D的工作原理248
5．6．3Box2D的Hello World248
5．6．4引入框架库248
5．6．5创建Box2dWeb世界249
5．6．6Box2dWeb中的单位249
5．6．7在Box2D中定义墙250
5．6．8创建小球251
5．6．9b2debugDraw渲染与Canvas渲染的对比252
5．6．10drawScreen()函数252
5．6．11重温反弹球255
5．6．12转换为Canvas256
5．7与Box2D交互258
5．7．1创建箱子259
5．7．2渲染箱子260
5．7．3增加互动效果260
5．7．4创建箱子261
5．7．5处理小球261
5．8关于Box2D的更多内容267
5．9内容预告267
第6章在画布中融合HTML5视频268
6．1HTML5中对视频的支持268
6．1．1Theora + Vorbis = ．ogg268
6．1．2H．264 + $$$ = ．mp4269
6．1．3VP8 + Vorbis = ．webm269
6．1．4结合3种视频格式270
6．2转换视频格式270
6．3HTML5视频的基本实现方法271
6．3．1普通的视频嵌入方法272
6．3．2添加视频控制器并设置播放方式273
6．3．3调整视频的宽度和高度274
6．4使用JavaScript预加载视频279
6．5视频与画布282
6．5．1在HTML5 Canvas上显示视频282
6．5．2HTML5的视频属性288
6．6在画布上使用视频的示例292
6．6．1使用currentTime属性创建视频事件292
6．6．2在画布上旋转视频296
6．6．3在画布上制作视频拼图302
6．6．4在画布上创建视频控制器315
6．7回顾动画效果之移动视频324
6．8使用JavaScript录制视频329
6．8．1网络RTC多媒体捕捉接口及数据流接口329
6．8．2例1：播放视频329
6．8．3例2：在Canvas上播放视频并截图332
6．8．4例3：创建视频拼图334
6．9移动端HTML5视频的支持状况336
6．10内容预告336
第7章使用音频337
7．1标签337
7．2音频格式338
7．2．1支持的音频格式338
7．2．2音频转换工具Audacity338
7．2．3示例：使用所有3种音频格式339
7．3Audio标签的属性、函数和事件340
7．3．1音频函数340
7．3．2重要的音频属性341
7．3．3重要的音频事件341
7．3．4加载并播放音频342
7．3．5在画布上显示属性信息343
7．4不使用Audio标签播放声音346
7．4．1使用JavaScript动态创建audio元素346
7．4．2查找支持的音频格式347
7．4．3播放声音348
7．4．4不使用标签349
7．5创建画布音频播放器352
7．5．1在Canvas中创建自定义用户控件352
7．5．2加载按钮资源353
7．5．3设置音频播放器的值354
7．5．4鼠标事件355
7．5．5滑动播放指示器356
7．5．6播放/暂停按钮：检测单击并获取位置357
7．5．7循环/不循环切换按钮359
7．5．8单击并拖动音量滑块360
7．6音频案例：太空掠夺者游戏368
7．6．1应用程序中不同的声音——事件声音369
7．6．2迭代369
7．6．3太空掠夺者游戏框架369
7．6．4第一次迭代：使用单个对象播放声音378
7．6．5第二次迭代：创建无限个动态声音对象378
7．6．6第三次迭代：创建一个声音池380
7．6．7第四次迭代：重用预加载的声音382
7．7Web Audio API386
7．7．1什么是Web Audio API386
7．7．2使用Web Audio API开发太空掠夺者386
7．8内容预告389

第8章Canvas游戏(上)390
8．1为什么用HTML5开发游戏390
8．1．1Canvas与Flash比较390
8．1．2Canvas提供的新特性391
8．2游戏的基本HTML5文件391
8．3游戏的设计393
8．4游戏图形：使用路径绘制393
8．4．1所需的资源393
8．4．2使用路径绘制游戏的主角394
8．5Canvas上的动画396
8．5．1游戏定时器循环396
8．5．2玩家飞船的状态变化397
8．6对游戏图形应用形状变换399
Canvas的栈399
8．7游戏图形变换401
8．7．1使玩家飞船绕中心旋转401
8．7．2使用Alpha通道实现飞船淡入403
8．8游戏物体的物理算法和动画405
8．8．1移动玩家飞船405
8．8．2使用键盘控制玩家飞船407
8．8．3设置玩家飞船的最大速度411
8．9基本游戏框架412
8．9．1游戏状态机412
8．9．2更新/渲染的重复周期416
8．9．3帧率计数器对象原型419
8．10整合所有元素420
8．10．1Geo Blaster游戏架构420
8．10．2Geo Blaster全局游戏变量423
8．11玩家对象424
8．12Geo Blaster游戏的算法425
8．12．1逻辑显示对象数组425
8．12．2级别难度控制427
8．12．3关卡和游戏结束427
8．12．4奖励玩家另外的飞船429
8．12．5应用碰撞检测429
8．13Geo Blaster Basic的完整源代码431
8．14陨石对象原型432
8．15在网格上使用A*算法查找最短路径434
8．15．1什么是A*算法434
8．15．2在更大的地图上使用A*440
8．15．3可穿过对角线的A*寻路算法444
8．15．4在带权值节点的地图里使用A*寻路算法448
8．15．5带权值及穿越对角线功能的A*寻路算法452
8．15．6让游戏角色顺着A*最短路径移动459
8．15．7坦克斜穿过墙壁463
8．16内容预告472

第9章Canvas游戏(下)474
9．1扩展版的Geo Blaster474
9．1．1Geo Blaster的图片表475
9．1．2渲染其他游戏对象480
9．1．3添加声音485
9．1．4用对象池管理对象实例490
9．1．5添加步长定时器492
9．2在运行时创建动态的图片表494
9．3简单的基于区块的游戏498
9．3．1微型坦克迷宫的介绍499
9．3．2游戏中用到的图片表500
9．3．3游戏区域501
9．3．4玩家502
9．3．5敌人503
9．3．6目标504
9．3．7爆炸效果504
9．3．8回合制游戏的流程和状态机504
9．3．9简单区块移动逻辑概述508
9．3．10渲染逻辑概述510
9．3．11自定义简单人工智能概述511
9．3．12微型坦克迷宫的完整游戏代码512
9．4为基于区块的游戏世界添加滚动效果512
9．4．1第一步：将用于绘制屏幕的区块放在一个图片表中513
9．4．2第二步：用二维数组表示游戏世界513
9．4．3第三步：将基于区块的世界绘制在画布上513
9．4．4粗糙滚动与精确滚动514
9．4．5camera对象514
9．4．6world对象515
9．4．7精确滚动时行和列的缓冲区515
9．4．8粗糙滚动的完整代码示例521
9．4．9精确滚动的完整代码示例525
9．5内容预告530

第10章在移动设备上开发531
10．1第一个应用程序531
10．1．1代码532
10．1．2查看BSBingo．html的代码537
10．1．3应用程序代码540
10．1．4针对浏览器修改游戏541
10．1．5在真实设备上测试游戏544
10．2触屏版的Retro Blaster游戏546
10．3将触屏版Retro Blaster移动化548
10．3．1开发全屏游戏548
10．3．2触摸移动事件550
10．3．3触屏版Retro Blaster的完整代码555
10．4超越Canvas555
10．5内容预告555

第11章进一步探索557
11．1使用WebGL实现3D效果557
11．1．1WebGL是什么557
11．1．2测试WebGL558
11．1．3学习更多WebGL的知识558
11．1．4WebGL应用示例558
11．1．5进一步探索WebGL564
11．1．6WebGL的JavaScript类库564
11．2使用ElectroServer 5实现多人应用程序566
11．2．1安装ElectroServer566
11．2．2套接字服务器程序的基础架构568
11．2．3ElectroServer程序的基础架构569
11．2．4使用ElectroServer创建聊天程序570
11．2．5在Google Chrome中测试应用程序576
11．2．6进一步探索ElectroServer577
11．2．7这只是冰山一角579
11．3为Canvas创建一个简单对象框架579
11．3．1创建一个支持拖放的应用程序580
11．3．2应用程序设计580
11．4Windows 8应用与HTML5 Canvas592
11．5HTML5．1与Canvas Level 2中有什么596
11．5．1HTML5．1 Canvas Context596
11．5．2Canvas Level2597
11．6总结597

附录完整代码列表59
内容简介

《HTML5 canvas开发详解(第2版)》是HTML5 Canvas的畅销图书，在上一版的基础之上，针对Canvas和HTML5技术的全新变动进行了更新。《HTML5 canvas开发详解(第2版)》通过讲解如何开发交互式多媒体应用，引导读者学习HTML5 Canvas，其内容包括HTML5 Canvas简介、在Canvas上绘图、Canvas的文本API、Canvas图像、Canvas中的数学、物理知识以及由其实现的动画效果、整合操作视频和音频、使用位图和tile表格开发游戏、开发Web应用，以及WebGL和ElectroServer5的使用等内容。
《HTML5 canvas开发详解(第2版)》包含了大量清晰、可重用的代码示例，适合各个层级的Web开发人员阅读，而且无论他们当前使用的是Flash、Silverlight，还是HTML与JavaScript，都可以通过本书迅速掌握HTML5 Canvas。
作者简介

Steve Fulton和Jeff Fulton各自在交互式娱乐开发领域均有16年以上的工作经验。Steve是Matel Toys公司数字游戏软件开发部的高级经理。Jeff是Producto工作室的CTO。他们两人还培养了一大批忠实粉丝，他们在8bitrocket.com上了解有关Flash、Sliverlight以及HTML5 Canvas的新闻、故事、博客和教程。
目录

第1章HTML5 Canvas简介1
1．1什么是HTML52
1．2基础的HTML5页面36
1．4文档对象模型(DOM)和Canvas7
1．5JavaScript和Canvas7
JavaScript放置的位置及其理由7
1．6HTML5 Canvas版“Hello World！”8
1．6．1为Canvas封装JavaScript代码9
1．6．2将Canvas添加到HTML页面中10
1．6．3检测浏览器是否支持Canvas10
1．6．4获得2D环境11
1．6．5drawScreen()函数12
1．7用console．log调试15
1．82D环境及其当前状态16
1．9HTML5 Canvas对象17
1．10第二个示例：猜字母18
1．10．1游戏如何工作18
1．10．2“猜字母”游戏的变量18
1．10．3initGame()函数19
1．10．4eventKeyPressed()函数20
1．10．5drawScreen()函数21
1．10．6导出Canvas到图像23
1．10．7最终的游戏代码23
1．11动画版本的Hello World23
1．11．1 一些必要的属性24
1．11．2动画循环25
1．11．3使用globalAlpha属性设置alpha透明度26
1．11．4清除并显示背景26
1．11．5更新globalAlpha属性26
1．11．6绘制文字27
1．11．7HTML5 Canvas实现无障碍访问：子dom29
1．12内容预告31
第2章在Canvas上绘图32
2．1本章基本文件设置32
2．2基本矩形33
2．3Canvas状态34
2．3．1什么不属于状态35
2．3．2如何保存和恢复Canvas状态35
2．4使用路径创建线段35
2．4．1设置路径的开始和结束35
2．4．2动态绘图36
2．4．3高级线段绘制举例37
2．5高级路径方法38
2．5．1弧线38
2．5．2贝塞尔曲线40
2．5．3Canvas裁切区域41
2．6在画布上合成42
2．7简单画布变换45
2．7．1旋转和平移变换45
2．7．2缩放变换50
2．7．3缩放和旋转组合变换51
2．8用颜色和渐变填充对象53
2．8．1基本填充颜色设置53
2．8．2填充渐变形状54
2．9用图案填充形状63
2．10创建阴影65
2．11清除画布的方法67
2．11．1简单填充67
2．11．2重置画布的宽和高67
2．11．3重新设置画布的clearRect函数67
2．12检查一个点是否在当前路径68
2．13绘制一个焦点环69
2．14内容预告69
第3章HTML5 Canvas的文本API70
3．1显示基本文本70
3．1．1基本文本显示71
3．1．2在Text Arranger中处理基本文本71
3．1．3HTML表单和画布之间的通信72
3．1．4使用measureText72
3．1．5fillText和strokeText74
3．2设置文本字体77
3．2．1字体大小、磅重和样式基础77
3．2．2在文本编辑器中处理字体大小和外观77
3．2．3字体颜色82
3．2．4字体基线和对齐84
3．2．5Text Arranger 2．0版87
3．3文本和Canvas上下文87
3．3．1全局alpha和文本87
3．3．2全局阴影和文本89
3．4文本渐变和图案91
3．4．1文本线性渐变91
3．4．2文本径向渐变93
3．4．3文本图像图案93
3．4．4在Text Arranger中处理渐变和图案94
3．5宽度、高度、缩放和toDataURL()回顾97
3．5．1动态调整画布尺寸97
3．5．2动态缩放画布99
3．5．3Canvas对象的toDataURL()方法100
3．6最终版的Text Arranger102
3．7渐变动画112
3．8Canvas里文本的未来115
3．8．1CSS文本116
3．8．2文本的无障碍访问116
3．9内容预告116
第4章Canvas图像117
4．1本章的基本文件设置117
4．2图像基础118
4．2．1预下载图像119
4．2．2使用drawImage()函数在画布上显示图像119
4．2．3调整画布上图像的大小121
4．2．4将部分图像复制到画布122
4．3简单的帧式动画124
4．3．1创建动画帧计数器124
4．3．2创建一个计时循环124
4．3．3改变拼板显示125
4．4高级帧式动画126
4．4．1检查拼图126
4．4．2创建动画数组126
4．4．3选择拼板显示127
4．4．4在拼板中循环127
4．4．5绘制拼板127
4．4．6在整个画布上移动图像128
4．5在图像上应用旋转变换130
4．5．1画布变换基础130
4．5．2为变换的图像设置动画133
4．6创建一个拼板网格136
4．6．1定义拼板地图136
4．6．2用Tiled创建拼板地图136
4．6．3在画布上显示地图138
4．7通过大图片深入了解绘图属性141
4．7．1为图像创建一个窗口142
4．7．2绘制图像窗口142
4．7．3修改图片容器的属性143
4．7．4缩放图像144
4．7．5平移图片146
4．7．6同时对图片进行移动和缩放147
4．8像素操作148
4．8．1操作画布像素的API148
4．8．2应用程序拼板印章149
4．9画布间的复制156
4．10使用像素检测物体碰撞158
4．10．1碰撞的对象159
4．10．2如何检测物体碰撞160
4．10．3检查两个物体的重叠部分160
4．11内容预告165
第5章数学、物理与动画166
5．1直线移动166
5．1．1两点间移动：线段距离168
5．1．2按照矢量移动173
5．2撞墙反弹177
5．2．1单个球反弹178
5．2．2多球撞墙反弹181
5．2．3可动态调整画布大小的多球碰撞反弹187
5．2．4多球反弹和碰撞191
5．2．5有摩擦力的多球碰撞反弹203
5．3曲线和圆弧运动210
5．3．1匀速圆周运动210
5．3．2简单螺旋运动212
5．3．33次贝赛尔曲线运动215
5．3．4移动图像220
5．3．5创建立方贝塞尔曲线环224
5．4简单重力、弹力及摩擦力228
5．4．1简单重力228
5．4．2带反弹的简单重力232
5．4．3重力反弹及应用简单弹力234
5．4．4简单重力、弹力及摩擦力的综合237
5．5缓冲240
5．5．1缓冲结束(飞船着陆)240
5．5．2缓冲开始(起飞)244
5．6Box2D和画布247
5．6．1下载Box2dWeb247
5．6．2Box2D的工作原理248
5．6．3Box2D的Hello World248
5．6．4引入框架库248
5．6．5创建Box2dWeb世界249
5．6．6Box2dWeb中的单位249
5．6．7在Box2D中定义墙250
5．6．8创建小球251
5．6．9b2debugDraw渲染与Canvas渲染的对比252
5．6．10drawScreen()函数252
5．6．11重温反弹球255
5．6．12转换为Canvas256
5．7与Box2D交互258
5．7．1创建箱子259
5．7．2渲染箱子260
5．7．3增加互动效果260
5．7．4创建箱子261
5．7．5处理小球261
5．8关于Box2D的更多内容267
5．9内容预告267
第6章在画布中融合HTML5视频268
6．1HTML5中对视频的支持268
6．1．1Theora + Vorbis = ．ogg268
6．1．2H．264 + $$$ = ．mp4269
6．1．3VP8 + Vorbis = ．webm269
6．1．4结合3种视频格式270
6．2转换视频格式270
6．3HTML5视频的基本实现方法271
6．3．1普通的视频嵌入方法272
6．3．2添加视频控制器并设置播放方式273
6．3．3调整视频的宽度和高度274
6．4使用JavaScript预加载视频279
6．5视频与画布282
6．5．1在HTML5 Canvas上显示视频282
6．5．2HTML5的视频属性288
6．6在画布上使用视频的示例292
6．6．1使用currentTime属性创建视频事件292
6．6．2在画布上旋转视频296
6．6．3在画布上制作视频拼图302
6．6．4在画布上创建视频控制器315
6．7回顾动画效果之移动视频324
6．8使用JavaScript录制视频329
6．8．1网络RTC多媒体捕捉接口及数据流接口329
6．8．2例1：播放视频329
6．8．3例2：在Canvas上播放视频并截图332
6．8．4例3：创建视频拼图334
6．9移动端HTML5视频的支持状况336
6．10内容预告336
第7章使用音频337
7．1标签337
7．2音频格式338
7．2．1支持的音频格式338
7．2．2音频转换工具Audacity338
7．2．3示例：使用所有3种音频格式339
7．3Audio标签的属性、函数和事件340
7．3．1音频函数340
7．3．2重要的音频属性341
7．3．3重要的音频事件341
7．3．4加载并播放音频342
7．3．5在画布上显示属性信息343
7．4不使用Audio标签播放声音346
7．4．1使用JavaScript动态创建audio元素346
7．4．2查找支持的音频格式347
7．4．3播放声音348
7．4．4不使用标签349
7．5创建画布音频播放器352
7．5．1在Canvas中创建自定义用户控件352
7．5．2加载按钮资源353
7．5．3设置音频播放器的值354
7．5．4鼠标事件355
7．5．5滑动播放指示器356
7．5．6播放/暂停按钮：检测单击并获取位置357
7．5．7循环/不循环切换按钮359
7．5．8单击并拖动音量滑块360
7．6音频案例：太空掠夺者游戏368
7．6．1应用程序中不同的声音——事件声音369
7．6．2迭代369
7．6．3太空掠夺者游戏框架369
7．6．4第一次迭代：使用单个对象播放声音378
7．6．5第二次迭代：创建无限个动态声音对象378
7．6．6第三次迭代：创建一个声音池380
7．6．7第四次迭代：重用预加载的声音382
7．7Web Audio API386
7．7．1什么是Web Audio API386
7．7．2使用Web Audio API开发太空掠夺者386
7．8内容预告389

第8章Canvas游戏(上)390
8．1为什么用HTML5开发游戏390
8．1．1Canvas与Flash比较390
8．1．2Canvas提供的新特性391
8．2游戏的基本HTML5文件391
8．3游戏的设计393
8．4游戏图形：使用路径绘制393
8．4．1所需的资源393
8．4．2使用路径绘制游戏的主角394
8．5Canvas上的动画396
8．5．1游戏定时器循环396
8．5．2玩家飞船的状态变化397
8．6对游戏图形应用形状变换399
Canvas的栈399
8．7游戏图形变换401
8．7．1使玩家飞船绕中心旋转401
8．7．2使用Alpha通道实现飞船淡入403
8．8游戏物体的物理算法和动画405
8．8．1移动玩家飞船405
8．8．2使用键盘控制玩家飞船407
8．8．3设置玩家飞船的最大速度411
8．9基本游戏框架412
8．9．1游戏状态机412
8．9．2更新/渲染的重复周期416
8．9．3帧率计数器对象原型419
8．10整合所有元素420
8．10．1Geo Blaster游戏架构420
8．10．2Geo Blaster全局游戏变量423
8．11玩家对象424
8．12Geo Blaster游戏的算法425
8．12．1逻辑显示对象数组425
8．12．2级别难度控制427
8．12．3关卡和游戏结束427
8．12．4奖励玩家另外的飞船429
8．12．5应用碰撞检测429
8．13Geo Blaster Basic的完整源代码431
8．14陨石对象原型432
8．15在网格上使用A*算法查找最短路径434
8．15．1什么是A*算法434
8．15．2在更大的地图上使用A*440
8．15．3可穿过对角线的A*寻路算法444
8．15．4在带权值节点的地图里使用A*寻路算法448
8．15．5带权值及穿越对角线功能的A*寻路算法452
8．15．6让游戏角色顺着A*最短路径移动459
8．15．7坦克斜穿过墙壁463
8．16内容预告472

第9章Canvas游戏(下)474
9．1扩展版的Geo Blaster474
9．1．1Geo Blaster的图片表475
9．1．2渲染其他游戏对象480
9．1．3添加声音485
9．1．4用对象池管理对象实例490
9．1．5添加步长定时器492
9．2在运行时创建动态的图片表494
9．3简单的基于区块的游戏498
9．3．1微型坦克迷宫的介绍499
9．3．2游戏中用到的图片表500
9．3．3游戏区域501
9．3．4玩家502
9．3．5敌人503
9．3．6目标504
9．3．7爆炸效果504
9．3．8回合制游戏的流程和状态机504
9．3．9简单区块移动逻辑概述508
9．3．10渲染逻辑概述510
9．3．11自定义简单人工智能概述511
9．3．12微型坦克迷宫的完整游戏代码512
9．4为基于区块的游戏世界添加滚动效果512
9．4．1第一步：将用于绘制屏幕的区块放在一个图片表中513
9．4．2第二步：用二维数组表示游戏世界513
9．4．3第三步：将基于区块的世界绘制在画布上513
9．4．4粗糙滚动与精确滚动514
9．4．5camera对象514
9．4．6world对象515
9．4．7精确滚动时行和列的缓冲区515
9．4．8粗糙滚动的完整代码示例521
9．4．9精确滚动的完整代码示例525
9．5内容预告530

第10章在移动设备上开发531
10．1第一个应用程序531
10．1．1代码532
10．1．2查看BSBingo．html的代码537
10．1．3应用程序代码540
10．1．4针对浏览器修改游戏541
10．1．5在真实设备上测试游戏544
10．2触屏版的Retro Blaster游戏546
10．3将触屏版Retro Blaster移动化548
10．3．1开发全屏游戏548
10．3．2触摸移动事件550
10．3．3触屏版Retro Blaster的完整代码555
10．4超越Canvas555
10．5内容预告555

第11章进一步探索557
11．1使用WebGL实现3D效果557
11．1．1WebGL是什么557
11．1．2测试WebGL558
11．1．3学习更多WebGL的知识558
11．1．4WebGL应用示例558
11．1．5进一步探索WebGL564
11．1．6WebGL的JavaScript类库564
11．2使用ElectroServer 5实现多人应用程序566
11．2．1安装ElectroServer566
11．2．2套接字服务器程序的基础架构568
11．2．3ElectroServer程序的基础架构569
11．2．4使用ElectroServer创建聊天程序570
11．2．5在Google Chrome中测试应用程序576
11．2．6进一步探索ElectroServer577
11．2．7这只是冰山一角579
11．3为Canvas创建一个简单对象框架579
11．3．1创建一个支持拖放的应用程序580
11．3．2应用程序设计580
11．4Windows 8应用与HTML5 Canvas592
11．5HTML5．1与Canvas Level 2中有什么596
11．5．1HTML5．1 Canvas Context596
11．5．2Canvas Level2597
11．6总结597

附录完整代码列表59

规格参数

品牌 京东图书
品牌属地 中国
ISBN 9787115351487
著者 [美]Steve Fulton，Jeff Fulton
出版社 人民邮电出版社
用纸 胶版纸
包装 平装
出版时间 2014-07-01
页数 643
译者 任旻，罗泽鑫
语言 中文
版次 2

免责声明

产品价格、包装、规格等信息如有调整，恕不另行通知。我们尽量做到及时更新产品信息，但请以收到实物为准。使用产品前，请始终阅读产品随附的标签、警告及说明。

查看详情 {{ itemAct.title || '' }}

*免责声明：本页面所展示的营养成分信息来自商品包装，仅供参考。因包装版本、语言或拍摄方式不同，内容可能存在偏差或显示不完整，请以实际收到商品包装为准。如对成分、过敏原或适用人群有疑问，建议在使用前仔细阅读包装说明，或联系客服获取帮助。

超值套装

相似商品

相关搜索

{{ item.keyWord }}

相关搜索

图书 计算机与互联网 软件工程及软件方法学
京东图书
{{ item.userActionNumberDesc }}
Yami wechat-share qr code

扫码分享

HTML5 canvas开发详解(第2版)

{{ itemCurrency }}{{ item.valid_price }}
{{ itemCurrency }}{{ priceFormat(item.valid_price / item.bundle_specification) }}/{{ item.unit }}
{{ itemDiscount }}
{{ itemCurrency }}{{ item.valid_price }} {{ itemCurrency }}{{ priceFormat(item.valid_price / item.bundle_specification) }}/{{ item.unit }} {{ itemCurrency }}{{ item.invalid_price }} {{ itemDiscount }}
{{ itemCurrency }}{{ item.valid_price }}
权益价:
{{ itemCurrency }}{{ priceFormat(item.member_price) }}
立享权益
了解更多
后结束促销
后开始秒杀 后结束秒杀
{{ getSeckillDesc(item.seckill_data) }}
{{ __("Pay with Gift Card to get sale price: :itemCurrency:price", {'itemCurrency': itemCurrency, 'price': (item.giftcard_price ? priceFormat(item.giftcard_price) : '0.00')}) }} ({{ itemCurrency }}{{ priceFormat(item.giftcard_price / item.bundle_specification) }}/{{ item.unit }}) 详情
{{ $isZh ? coupon.coupon_name_sub : coupon.coupon_ename_sub | formatCurrency }}

已下架

当前地址无法配送
已售完
由 京东图书 销售
送至
{{ __("Ship to United States only") }}
满$69免运费
正品保证
京东图书

店铺评分 5
{{ quantity }} {{ instockMsg }} {{ limitText }}
{{ buttonTypePin == 3 ? __("Scan to view more PinGo") : __("Scan to start") }}
商品有效期

搭配购买

合计 ${{ priceFormat(totalPrice) }}

已加入购物车

继续逛逛

为你推荐

{{ item.brand_name }}

{{ item.item_name }}

{{ item.currency }}{{ item.market_price }}

{{ item.currency }}{{ item.unit_price }}

{{ item.currency }}{{ item.unit_price }}

优惠券

{{ coupon.coupon_name_new | formatCurrency }}
领取 已领取 已领完
{{ getCouponDescStr(coupon) }}
{{ coupon.use_time_desc }}
即将过期： {{ formatTime(coupon.use_end_time) }}

分享给好友

取消

亚米礼卡专享价

使用礼卡支付即可获得礼卡专享价

规则说明

礼卡专享价是部分商品拥有的特殊优惠价格；

购买礼卡专享价商品时，若在结算时使用电子礼卡抵扣支付，且礼卡余额足够支付订单中所有礼卡专享价商品的专享价总和，则可以启用礼卡专享价；

不使用礼卡支付，或礼卡余额不满足上一条所述要求时，将无法启用礼卡专享价，按照普通售价计算，但您仍然可以购买这些商品；

在购买礼卡专享价商品时，若余额不足，可以在购物车或结算页中点击“充值”按钮对礼卡进行购买和充值；

商品若拥有礼卡专享价，会显示“专享”的特殊价格标记；

如有疑问，请随时联系客服；

礼卡专享价相关规则最终解释权归亚米所有。

由 亚米 销售

服务保障

Yami 从美国发货，满$49免运费
Yami 无忧退换

配送信息

  • 美国

    标准配送 $5.99（不包含阿拉斯加，夏威夷），最终价满$49免运费

    本地配送$5.99(加州，纽约州，新泽西，麻省和宾夕法尼亚，以上州部分地区);最终价满$49免运费

    两日达（包含阿拉斯加夏威夷）运费$19.99起

退换政策

亚米网希望为我们的客户提供最优秀的售后服务，让所有人都能放心在亚米购物。亚米自营商品在满足退换货条件的情况下，可在收到包裹的30天之内退换商品（食品因商品质量问题7天内可退换；为了确保每位客户都能获得安全和高质量的商品，对于美妆类产品，一经开封或使用即不提供退款或退货服务，质量问题除外；其他特殊商品需联系客服咨询）。
感谢您的理解和支持。

查看详情

由 亚米 销售

亚米电子礼品卡规则说明

若购买时选择自动充值，订单完成后礼卡将自动充值到您的账户中；

若购买时选择发送邮件，订单完成后系统将自动发送卡号和密码到您填写的邮箱；

发送邮件时，任何用户均可使用邮件中的卡号密码进行礼卡充值，请妥善保管邮件信息。

如接收邮件遇到问题，请联系客服处理；

发送邮件时，若礼卡没有被兑换，可以补发邮件。若已经被其他用户兑换，则无法补偿；

亚米网电子礼卡可用于购买自营或第三方商品；

亚米网电子礼卡没有有效期限制，长期有效；

亚米网电子礼卡的金额，可分多次使用；

亚米网电子礼卡业务规则，最终解释权归亚米网所有。

退换政策

已消费的电子礼卡不支持退款。

由 京东图书 销售

服务保障

Yami 从美国发货，满$49免运费
Yami 无忧退换

配送信息

  • 美国

    标准配送 $5.99（不包含阿拉斯加，夏威夷），最终价满$49免运费

    本地配送$5.99(加州，纽约州，新泽西，麻省和宾夕法尼亚，以上州部分地区);最终价满$49免运费

    两日达（包含阿拉斯加夏威夷）运费$19.99起

退换政策

提供30天内退还保障。产品需全新未使用原包装内，并附有购买凭据。产品质量问题、或错发漏发等,由商家造成的失误，将进行补发,或退款处理。其它原因需退货费用由客户自行承担。

由 京东图书 销售

服务保障

Yami 跨店满$69免运费
Yami 30天退换保障

亚米-中国集运仓

由亚米从中国精选并集合各大优秀店铺的商品至亚米中国整合中心，合并包裹后将一次合包跨国邮寄至您的地址。跨店铺包邮门槛低至$69。您将在多商家集合提供的广泛选品中选购商品，轻松享受跨店铺包邮后的低邮费。

退换政策

提供30天内退换保障。产品需在全新未使用的原包装内，并附有购买凭据。产品质量问题、错发、或漏发等由商家造成的失误，将进行退款处理。其它原因造成的退换货邮费客户将需要自行承担。由于所有商品均长途跋涉，偶有简易外包压磨等但不涉及内部质量问题者，不予退换。

配送信息

亚米中国集运 Consolidated Shipping 运费$9.99（订单满$69 包邮）

下单后2个工作日中国商家发货，所有包裹抵达亚米中国整合中心（除特别情况及中国境内个别法定节假日外）会合并包裹后通过UPS发往美国。UPS从中国发货后到美国境内的平均时间为10个工作日左右，根据直发单号可随时跟踪查询。受疫情影响，目前物流可能延迟5天左右。包裹需要客人签收。如未签收，客人须承担包裹丢失风险。

由 京东图书 销售

服务保障

满$69免运费
正品保证

配送信息

Yami Consolidated Shipping 运费$9.99（订单满$69包邮）


下单后1-2个工作日内发货。 物流时效预计7-15个工作日。 如遇清关，交货时间将延长3-7天。 最终收货日期以邮政公司信息为准。

积分规则

不参加任何折扣活动以及亚米会员积分制度。

退换政策

提供30天内退还保障。产品需全新未使用原包装内，并附有购买凭据。产品质量问题、或错发漏发等,由商家造成的失误，将进行补发,或退款处理。其它原因需退货费用由客户自行承担。

赠品

为你推荐

                                                       

                                                       

                                                       

                                                       

                                                       

                                                       

                                                       

                                                       

评论

分享你的感受，帮助更多用户做出选择。

写评论
当前选择暂无用户评论，以下为该商品其他选项的评论内容。
排序
默认

晒单

查看全部
Yami
当前商品
User Avatar VIP
:

{{ strLimit(comment, 200) }}

{{ comment.content }}

Review Image

{{ comment.imageList.length }} photos

Show Original

暂无符合条件的评论

评论详情

Yami Yami

{{ commentDetails.user_name }}

:

{{ showTranslate(commentDetails) }}收起

{{ strLimit(commentDetails, 800) }}查看全部

Show Original

{{ commentDetails.content }}

Yami
查看更多

{{ formatTime(commentDetails.in_dtm) }} 已购买 {{ groupData }}

{{ commentDetails.likes_count }} {{ commentDetails.likes_count }} {{ commentDetails.reply_count }} {{ commentDetails.in_user == uid ? __('Delete') : __('Report') }}

请输入内容

回复{{ '(' + replyList.length + ')' }}

Yami Yami

{{ reply.reply_user_name }}回复{{ reply.parent_user_name }}

{{ showTranslate(reply) }}收起

{{ strLimit(reply, 800) }}查看全部

Show Original

{{ reply.reply_content }}

{{ formatTime(reply.reply_in_dtm) }}

{{ reply.reply_likes_count }} {{ reply.reply_likes_count }} {{ reply.reply_reply_count }} {{ reply.reply_in_user == uid ? __('Delete') : __('Report') }}

请输入内容

取消

End

发表评论
商品评分

请输入评论

  • 一个好的昵称，会让你的评论更受欢迎！
  • 修改了这里的昵称，个人资料中的昵称也将被修改。
感谢你的评论
你的好评可以帮助我们的社区发现更好的亚洲商品。

举报

取消

确认删除该评论吗？

取消

{{ brandInfo.title }}

查看全部

品牌故事

{{ brandInfo.descView }} ...查看全部

{{ isZh ? album.topic_name : album.topic_ename }}

商品

{{ album.goods_count_info }}

购买数量

{{ album.bought_count_info }}

查看全部
Yami

{{ story.page_title }}

{{ story.page_desc }}

查看详情
看了又看
品牌故事

{{ brandInfo.title }}

{{ brandInfo.desc }}
转盘抽奖

转盘抽奖
Yami

下载亚米应用