微信小游戏开发:前端篇
正版图书 真实库存欢迎选购 可开电子发票 有需要联系客服!
¥
102.7
7.4折
¥
139
全新
库存2件
作者李艺 著
出版社机械工业出版社
ISBN9787111716839
出版时间2023-01
装帧平装
开本16开
定价139元
货号31653116
上书时间2024-12-17
商品详情
- 品相描述:全新
- 商品描述
-
目录
第一篇 潜龙勿用
第1章 创建小游戏项目 2
第1课 创建项目 2
了解小游戏的双线程运行机制 2
注册开发者账号 4
安装微信开发者工具 5
创建第一个小游戏项目 6
项目测试:本地预览与手机预览 7
基于文件监听实现自动预览 8
了解小游戏示例项目的项目结构 11
小游戏如何调试代码 13
拓展:如何安装、配置 Node.js和
babel-node 17
了解面向对象编程有关的基本
概念 18
本课小结 20
第2课 微信小游戏是如何运行的 21
创建画布 21
拓展:如何给变量命名 22
如何绘制矩形 23
拓展:如何理解小游戏的全局变量及
作用域 24
如何清空画布 25
如何绘制网络图片 25
如何在小游戏中实现动画 28
如何实现人机交互 29
拓展:如何理解局部变量 30
拓展:了解微信小游戏的API
风格 31
本课小结 32
第二篇 见龙在田
第2章 编写一个简单的HTML5
小游戏:打造游戏界面 34
第3课 绘制游戏标题 35
安装与配置Visual Studio Code 35
学习使用HTML标记,开始绘制游戏标题 36
拓展:如何使用const 关键字 39
拓展:如何给代码添加注释 40
如何改变字体、字号和颜色 40
拓展:在font-family中要使用中文字体的英文名称 42
如何给文本添加文本样式 42
如何在绘制文本中使用渐变色 44
如何让文本居中绘制 46
拓展:为什么要在代码中使用
常量 48
本课小结 48
第4课 绘制挡板 48
如何在画布上绘制直线 48
拓展:JS的8个基本数据类型,如何进行类型判断 50
给画布添加一个浅色背景 53
如何加厚挡板 54
拓展:JS中的数值类型、布尔类型是如何进行类型转换的 55
如何给挡板添加圆角、阴影效果 56
使用路径填充和矩形绘制挡板 58
如何使用颜色渐变对象和图像填充材质绘制挡板 60
拓展:什么是区块作用域 65
拓展:了解数字类型,警惕0.1 + 0.2不等于0.3 66
拓展:如何批量声明变量、常量 67
本课小结 67
第5课 绘制小球 68
如何使用弧线绘制圆形 68
如何使用arc方法直接绘制圆形 70
本课小结 71
第6课 绘制分界线 71
分别通过lineTo和渐变色绘制
分界线 71
拓展:CSS 颜色值有哪些格式 73
使用函数绘制间隔效果 75
拓展:如何定义和使用函数 77
使用循环绘制分界线 81
拓展:使用比较运算符、if控制语句
和算术运算符 84
拓展:JS的5种循环控制语句 86
将函数当作变量使用 87
拓展:如何理解JS的作用域链与
闭包 90
拓展:如何使用集合对象 Map 与
Set 92
本课小结 95
第3章 编写一个简单的HTML5小游戏:完成交互功能 96
第7课 实现动画:让小球动起来 96
使用定时器实现动画 96
拓展:如何理解JS的异步执行
机制 98
拓展:了解13种复合赋值运算符 99
完成动画的关键:清屏 99
如何实现小球与屏幕的碰撞
检测 103
拓展:复习使用if else if 语句 105
使用 requestAnimationFrame改进动画流畅度 106
本课小结 108
第8课 监听用户事件:让挡板动
起来 108
绘制左挡板 108
使右挡板可以上下自主移动 110
改用函数绘制挡板 111
监听用户输入,使用鼠标(或触摸)
事件操控左挡板 112
实现挡板与球的碰撞检测 114
拓展:如何使用逻辑运算符 115
统计分数 116
拓展:复习批量声明变量,可以将
逗号放在前面 117
在游戏结束时添加反馈 118
拓展:加号与模板字符串 120
本课小结 121
第9课 实现游戏的重启功能 122
绘制重新开始游戏的文本提示 122
理解HTML5的事件模型,监听单击
事件实现重启功能 123
拓展:如何使用removeEvent---
Listener 127
本课小结 128
第10课 控制游戏音效:添加单击
音效和背景音乐 128
如何使用<audio>标签播放声音 128
如何使用JS代码播放声音 132
给项目添加背景音乐 133
使用图片材质绘制背景音乐按钮 134
使用离屏画布绘制背景音乐按钮 136
使用drawImage绘制背景音乐
按钮 138
监听背景音乐按钮的单击事件 139
拓展:如何使用条件运算符 140
本课小结 141
第4章 移植及优化 142
第11课 移植准备工作 143
创建代码片段与改写项目 143
拓展:在小游戏中如何获取屏幕
尺寸 144
拓展:关于代码自动提示 146
本课小结 146
第12课 移植音频和事件 146
处理getElementById is not a function
错误 146
播放音频:处理Audio is not defined
错误 148
处理Audio错误:canPlayType is not
a function 150
处理currentTime错误:currentTime
是只读属性 151
挡板绘制:处理Image is not defined
错误 152
拓展:复习条件运算符和短路评估
表达式 153
准备移植事件监听,认识小游戏的
触摸事件 154
拓展:targetTouches、touches和changedTouches的区别 156
改写click事件与mousemove
事件 157
拓展:关于小游戏的运行环境 161
本课小结 161
第13课 移植文本与图像 161
处理标题文本不显示的问题 162
拓展:实现渐变、阴影效果的替代
方案 167
解决左挡板移动到底部不显示的
问题 167
使背景音乐循环播放 168
优化分数文本、挡板、小球与背景
音乐按钮的参数 170
拓展:如何在测试时静音 173
本课小结 173
第5章 移植后对小游戏进行平台
功能优化 174
第14课 绘制微信用户头像 174
小游戏有哪些授权范围 174
不能直接查询“用户信息”的授权
情况 175
使用 UserInfoButton 176
拓展:为什么要使用全等运算符
而不是等号运算符 180
绘制用户头像 181
拓展:学习使用箭头函数及判定
this对象 182
主动销毁按钮 194
控制头像大小,让左挡板默认
展示 195
主动查询用户授权 196
拓展:如何在测试中清理缓存 200
本课小结 200
第15课 添加游戏反馈 201
添加Toast提示 201
在提示窗口中自定义icon 202
使用模态弹窗 204
拓展:游戏渲染的帧率可以
修改吗 206
本课小结 207
第16课 添加超时限制 208
限制游戏30s结束 208
拓展:复习定时器的使用 209
让游戏支持重启 215
及时清除定时器 216
本课小结 217
第三篇 龙战于野
第6章 模块化重构一:准备重构 220
第17课 梳理游戏逻辑 221
在小游戏中如何使用全局变量 221
拓展:作用域与使用let关键字实现
批量变量声明 222
整理代码,将变量与常量放在文件
顶部 223
梳理游戏逻辑,明确6个周期
函数 227
添加start函数 228
添加end函数 228
添加init函数 230
添加loop函数 232
及时移除事件监听 234
本课小结 236
第18课 JS如何创建对象及如何实现
模块化 236
使用原型继承对象 237
使用构造函数创建对象 238
拓展:理解__proto__与prototype
属性 239
拓展:如何理解原型及原型链 242
基于原型链实现万能的类型检测方法instanceOf 244
使用class关键字创建类对象 245
使用CommonJS规范 246
使用ES Module规范 247
拓展:对比CommonJS规范和ES Module规范的差异 248
本课小结 251
第7章 模块化重构二:重构背景音乐、小球和挡板 252
第19课 创建背景音乐模块 252
开始创建背景音乐模块 252
拓展:重新认识class和函数调用中的this 258
拓展:认清JS的内存管理 261
拓展:了解代码的优化评判标准 263
改进复用性和易用性:将数据参数化,设置参数的默认值 263
改进封装性:将内部成员私有化 266
优化图片渲染:由多次加载改为
加载一次 268
改进封装性:添加getter 269
对易用性的改进:直接导出单例 271
本课小结 272
第20课 创建小球模块 272
开始创建小球模块 272
使用跨文件常量 274
拓展:使用defineProperty将变量改为常量 275
创建Ball类 276
本课小结 282
第21课 创建挡板模块 282
开始创建Panel类 282
使用继承实现左、右挡板 291
拓展:复习JS实现继承的方式 297
拓展:复习类型检测操作符
typeof与instanceof的不同 300
本课小结 301
第8章 模块化重构三:重构记分板、
背景、页面和游戏对象 303
第22课 创建记分板模块 303
实现两个记分板类 303
拓展:复习ES Module的导出与
导入 312
使用工具方法drawText 313
隐藏分数变量 314
本课小结 316
第23课 创建游戏背景对象和游戏
对象 316
创建背景对象 317
为创建游戏对象做准备 320
让音频管理者接管单击音效 321
实现游戏对象Game类 323
拓展:复习使用bind改变this
对象 331
本课小结 332
第24课 建页面对象 332
创建游戏结束页面 333
创建游戏主页对象 338
本课小结 347
第25课 重构游戏对象 347
一个文件只定义一个类 347
为Game类添加#currentPage
变量 352
解决30s超时限制不起作用的
问题 356
移除#gameIsOver变量 359
本课小结 359
第9章 面向对象重构一:重构游戏
对象等 361
第26课 设计模式重构一:单例模式、观察者模式和组合模式 362
将Game类改写为单例模式 362
在Game类上应用观察者模式 364
使用组合模式改写用户记分板
模块 370
本课小结 381
第27课 设计模式重构二:模板方法
模式、职责链模式和简单工
厂模式 381
在页面对象中启用模板方法模式 382
使用职责链模式改写单击音效
实现 386
使用简单工厂模式改写turnToPage
方法 391
本课小结 396
第10章 面向对象重构二:页面对象
和分界线的绘制 397
第28课 设计模式重构三:工厂方法
模式和抽象工厂模式 397
使用工厂方法模式创建Page页面
对象 397
使用抽象工厂模式封装页面对象的
创建过程 400
本课小结 403
第29课 设计模式重构四:建造者模式、命令模式和原型模式 403
使用建造者模式构建页面对象 404
拓展:如何理解建造者模式、抽象工厂模式与模板方法模式 408
使用命令模式绘制分界线 408
使用原型模式复制对象 412
拓展:JS如何实现浅复制与深
复制 416
本课小结 419
第30课 设计模式重构五:复合
命令模式、迭代器模式
和享元模式 419
使用复合命令模式重构
GameOverPage 419
使用迭代器模式改造复合命令
实现 426
使用享元模式改写分界线绘制 432
本课小结 438
第11章 面向对象重构三:重构音频
管理等 439
第31课 设计模式重构六:适配器
模式、桥接模式和装饰
模式 439
使用适配器模式改造音频管理者 439
使用桥接模式重构碰撞检测 447
使用装饰模式重构挡板的渲染
方式 462
本课小结 467
第32课 设计模式重构七:访问者
模式和策略模式 467
使用访问者模式优化碰撞检测 467
使用策略模式扩展右挡板的移动
算法 471
拓展:关于25个设计模式的补充
说明 474
本课小结 476
附录 思考与练习参考答案 477
内容摘要
“微信小游戏开发”系列图书包含本书和《微信小游戏开发:后端篇》,融汇了腾讯云TVP李艺多年来的一线项目研发和教学经验。本书*大的特点是基于一个精心设计的PBL实战项目,以模拟项目迭代重构的方式,循序渐进地介绍前端所有的知识点和技能,包括但不限于计算机网络通信基础、JS编程语言、面向对象的软件设计思想和设计模式、模块化编程思想、小游戏开发技巧等。为了方便读者学习,随书还附有相应的完整源码。
本书共分为三篇。
第一篇(第1章),潜龙勿用,共2课,介绍微信小游戏是如何运行的,以及如何创建第一个小游戏项目。
第二篇(第2~5章),见龙在田,共14课。第2~3章介绍如何用HTML5技术实现一个小游戏;第4~5章介绍如何将这个HTML5小游戏改写成微信小游戏,方便开发者从4399平台或3366平台上学习与借鉴开发技巧。
第三篇(第6~11章),龙战于野,共16课。本篇是本书的实战重点,主要介绍如何对小游戏项目进行重构,因为好的软件不是事先设计出来的,而是通过不断重构慢慢迭代出来的。第6~8章介绍小游戏项目的模块化重构方法,第9~11章介绍小游戏项目的面向对象重构方法。
主编推荐
(1)作者权威:微信学堂《小程序性能优化实践》作者李艺*新力作。
(2)专家好评:7位行业资深专家一致好评和推荐。
(3)内容全面:涵盖前端后端微信小游戏全栈开发所有知识点和技能点。
(4)从零开始:对新人友好,难度变化均匀,没有编程基础也可以学习。
(5)高效学习:知识点技能点融入到了项目实战中,跟着项目完成功能迭代就能完成学习。
(6)实战式拓展:实战中从一个点学起,实战后从点向面拓展。
(7)原因式讲解:刻意设计案例错误,引发读者主动思索。
— 没有更多了 —
以下为对购买帮助不大的评价