HTML5 Canvas游戏开发实战 PDF扫描版

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

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/369985.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

css3图片垂直居中

图片相对父元素垂直居中, css3属性给父级元素设置 display: -webkit-box; -moz-box-align: center; -webkit-box-align: center; -moz-box-pack: center; -webkit-box-pack: center; 需要注意的是: 父级元素要有确定的高度!

网络局域网看不到其它计算机,局域网中看不到其它计算机怎么办

通过网上邻居或查看网络计算机时,看不到局域网中其它计算机,这是怎么回事呢?下面是学习啦小编给大家整理的一些有关看不到局域网中其它计算机的解决方法,希望对大家有帮助!局域网中看不到其它计算机的解决方法打开“控制面板”-“网络和Inte…

计算机二级高级应用考题,2016计算机二级MSOFFICE高级应用考试真题

2016计算机二级MSOFFICE高级应用考试真题离2016上半年的计算机等级考试只有一个多月了,为了帮助大家尽快考试过关,小编整理了计算机二级office考试题,希望能帮助到大家!(1)下列叙述中正确的是A)一个算法的空间复杂度大,则其时间复…

DBMS-数据库设计与E-R模型:E-R模型、约束、E-R图、E-R扩展特性、E-R图转换为关系模式、UML建模...

设计过程概览 1. 设计阶段 最初阶段:刻画未来数据库用户的数据需求,产品为用户需求规格说明; 概念设计阶段(conceptual-design phase):(关注描述抽象数据及其联系,通常使用实体-联系…

Java虚拟机:如何判定哪些对象可回收?

版权声明:本文为博主原创文章,转载请注明出处,欢迎交流学习! 在堆内存中存放着Java程序中几乎所有的对象实例,堆内存的容量是有限的,Java虚拟机会对堆内存进行管理,回收已经“死去”的对象&…

css3中的box-sizing属性的使用

box-sizing属性用来定义元素的width和height所表示的区域,该属性一般有三种值:content-box、border-box、inherit。 其中inherit表示box-sizing的值应该从父元素继承。 content-box和border-box的主要区别就是元素的width和height的值包不包括border、padding这两…

中南大学在线考试答案计算机基础,中南大学《计算机基础》在线考试题库(267题)(有答案).doc...

中南大学《计算机基础》在线考试题库(267题)(有答案).doc 计算机基础01 总共89题共100分 一. 单选题 (共35题,共35分) 1. 域名服务器DNS的主要功能是( )。 (1分) A.通过请求及回答获取主机和网络相关的信息 B.查询主机的MAC地址 C.为主机自动命名 D.合理分配IP地址 ★标准答案&…

CSS制作简单loading动画

曾经以为,loading的制作需要一些比较高深的web动画技术,后来发现大多数loading都可以用“障眼法”做出来。比如一个旋转的圆圈,并不都是将gif图放进去,有些就是画个静止图像,然后让它旋转就完了。gif图也可以&#xff…

机器学习:多变量线性回归

************************************** 注:本系列博客是博主学习Stanford大学 Andrew Ng 教授的《机器学习》课程笔记。博主深感学过课程后,不进行总结非常easy遗忘,依据课程加上自己对不明确问题的补充遂有此系列博客。本系列博客包含线性…

经过路由无法找到计算机,电脑无法启动服务提示系统找不到指定的路径(图)

原标题:"电脑无法启动服务提示系统找不到指定的路径"相关电脑问题教程分享。 - 来源:191路由网。众所周知,使用电脑的时候需要启动一些服务才能使用相关的功能,但是如果出现无法启动服务项,并且提示“错误3:…

详细解读css中的浮动以及清除浮动的方法

对于前端初学者来说,css浮动部分的知识是一块比较难以理解的部分,下面我将把我学习过程中的心得分享给大家。 导读: 1.css块级元素讲解 2.css中浮动是如何产生的 3.出现浮动后,如何清除浮动(本文将涉及到多种清除浮动…

CSS多列布局(实例)

前言 一列布局二列布局三列布局 1 一列布局 一列布局&#xff1a; HTML部分 <!DOCTYPE html> <html> <head> <meta charset"utf-8" /> <title>一列布局</title> </head> <body> <div class"head">…

大头贴计算机教程,推荐!自家电脑也能拍大头贴的秘密

您可能感兴趣的话题&#xff1a;美图拍拍核心提示&#xff1a;一直都超爱拍大头贴&#xff0c;喜欢每张都能换不同的框框&#xff1b;喜欢可以直接看到效果&#xff0c;做出满意的动作&#xff1b;喜欢将大头贴和朋友们分享……不过夏日炎炎的&#xff0c;出门太麻烦&#xff0…

css选择器的综合使用

代码实现&#xff1a; 1 <!DOCTYPE html>2 <html lang"en">3 <head>4 <meta charset"utf-8">5 <title>css的综合使用</title>6 <style>7 div {8 colo…

启动tomcat时 一闪而过解决方法

【前文】 在实际开发中一般都是eclipsetomcat(也许还会用到tomcat的插件)&#xff0c;我们只需要在eclipse中单击servers上的按钮就可以成功启动tomcat了&#xff0c; 但是如果想在tomcat的安装目录下 双击startup.bat启动时却一闪而过了。这是为什么呢&#xff08;tomcat启动失…

复习HTML CSS(5)

n <meta>标记 <meta>的主要作用&#xff0c;是提供网页的源信息。比如&#xff1a;指定网页的搜索关键字 <meta>标记有两个属性&#xff1a;http-equiv和name。 1、 http-equiv属性 功能&#xff1a;模拟http协议文件头信息&#xff0c;当信息从服务器端传…

『cs231n』卷积神经网络工程实践技巧_下

概述 计算加速 方法一&#xff1a; 由于计算机计算矩阵乘法速度非常快&#xff0c;所以这是一个虽然提高内存消耗但是计算速度显著上升的方法&#xff0c;把feature map中的感受野&#xff08;包含重叠的部分&#xff0c;所以会加大内存消耗&#xff09;和卷积核全部拉伸成为向…

计算机扬天m400c联想,【联想扬天M参数】联想扬天M系列台式电脑参数-ZOL中关村在线...

CPU型号内存容量硬盘容量屏幕尺寸显卡类型 价格详细对比Intel 奔腾双核 E52002GB DDRII 667MHz250GB SATAII 7200转高速防震硬盘集成显卡对比Intel 奔腾4 631512MBGB 512MB DDRII53380GB 7200转集成显卡对比Intel Atom 2301GBGB DDRII160GB 7200转高速防震硬盘集成显卡对比Inte…

Spring Data JDBC通用DAO实现–迄今为止最轻量的ORM

我很高兴宣布Spring Data JDBC存储库项目的第一个版本。 这个开放源代码库的目的是为基于Spring框架中 JdbcTemplate关系数据库提供通用&#xff0c;轻量且易于使用的DAO实现&#xff0c;与项目的Spring Data 框架兼容。 设计目标 轻巧&#xff0c;快速且开销低。 只有少数几个…

【期望DP】

【总览】 【期望dp】 求解达到某一目标的期望花费&#xff1a;因为最终的花费无从知晓&#xff08;不可能从$\infty$推起&#xff09;&#xff0c;所以期望dp需要倒序求解。 设$f[i][j]$表示在$(i, j)$这个状态实现目标的期望值&#xff08;相当于是差距是多少&#xff09;。 首…