Cocos2d-JS开发之旅

第一部分 准 备 篇第1 章 Cocos2d-JS 介绍 / 21.1 原生手机游戏和HTML5 游戏 / 21.2 Cocos2d-JS 的前世今生 / 41.3 一次开发，同时完成HTML5 和原生游戏 / 51.4 Cocos2d-JS 相比Cocos2d-x 的优势和劣势 / 61.5 我们要准备些什么基础知识 / 61.6 本书适合人群 / 71.7 我们能学到什么 / 81.8 推荐的学习资源 / 8第2 章 跑起我们的HelloWorld / 102.1 环境搭建 / 102.1.1 乞丐版装备——官方SDK 和记事本足矣 / 102.1.2 土豪版装备——JS编程三剑客（WebStorm+Chrome+Fiddler）/ 142.1.3 旗舰版装备——再来个Visual Studio 或Xcode / 182.2 轻松搞定第一个Cocos2d-JS 程序 / 192.2.1 建立第一个程序——HelloWorld / 192.2.2 打开HelloWorld 工程 / 202.2.3 运行HelloWorld / 202.3 HelloWorld 简约而不简单 / 222.3.1 程序的目录结构 / 222.3.2 它是怎么跑起来的 / 242.4 出发前再带上个武器——trace / 26第一部分总结 / 27第二部分 做一个简单的小游戏第3 章 Cocos2d-JS 的平面世界 / 303.1 Cocos2d世界的经纬度——坐标系 / 303.2 场景（Scene）组成了Cocos2d 世界 / 313.3 Cocos2d世界物体的祖宗——节点（Node）/ 333.4 让2D世界层次化——层（Layer）/ 343.4.1 按层管理所有物体 / 343.4.2 把层扩展成各种功能的面板 / 353.5 二维世界的人物——精灵（Sprite）/ 363.6 天外有天——当层和精灵嵌套时怎么设置坐标 / 393.7 导演（Director）指挥一切 / 413.7.1 场景的切换 / 413.7.2 导演可以提供的信息 / 443.8 额外说说Cocos2d-JS 的语法 / 443.8.1 JS 面向对象和继承 / 443.8.2 有点麻烦的this / 46第4 章 让世界来点动静 / 514.1 帧的概念 / 514.2 模仿胶卷电影——逐帧变化 / 524.3 现成的既定动作 / 544.3.1 基本动作 / 544.3.2 放一个连招——组合动作 / 594.3.3 让运动轨迹来多点花样 / 644.4 控制动作 / 664.4.1 停止动作 / 664.4.2 暂停/恢复动作 / 674.4.3 监听动作的开始与结束 / 684.5 播放声音 / 704.5.1 背景音乐 / 704.5.2 音效 / 704.5.3 音量 / 70第5 章 让玩家操纵这个世界 / 725.1 鼠标事件 / 725.2 触摸事件 / 755.2.1 单点触摸 / 755.2.2 多点触摸 / 775.3 键盘事件 / 795.4 重力感应器事件 / 815.5 游戏进入后台/恢复显示事件 / 83第6 章 控制小怪按时出现——定时器 / 846.1 每帧做点什么——scheduleUpdate / 846.2 scheduleOnce 取代熟悉的setTimeout / 856.3 schedule 取代setInterval / 866.4 取消定时器 / 866.5 暂停/恢复定时器 / 886.6 越来越慢的定时器 / 906.7 动手制作不变慢的定时器 / 92第7 章 游戏界面 / 967.1 纯手工打造 / 967.1.1 按钮（MenuItem）/ 967.1.2 开关按钮（MenuItemToggle）/ 1027.1.3 菜单（Menu）/ 1037.1.4 文本（LabelTTF）/ 1077.1.5 输入框 / 1087.2 可视化编辑 / 1097.2.1 CocosStudio UI 编辑器介绍 / 1097.2.2 新建工程 / 1117.2.3 UI 元素的属性 / 1127.2.4 UI 元素的树形从属关系 / 1137.2.5 导入图片 / 1137.2.6 导出成果 / 1147.2.7 回归手工——代码中加载UI文件 / 1157.2.8 监听UI 元素 / 117第8 章 不能光说不练——小小碰碰糖 / 1228.1 功能说明 / 1228.2 新建项目 / 1238.3 制作糖果 / 1248.4 游戏界面 / 1258.5 一个新知识——遮罩（ClippingNode）/ 1298.6 点击消除 / 1348.7 补充糖果 / 1378.8 关卡设计 / 1398.9 保存进度——如何读/写数据 / 141第9 章 把成果分享到网上 / 1439.1 一句命令打包整个程序 / 1439.2 文件太大，精简一下 / 1469.3 世界上有免费的服务器吗 / 1499.3.1 又当爹又当娘——Github 介绍 / 1499.3.2 开通免费的个人主页 / 1509.3.3 方便的Windows客户端 / 1519.4 发布碰碰糖游戏，PC 手机都能玩 / 1539.5 自定义类库让更新更方便 / 155第二部分总结 / 158第三部分 再做一个高大上游戏第10 章 走向高大上的必经之路——简单的性能优化 / 16010.1 化零为整——SpriteSheet / 16010.1.1 零碎小图的问题 / 16010.1.2 使用TexturePacker / 16110.1.3 另一种Sprite 初始化方式——SpriteFrame / 16310.2 分批处理——SpriteBatchNode / 16410.3 不要乱丢垃圾——缓存池（pool）/ 16710.4 拍一张定妆照——位图缓存（BakeLayer）/ 171第11 章 让主角不再死板 / 17311.1 帧动画（Frame Animation）/ 17311.2 骨骼动画 / 17611.2.1 什么是骨骼动画 / 17611.2.2 CocosStudio 动画编辑器（Animation Editor）/ 17711.2.3 导出骨骼动画 / 18011.2.4 在代码中加载骨骼动画 / 18011.2.5 更好用的工具——DragonBones / 183第12 章 动态的背景 / 18812.1 视差滚动背景（ParallaxNode）/ 18812.2 实现一个无穷的视差滚动背景 / 19012.3 瓦片地图（TiledMap）/ 19312.3.1 瓦片地图介绍 / 19312.3.2 使用工具：Tiled Map Editor / 19412.3.3 在代码中加载瓦片地图 / 19812.4 自行实现无限行走的瓦片地图 / 200第13 章 界面的文字有点丑 / 20413.1 高级货位图字体（BMFont）/ 20413.2 制作位图字体 / 20513.2.1 BMFont / 20513.2.2 更特别的字体 / 20713.3 使用位图字体 / 209第14 章 超炫的效果——粒子系统 / 21114.1 粒子系统介绍 / 21114.2 Cocos2d-JS的粒子系统 / 21114.3 Cocos2d-JS提供的几种现成效果 / 21514.4 参数太多手写太累——各种可视化编辑器 / 22214.5 在代码中加载可视化编辑的粒子系统 / 22314.6 让粒子系统自生自灭 / 224第15 章 尝试做一个更大的游戏——Hungry Hero（上篇）/ 22615.1 游戏简介 / 22615.2 将会用到什么技术 / 22715.3 场景列表 / 22815.4 超人的设计 / 23015.5 食物的设计 / 23215.6 障碍物的设计 / 23215.7 咖啡和蘑菇的设计 / 23315.8 背景的设计 / 23315.9 音乐和音效 / 234第16 章 尝试做一个更大的游戏——Hungry Hero（下篇）/ 23516.1 准备工作 / 23516.1.1 代码架构 / 23516.1.2 打包SpriteSheet / 23616.2 菜单界面的实现 / 23716.2.1 添加界面元素 / 23716.2.2 菜单 / 23816.2.3 声音按钮 / 23916.2.4 给画面添加动感 / 24016.3 声音播放的统一管理 / 24116.4 关于界面的实现 / 24316.5 游戏数据的记录 / 24516.6 游戏过程界面的实现 / 24516.6.1 游戏UI / 24616.6.2 加入背景 / 24816.6.3 结束画面 / 25016.7 超人登场 / 25216.7.1 超人的帧动画 / 25216.7.2 游戏过程场景的框架 / 25416.7.3 超人的几种状态 / 25616.7.4 超人起飞 / 25616.7.5 操控超人 / 25816.7.6 超人的飞行过程 / 26116.8 食物 / 26316.8.1 使用缓存池 / 26316.8.2 分离食物的逻辑 / 26416.8.3 食物的移动 / 26616.8.4 食物的四种排列 / 26716.8.5 咖啡和蘑菇 / 27116.8.6 超人和食物的碰撞检测 / 27216.8.7 接入游戏过程场景 / 27416.9 障碍物 / 27416.9.1 封装四种障碍物 / 27416.9.2 分离障碍物的逻辑 / 27816.9.3 创建障碍物 / 27916.9.4 障碍物的移动 / 28016.9.5 碰到障碍物 / 28116.9.6 接入游戏过程场景 / 28216.10 游戏结束 / 28316.11 加入特效，大功告成 / 28516.11.1 碰撞障碍物的画面抖动 / 28516.11.2 吃食物的效果 / 28616.11.3 蘑菇和咖啡效果 / 28716.11.4 极速状态下的风痕 / 289第三部分总结 / 291第四部分 把两个游戏做成原生手机游戏第17 章 咱们也来做APP / 29417.1 一次开发到处运行 / 29417.2 Android 调试和发布 / 29517.2.1 命令行运行 / 29517.2.2 命令行发布 / 29717.2.3 可视化调试和发布——Cocos Code IDE / 29917.3 在iOS 侧运行和发布 / 30217.4 Cocos2d-JS App的启动过程 / 303第18 章 真是这么美好吗？更多问题来了 / 30418.1 内存管理 / 30418.1.1 内存管理机制 / 30418.1.2 如何使用retain 和release / 30918.2 HTML5 和JSB 接口差异 / 31018.3 如何解决兼容问题 / 31118.4 把碰碰糖和Hungry Hero 部署到手机 / 31318.4.1 碰碰糖的改造 / 31318.4.2 Hungry Hero 的改造 / 314第四部分总结 / 320第五部分 高 级 篇第19 章 订阅者模式——事件机制 / 32219.1 谁更早知道这个事——事件优先级 / 32219.2 不让别人知道——停止事件传递 / 32419.3 自定义事件——eventManager / 32619.4 自己动手做更贴心的消息中心 / 328第20 章 屏幕尺寸适配哪家强 / 33120.1 各种终端的屏幕尺寸 / 33220.2 Cocos2d-JS屏幕适配大法 / 33220.2.1 设计尺寸（WinSize）、可视尺寸（VisibleSize）和屏幕尺寸（FrameSize）/ 33320.2.2 方案1——自适应拉伸 / 33320.2.3 方案2——全显示 / 33520.2.4 方案3——无黑边 / 33520.2.5 方案4——固定高度 / 33720.2.6 方案5——固定宽度 / 339第21 章 让死去的主角灰掉——渲染控制 / 34221.1 让人羡慕的Flash 效果 / 34221.2 Cocos2d 能模仿Flash 吗 / 34421.3 要从GPU说起 / 34521.4 想怎么画就怎么画——自定义着色器（shader）/ 34621.4.1 Cocos2d 和OpenGL ES / 34621.4.2 画一个蓝色三角形 / 34721.4.3 让原来彩色的精灵变黑白 / 35121.4.4 着色器可以做更多 / 35521.4.5 HTML5 和JSB 在着色器中的兼容问题 / 35621.5 更简单的方式——混合模式（blendFunc）/ 35721.5.1 混合模式介绍 / 35721.5.2 利用混合模式 / 358第22 章 动态热更新 / 36322.1 热更新的原理 / 36322.2 Cocos2d-JS热更新的关键点 / 36422.3 利用AssetsManager 实现热更新 / 36422.4 部署服务器测试热更新 / 371第23 章 想说的还有很多 / 37423.1 怎么从单机走向网络 / 37423.2 发布游戏需要知道的 / 37523.3 接下来可以做什么 / 37523.4 欢迎反馈问题给笔者Kenko / 375第五部分总结 / 376

随着微信平台的火爆，基于HTML5的游戏迎来了爆发式的增长，如何快速掌握游戏设计、开发的技巧，是很多游戏开发人员迫切的需求。而Cocos2d-JS作为优秀的游戏开发引擎，简单、易用的API，强大的社区力量，让开发更加高效，实现一次编码跨全平台部署在网页和原生应用平台上，是开发者优选的开发工具。
　　《Cocos2d-JS开发之旅：从HTML 5到原生手机游戏》不拘泥于基础理论的讲解，也不作为官方API的搬运工，而是真正和开发者一起体验游戏的开发过程，在深入浅出的讲解中让开发者以较快的速度掌握Cocos2d-JS的入门技巧。
　　有位读者说的好：入门后，真正的提高，都是自己在不断的犯错、寻求答案、解决问题中进行的。