下载 >  移动开发 >  HTML5 > HTML5 CANVAS游戏开发实战(PDF和源代码)
5分

HTML5 CANVAS游戏开发实战(PDF和源代码)

第一部分 准备工作篇 第1章 准备工作 / 2 1.1 html5介绍 / 2 1.1.1 什么是html5 / 2 1.1.2 html5的新特性 / 2 1.2 canvas简介 / 5 1.2.1 canvas标签的历史 / 5 1.2.2 canvas的定义和用法 / 6 1.2.3 如何使用canvas来绘图 / 6 1.2.4 canvas的限制 / 7 1.3 开发与运行环境的准备 / 7 1.3.1 浏览器的支持 / 7 1.3.2 准备一个本地的服务器 / 8 1.4 开发工具的选择 / 8 1.5 测试与上传代码 / 12 1.6 javascript中的面向对象 / 13 1.6.1 类 / 13 1.6.2 静态类 / 16 .1.6.3 继承 / 16 1.7 小结 / 17 第二部分 基础知识篇 第2章 canvas基本功能 / 20 2.1 绘制基本图形 / 20 2.1.1 画线 / 20 2.1.2 画矩形 / 22 2.1.3 画圆 / 24 2.1.4 画圆角矩形 / 26 2.1.5 擦除canvas画板 / 27 2.2 绘制复杂图形 / 28 2.2.1 画曲线 / 28 2.2.2 利用clip在指定区域绘 图 / 30 2.2.3 绘制自定义图形 / 31 2.3 绘制文本 / 32 2.3.1 绘制文字 / 32 2.3.2 文字设置 / 33 2.3.3 文字的对齐方式 / 38 2.4 图片操作 / 41 2.4.1 利用drawimage绘制图片 / 41 2.4.2 利用getimagedata和putimagedata绘制图片 / 45 2.4.3 利用createimagedata新建像素 / 47 2.5 小结 / 49 第3章 canvas高级功能 / 50 3.1 变形 / 50 3.1.1 放大与缩小 / 50 3.1.2 平移 / 53 3.1.3 旋转 / 54 3.1.4 利用transform矩阵实现多样化的变形 / 56 3.2 图形的渲染 / 65 3.2.1 绘制颜色渐变效果的图形 / 65 3.2.2 颜色合成之globalcompositeoperation属性 / 67 3.2.3 颜色反转 / 69 3.2.4 灰度控制 / 70 3.2.5 阴影效果 / 71 3.3 自定义画板 / 72 3.3.1 画板的建立 / 72 3.3.2 canvas画布的导出功能 / 79 3.4 小结 / 81 第4章 lufylegend开源库件 / 82 4.1 lufylegend库件简介 / 82 4.1.1 工作原理 / 82 4.1.2 库件使用流程 / 83 4.2 图片的加载与显示 / 84 4.2.1 图片显示举例 / 84 4.2.2 lbitmapdata对象 / 86 4.2.3 lbitmap对象 / 87 4.3 层的概念 / 88 4.4 使用lgraphics对象绘图 / 90 4.4.1 绘制矩形 / 90 4.4.2 绘制圆 / 91 4.4.3 绘制任意多边形 / 92 4.4.4 使用canvas的原始绘图函数进行绘图 / 93 4.4.5 使用lsprite对象进行绘图 / 94 4.4.6 使用lgraphics对象绘制图片 / 95 4.5 文本 / 101 4.5.1 文本属性 / 101 4.5.2 输入框 / 102 4.6 事件 / 103 4.6.1 鼠标事件 / 103 4.6.2 循环事件 / 104 4.6.3 键盘事件 / 105 4.7 按钮 / 106 4.8 动画 / 108 4.9 小结 / 113 第三部分 开发实战篇 第5章 从简单做起—“石头剪子布”游戏 / 116 5.1 游戏分析 / 116 5.2 必要的javascript知识 / 117 5.2.1 随机数 / 117 5.2.2 条件分支 / 117 5.3 分层实现 / 117 5.4 各个层的基本功能 / 119 5.4.1 基本画面显示 / 119 5.4.2 结果层的显示 / 126 5.4.3 控制层的显示 / 127 5.5 出拳 / 129 5.6 结果判定 / 131 5.7 小结 / 137 第6章 开发“俄罗斯方块”游戏 / 138 6.1 游戏分析 / 138 6.2 必要的javascript知识 / 138 6.3 游戏标题画面显示 / 139 6.4 向游戏里添加方块 / 141 6.5 控制方块的移动 / 152 6.5.1 键盘事件 / 152 6.5.2 触屏事件 / 155 6.6 方块的消除和得分的显示 / 157 6.7 小结 / 160 第7章 开发“是男人就下一百层”游戏 / 161 7.1 游戏分析 / 161 7.2 游戏标题画面显示 / 161 7.3 读取图片与背景显示 / 162 7.4 添加一个静止的地板 / 167 7.5 添加游戏主角 / 170 7.5.1 让游戏主角出现在画面上 / 170 7.5.2 通过键盘事件来控制游戏主角的移动 / 177 7.5.3 通过触屏事件来控制游戏主角的移动 / 178 7.6 添加多种多样的地板 / 179 7.6.1 会消失的地板 / 179 7.6.2 带刺的地板 / 181 7.6.3 带有弹性的地板 / 182 7.6.4 向左和向右移动的地板 / 184 7.7 游戏数据的显示 / 187 7.8 游戏结束与重开 / 190 7.9 小结 / 192 第8章 开发射击类游戏 / 193 8.1 游戏分析 / 193 8.2 添加一架可控飞机 / 194 8.2.1 添加一个飞机类 / 194 8.2.2 可控飞机类 / 197 8.3 为飞机添加多样化的子弹 / 203 8.3.1 建立一个子弹类 / 203 8.3.2 单发子弹 / 205 8.3.3 多发子弹 / 207 8.3.4 环形子弹 / 208 8.3.5 反向子弹 / 209 8.4 添加敌机 / 209 8.4.1 建立一个敌机类 / 210 8.4.2 建立一个敌机boss类 / 214 8.5 碰撞检测 / 217 8.5.1 飞机与子弹的碰撞 / 217 8.5.2 我机与敌机的碰撞 / 220 8.6 子弹的变更 / 221 8.6.1 建立一个弹药类 / 222 8.6.2 弹药与我机的碰撞 / 223 8.7 飞机生命值的显示 / 225 8.8 游戏胜利与失败判定 / 226 8.9 小结 / 228 第9章 开发物理游戏 / 229 9.1 box2d简介 / 229 9.2 box2dweb在lufylegend库件中的使用 / 229 9.3 创建各种各样的物体 / 234 9.3.1 矩形物体 / 234 9.3.2 圆形物体 / 237 9.3.3 多边形物体 / 239 9.4 响应鼠标拖拽物体 / 242 9.5 关节(joint) / 243 9.5.1 距离关节(b2distancejointdef) / 243 9.5.2 旋转关节(b2revolutejointdef) / 245 9.5.3 滑轮关节(b2pulleyjointdef) / 247 9.5.4 移动关节(b2prismaticjoint) / 248 9.5.5 齿轮关节(b2gearjoint) / 250 9.5.6 悬挂关节(b2linejoint) / 252 9.5.7 焊接关节(b2weldjoint) / 253 9.5.8 鼠标关节(mouse joint) / 254 9.6 力 / 254 9.7 碰撞检测 / 256 9.8 镜头移动 / 260 9.9 做一个简单的物理游戏 / 263 9.10 小结 / 267 第10章 开发网络游戏 / 268 10.1 http通信 / 268 10.1.1 如何实现http通信 / 268 10.1.2 http通信的弊端 / 275 10.2 socket通信 / 275 10.2.1 区分socket通信和http通信 / 276 10.2.2 服务器端 / 276 10.2.3 客户端 / 281 10.3 利用websocket实现简单的聊天室 / 283 10.4 做一款多人在线的坦克大战 / 293 10.4.1 服务器 / 293 10.4.2 客户端 / 293 10.5 小结 / 307 第四部分 技能提高篇 第11章 提高效率的分析 / 310 11.1 绘图时使用小数的影响 / 310 11.2 drawimage和putimagedata的效率比较 / 311 11.3 区域更新和图片大小对绘图效率的影响 / 311 11.4 图片格式对绘图效率的影响 / 313 11.5 优化代码以提高整体效率 / 314 11.5.1 使用位运算 / 314 11.5.2 少用math静态类 / 316 11.5.3 优化算法 / 319 11.6 小结 / 322 · · · · · · (收起) ...展开详情收缩
2017-10-28 上传大小:27.73MB
立即下载 开通VIP
分享
收藏 (6) 举报

评论 共6条

dengpei1688 很好,值得收藏,赞一个。
2018-08-21
回复
kezida123456 很好,看的很清楚。谢谢
2018-05-24
回复
qq_34545968 很有用,值得下载
2018-03-21
回复
如何开发一个简单的HTML5 Canvas 小游戏
HTML5 Canvas游戏开发实战 PDF扫描版
HTML5 canvas游戏开发实战 6 : 俄罗斯方块
HTML5 Canvas 游戏开发实战PDF+源码

《HTML5 Canvas游戏开发实战》是机械工业出版社2013年出版的书籍。主要讲解使用HTML5 Canvas来开发和设计各类常见游戏的思路和技巧,在介绍HTML5 Canvas相关特性的同时,还通过游戏开发实例深入剖析了其内在原理,让读者不仅知其然,而且知其所以然。 本资源包括了完整的PDF 和源代码

立即下载
3积分/C币
《HTML5 Canvas游戏开发实战》.(张路斌).pdf

《HTML5 Canvas游戏开发实战》.(张路斌).pdf

立即下载
50积分/C币
HTML5 canvas游戏开发实战 5 : 石头剪刀布
张路斌 HTML5游戏开发实战

真正的大神张璐斌老师的游戏开发书籍,对使用canvas开发游戏有比较好的用处,容易上手,很适合新手,如果经济允许建议去买一本书!

立即下载
10积分/C币
HTML5 Canvas游戏开发实战

《HTML5 Canvas游戏开发实战》主要讲解使用HTML5 Canvas来开发和设计各类常见游戏的思路和技巧,在介绍HTML5 Canvas相关特性的同时,还通过游戏开发实例深入剖析了其内在原理,让读者不仅知其然,而且知其所以然。在书中,除了介绍了HTML5 Canvas的基础API之外,还重点阐述了如何在JavaScript中运用面向对象的编程思想来进行游戏开发。, 《HTML5 Canvas游戏开发实战》在介绍每个游戏开发的过程时,都会包括游戏分析、开发过程、代码解析和小结等相关内容,以帮助读者了解每种类型游戏开发的详细步骤,让读者彻底掌握各种类型游戏的开发思想。最后,还通过数据对比分析,指导读者提升程序的性能,写出高效的代码,从而开发出运行流畅的游戏。, , 海报:

立即下载
3积分/C币
html5+Canvas+游戏开发实战

本人从华章图书网站下的资源 为了与大家分享 遂上传 有兴趣游戏开发的朋友可看看

立即下载
9积分/C币
HTML 5 CANVAS游戏开发实战

HTML 5 CANVAS游戏开发实战

立即下载
10积分/C币
HTML5吃豆豆游戏开发实战(一)使用Canvas绘制游戏主角
我的新书《HTML5 Canvas游戏开发实战》
HTML5 Canvas游戏开发实战.pdf

《HTML5 Canvas游戏开发实战》主要讲解使用HTML5 Canvas来开发和设计各类常见游戏的思路和技巧,在介绍HTML5 Canvas相关特性的同时,还通过游戏开发实例深入剖析了其内在原理,让读者不仅知其然,而且知其所以然。在书中,除了介绍了HTML5 Canvas的基础API之外,还重点阐述了如何在JavaScript中运用面向对象的编程思想来进行游戏开发。 《HTML5 Canvas游戏开发实战》在介绍每个游戏开发的过程时,都会包括游戏分析、开发过程、代码解析和小结等相关内容,以帮助读者了解每种类型游戏开发的详细步骤,让读者彻底掌握各种类型游戏的开发思想。最后,还通过数据对比分析,指导读者提升程序的性能,写出高效的代码,从而开发出运行流畅的游戏。

立即下载
10积分/C币
《HTML5 Canvas游戏开发实战》.(张路斌)

《HTML5 Canvas游戏开发实战》.(张路斌)高清 PDF

立即下载
10积分/C币
HTML 5 CANVAS游戏开发实战+源代码

HTML 5 CANVAS游戏开发实战pdf电子书 随书源代码

立即下载
3积分/C币
HTML5游戏开发pdf
HTML5游戏开发进阶 12:多人对战游戏操作
html5游戏开发实战源代码

我从官网找的,因为需要翻墙,所以不能免费,

立即下载
50积分/C币
【Canvas】HTML5游戏开发的基本流程+P2.js物理引擎实战开发
HTML5游戏开发实战 高清.pdf版

经典的html5游戏开发教程,通过引人入胜的游戏案例,全面展示html5和css3构建各种常见游戏的开发思路和设计方法.

立即下载
50积分/C币
HTML5游戏开发(全)pdf

HMTL5有望成为网络游戏开发的热门新平台。HTML5游戏能够运行于包括iPhone系列和iPad系列在内的计算机、智能手机以及平板电脑上。今天,我们加入HTML5游戏开发的急先锋,明日将成为时代的弄潮儿。   本书将展示如何使用最新的HTML5和CSS3 Web标准来构建纸牌游戏、绘图游戏、物理游戏,甚至是多人网络游戏。本书讲解清晰、系统全面,参照本书的讲解就能构建出6款示例游戏。   HTML5、CSS3以及相关的JavaScript API是网络上最新的热点话题。这些标准给我们带来一个新的游戏市场—HTML5游戏。通过新的功能,我们能用HTML5元素、CSS3属性,以及JavaScript来设计运行于浏览器的游戏。   本书根据关注话题的侧重点而分成9章。 我们将通过创建6款游戏来具体学习如何绘制游戏对象、绘制动画、加入音频、连接玩家,以及用Box2D物理引擎构建游戏。   本书内容:   第1章介绍HTML5、CSS3,以及相关的JavaScript API 新功能。该章还演示了利用这些功能和特性能创建什么样的游戏。   第2章通过使用DOM和jQuery创建传统《乒乓球》游戏来开始我们的游戏开发之旅。   第3章探讨CSS3新功能,讨论如何用DOM和CSS3来创建《纸牌记忆配对》游戏。   第4章介绍在页面中通过新Canvas元素来绘制游戏并与之进行交互的新方式,还演示如何用Canvas来构建《解题》游戏。   第5章通过在Canvas中绘制渐变效果和加入图像进行美化,完善前面介绍的《解题》游戏。该章还讨论基于帧的动画精灵和多层管理方法。   第6章使用Audio元素给游戏添加声音效果和背景音乐。该章还讨论各浏览器对声音格式的兼容性,并在该章结尾完成一款由键盘驱动的音乐游戏。   第7章使用新的本地存储API保存和恢复游戏进度,记录最佳成绩功能,进一步增强第3章所创建的CSS3《纸牌记忆配对》游戏。   第8章讨论能让浏览器持久连接到socket服务器的新WebSocket API,用于实现多人联网玩游戏,并在该章完成《我画你猜》游戏。   第9章传授如何把Box2D(著名物理引擎)集成到Canvas游戏中。该章讨论如何创建物体、应用力、连接物体,以及如何把图形与物体进行关联,并最终创建一款平台汽车游戏。   阅读本书你需要做的准备   你需要最新的现代Web浏览器,一个优秀的文本编辑器,HTML、CSS以及JavaScript的基本知识。   本书读者对象   本书适合于对HTML、CSS和JavaScript有基本理解,并希望设计网页类Canvas游戏、基于DOM游戏的设计者。

立即下载
50积分/C币
HTML5功能强大游戏开发行业逐渐成熟
HTML5游戏开发(三)
HTML5游戏开发实战之游戏自动保存进度
html5游戏开发实战-----大家来找茬
HTML5游戏开发工具实践(一)
html5游戏开发教程实战:五子棋、四子棋、围棋、翻转棋四种对弈游戏,仅仅100行代码
基于引擎开发HTML5游戏实战(一)---游戏引擎
HTML5面向对象的游戏开发简单实例总结
HTML5游戏实战之70行代码实现经典游戏《伐木工》
关闭
img

spring mvc+mybatis+mysql+maven+bootstrap 整合实现增删查改简单实例.zip

资源所需积分/C币 当前拥有积分 当前拥有C币
5 0 0
点击完成任务获取下载码
输入下载码
为了良好体验,不建议使用迅雷下载
img

HTML5 CANVAS游戏开发实战(PDF和源代码)

会员到期时间: 剩余下载个数: 剩余C币: 剩余积分:0
为了良好体验,不建议使用迅雷下载
VIP下载
您今日下载次数已达上限(为了良好下载体验及使用,每位用户24小时之内最多可下载20个资源)

积分不足!

资源所需积分/C币 当前拥有积分
您可以选择
开通VIP
4000万
程序员的必选
600万
绿色安全资源
现在开通
立省522元
或者
购买C币兑换积分 C币抽奖
img

资源所需积分/C币 当前拥有积分 当前拥有C币
5 4 45
为了良好体验,不建议使用迅雷下载
确认下载
img

资源所需积分/C币 当前拥有积分 当前拥有C币
5 0 0
为了良好体验,不建议使用迅雷下载
VIP和C币套餐优惠
img

资源所需积分/C币 当前拥有积分 当前拥有C币
5 4 45
您的积分不足,将扣除 10 C币
为了良好体验,不建议使用迅雷下载
确认下载
下载
您还未下载过该资源
无法举报自己的资源

兑换成功

你当前的下载分为234开始下载资源
你还不是VIP会员
开通VIP会员权限,免积分下载
立即开通

你下载资源过于频繁,请输入验证码

您因违反CSDN下载频道规则而被锁定帐户,如有疑问,请联络:webmaster@csdn.net!

举报

若举报审核通过,可返还被扣除的积分

  • 举报人:
  • 被举报人:
  • *类型:
    • *投诉人姓名:
    • *投诉人联系方式:
    • *版权证明:
  • *详细原因: