学途无忧

标题: three.js-打造微信爆款小游戏跳一跳 [打印本页]

作者: admin 时间: 2019-2-25 01:09
标题: three.js-打造微信爆款小游戏跳一跳

第1章课程介绍
介绍了微信小游戏的概念以及相关的由来，从宏观上对于微信小游戏的定位和价值有一个明确的认识
1-1 导学介绍
1-2 什么是微信小游戏
1-3 微信小游戏与H5小游戏
1-4 为什么要学习微信小游戏

第2章微信小游戏平台与特性
讲了微信小游戏平台的相关特性，包括微信小游戏工程的建立，微信小游戏开发工具的详细使用，以及微信小游戏相关API的实战等
2-1 微信开发者工具介绍
2-2 小游戏项目工程初始模板建立
2-3 微信开发者工具（模拟器介绍）
2-4 微信开发者工具（编辑器介绍）
2-5 微信开发者工具（调试器介绍）

第3章 THREEJS与WebGL核心概念
通过理论和实战，讲解了什么是webgl、什么是threejs以及两者的关系，并且介绍了相关webgl渲染管线的内容
3-1 什么是webgl —— 理论部分（概念）
3-2 什么是webgl —— 理论部分（GPU业务场景）
3-3 什么是webgl —— 理论部分（如何对CPU进行编程）
3-4 webgl实战shader的创建和绑定
3-5 webgl实战静态三角形的绘制（1）
3-6 webgl实战静态三角形的绘制（2）
3-7 webgl实战旋转三角形的绘制
3-8 webgl实战动态的旋转三角形的绘制
3-9 threejs理论部分
3-10 threejs 绘制旋转三角形(场景渲染)
3-11 threejs绘制旋转三角形(动态效果)

第4章项目结构
对四个迭代版本，进行了详细的需求分析，并且对项目的整体结构进行了详细的介绍，包括项目目录设计、threejs框架在小游戏平台的集成、weapp-adapater源码分析和编译等
4-1 项目需求分析
4-2 MVP项目结构 & 设计 &分析
4-3 MVP基本项目结构搭建（引入three.js）
4-4 小游戏平台（旋转三角实战）
4-5 小游戏平台（旋转三角实战完善）
4-6 MVP基本项目结构搭建完成

第5章基本场景搭建（场景和视角）
详细讲解了webgl渲染管线中的视图矩阵和投影矩阵的推导，并且在webg相关demo中进行了实现，进而实战了threejs的WebGLRenderer、Scene和Camera，剖析其webgl中对应的原理，并开发出跳一跳小游戏的整体场景布局
5-1 基本场景搭建 —— 本章核心内容
5-2 基本场景渲染理解
5-3 投影矩阵数学推导
5-4 视图矩阵推导
5-5 视图矩阵webgl开发
5-6 透视投影矩阵webgl开发
5-7 正交投影矩阵webgl开发
5-8 mvc基础
5-9 游戏page的搭建
5-10 mvc中的event
5-11 2d画布绘制能力在threejs中的整合
5-12 使用mvc完成页面切换
5-13 scene和camera的设置
5-14 es6的继承多态开发block

第6章基本场景搭建（光照和阴影）
从webgl原理和实现和threejs光照和阴影实战，全方位的去讲解场景中的光照与阴影的搭建
6-1 cube的开发思路
6-2 光照的原理
6-3 索引绘制
6-4 arraybuffer讲解
6-5 cube的绘制
6-6 平行光下的漫反射
6-7 点光源下的漫反射
6-8 phong模型漫反射下的球体的绘制
6-9 纹理、阴影、帧缓冲区理论
6-10 webgl砖块纹理实现（1）
6-11 webgl砖块纹理实现（2）
6-12 webgl砖块纹理实现（3）
6-13 shadow map对应shader的开发
6-14 新建framebuffer和对应的纹理
6-15 渲染缓冲区及framebuffer的关联对象
6-16 在shader中使用shadow map
6-17 shader的数据准备
6-18 绘制时进行shader的切换
6-19 threejs场景设置光照
6-20 threejs场景增加背景和地面
6-21 threejs场景增加阴影

第7章基本游戏逻辑开发
在本章中，实现了基本游戏逻辑的开发，包括物理引擎、碰撞检测、跳跃逻辑等等模块，完成跳一跳游戏的基本功能
7-1 bottle绘制分析
7-2 bottle head部分的绘制
7-3 bottle bottom部分的绘制
7-4 bottle body部分的绘制
7-5 threejs纹理映射&bottle纹理高光
7-6 bottle head部分旋转
7-7 动画过程分析
7-8 动画库基本逻辑开发
7-9 线性动画的实现
7-10 ease mode的介绍和应用
7-11 跳跃逻辑分析
7-12 跳跃模型旋转开发
7-13 bottle按压收缩的过程
7-14 block压缩开发
7-15 斜上抛运动过程分析
7-16 斜上抛运动代码开发
7-17 碰撞检测（1）
7-18 碰撞检测（2）
7-19 使用pointInPolygon判断碰撞状态
7-20 实时碰撞检测
7-21 实时碰撞检测调试
7-22 nextBlock的更新逻辑
7-23 碰撞检测调试
7-24 跳跃落地效果优化
7-25 gameover重启游戏逻辑的开发
7-26 积分逻辑的开发

第8章版本迭代
在本章中主要进行了声音的集成和动画细节的优化，深入实战了threejs的各种能力和微信小游戏的api，并且了解了游戏的开发字节，完成之后一个完整的跳一跳游戏功能的版本就完成了。
8-1 音频管理模块开发
8-2 跳跃过程增加音效
8-3 坠落逻辑补充+动画库升级停止所有动画能力
8-4 坠落动画的开发
8-5 block增加image纹理样式
8-6 彩色block的开发
8-7 粒子聚集效果
8-8 粒子散开效果
8-9 跳跃增加分数的动画
8-10 跳跃轨迹的开发

第9章排行榜与发布
在本章中主要进行了排行榜的开发，和游戏最终的一些调优，并打通游戏的发布流程，完成本章后跳一跳游戏全部的功能和打包就完成了。
9-1 开始游戏页面开发
9-2 数据链中的开放数据域和主域的概念
9-3 开放数据域实战
9-4 使用sharedCanvas绘制排行榜
9-5 webgl开发数据的性能问题
9-6 内存分析 —— heap snapshot
9-7 内存分析 —— 基于js function的allocation profile
9-8 内存分析 —— 内存泄漏分析的allocation timeline
9-9 performance分析cpu、gpu和painting等过程
9-10 预览和发布..
9-11 小游戏其他内容

第10章课程总结
对课程之前学习的内容进行总结，形成以threejs和微信小游戏两个技术块为核心的技术栈，全面形成3d开发的技术思维
10-1 本课程总结

注意:课程目前只更新到第8期,后续内容查找中....

作者: daijiandong 时间: 2019-3-24 01:56
啥也不说了，感谢楼主分享哇！

作者: 18575206484 时间: 2019-3-27 14:29
啥也不说了，感谢楼主分享哇！

作者: 嘿嘿嘿几点 时间: 2019-4-9 16:11
啥都不说行行行谢谢

作者: dudu123 时间: 2019-4-10 18:04
正需要，支持楼主大人了！

作者: root1235 时间: 2019-4-11 13:16
啥也不说了，感谢楼主分享哇！

作者: ran_m0 时间: 2019-4-18 13:35
正需要，支持楼主大人了！

作者: zhangnuli 时间: 2019-4-18 16:09
啥也不说了，感谢楼主分享哇！

作者: kaibing 时间: 2019-4-20 13:11
密密麻麻

作者: 314580250 时间: 2019-4-26 16:04
啥也不说了，感谢楼主分享哇！

作者: gengxk628 时间: 2019-4-29 09:04
three.js-打造微信爆款小游戏跳一跳

作者: 七天网络 时间: 2019-4-29 12:04
啥也不说了，感谢楼主分享哇！

作者: xuetu123 时间: 2019-4-30 07:58
确实是难得好帖啊，顶先

作者: 蜂蜜与油桃 时间: 2019-4-30 11:13
啥也不说了，感谢楼主分享哇！

作者: sallipy 时间: 2019-5-1 17:03
谢谢楼主分享

作者: xiao123 时间: 2019-5-3 15:38
啥也不说了，感谢楼主分享哇！

作者: neoj 时间: 2019-5-5 17:11
正需要，支持楼主大人了！

作者: 1866 时间: 2019-5-5 17:54
这个帖一般般，还可以哦。

作者: 15010167519 时间: 2019-5-5 23:55
啥也不说了，感谢楼主分享哇！

作者: peach0424 时间: 2019-5-6 16:48
啥也不说了，感谢楼主分享哇！

作者: learntt 时间: 2019-5-6 23:07
thx very much啥也不说了，感谢楼主分享哇！

作者: wny1991 时间: 2019-5-7 14:06
赞一个！！！

作者: xuesning 时间: 2019-5-8 21:28
啥也不说了，感谢楼主分享哇！

作者: null123456 时间: 2019-5-9 14:11
踩踩踩踩踩

作者: chen 时间: 2019-5-9 16:13
啥也不说了，感谢楼主分享哇！

作者: luoliyuan 时间: 2019-5-11 14:27
楼主太棒了，感谢分享！

作者: geekyong 时间: 2019-5-11 14:45

啥也不说了，感谢楼主分享哇！

作者: lyd 时间: 2019-5-12 09:53
啥也不说了，感谢楼主分享哇！

作者: xuesning 时间: 2019-5-14 16:08
楼主，9,10 没有呢...

作者: VaderWang 时间: 2019-5-14 21:25
jkljklj;确实是难得好帖啊，顶先

作者: 雪枫龙 时间: 2019-5-15 17:44
啥也不说了，感谢楼主分享哇！

作者: advt 时间: 2019-5-17 10:09
啥也不说了，感谢楼主分享哇！

作者: xuetu123123 时间: 2019-5-17 17:08
啥也不说了，感谢楼主分享哇！

作者: 47524506 时间: 2019-5-18 07:17
确实是难得好帖啊，顶先

作者: wuliujin 时间: 2019-5-20 10:59
看看,学习一下,谢谢

作者: andy想要简单点 时间: 2019-5-21 19:24
啥也不说了，感谢楼主分享哇！

作者: michaeldot 时间: 2019-5-22 09:21
啥也不说了，感谢楼主分享哇！

作者: jorsen 时间: 2019-5-23 15:34
啥也不说了，感谢楼主分享哇！

作者: tlqylzn 时间: 2019-5-24 01:36
啥也不说了，感谢楼主分享哇！

作者: raulzhou 时间: 2019-5-24 08:42
6666666,学习学习

作者: tew1210 时间: 2019-5-30 10:11
啥也不说了，感谢楼主分享哇！

作者: azhang 时间: 2019-5-30 16:36
谢谢楼主顶一个！！！！！！

作者: AHHCR 时间: 2019-5-31 21:52
水电费水电费水电费是否

作者: huanghao2693 时间: 2019-6-1 06:39
啥也不说了，感谢楼主分享哇！

作者: Ricardo 时间: 2019-6-2 14:23
啥也不说了，感谢楼主分享哇！

作者: Ricardo 时间: 2019-6-2 14:24
啥也不说了，感谢楼主分享哇！

作者: wk964269669 时间: 2019-6-5 00:31
阿斯顿发送到

作者: shenguang 时间: 2019-6-5 10:37
啥也不说了，感谢楼主分享哇！

作者: mirror 时间: 2019-6-6 11:46
感谢感谢

作者: zhaijinlong1515 时间: 2019-6-8 17:33
66666666666

作者: fl0807 时间: 2019-6-10 11:29

啥也不说了，感谢楼主分享哇！

作者: yytt 时间: 2019-6-13 20:07
highhighhigh

作者: 深V 时间: 2019-6-15 11:47
啥也不说了，感谢楼主分享哇！貌似不错！

作者: trigger 时间: 2019-6-17 14:50
正需要，支持楼主大人了！

作者: 蔡木杉 时间: 2019-6-19 17:16
啥也不说了，感谢楼主分享哇！

作者: dac1990806 时间: 2019-6-20 09:42
啥也不说了，感谢楼主分享哇！

作者: wywar 时间: 2019-6-24 10:56
啥也不说了，感谢楼主分享哇！

作者: hlmhlm 时间: 2019-6-26 10:51
啥也不说了，感谢楼主分享哇！

作者: hyy1000 时间: 2019-6-26 15:57
么有分，谁能送我点积分啊::>_<::

作者: w20999hf 时间: 2019-7-1 14:51
正需要，支持楼主大人了！

作者: w505139165 时间: 2019-7-2 01:27
学习学习学习学习，加油(ง •̀_•́)ง

作者: liuyang12396 时间: 2019-7-5 14:55
正需要，支持楼主大人了！

作者: hilbert 时间: 2019-7-8 21:59
正需要，支持楼主大人了！

作者: 759988270 时间: 2019-7-9 16:21
啥也不说了，感谢楼主分享哇！
啥也不说了，感谢楼主分享哇！

作者: martin123 时间: 2019-7-9 17:18
非常不错的视频资料，值得收藏学习

作者: sntyo 时间: 2019-7-12 10:27
啥也不说了，感谢楼主分享哇！

作者: 诗言龙城 时间: 2019-7-16 17:55
啥也不说了，感谢楼主分享哇！

作者: 291309079 时间: 2019-7-17 00:49
么有分，谁能送我点积分啊::>_<::

作者: 我爱学习 时间: 2019-7-17 15:35
回的人少，我来小顶一下

作者: 627247084 时间: 2019-7-19 01:22
啥也不说了，感谢楼主分享哇！

作者: jinchao3133 时间: 2019-7-20 09:35
撒旦法阿斯顿发生

作者: development 时间: 2019-7-20 13:09
确实是难得好帖啊，顶先

作者: Ares1989 时间: 2019-7-20 16:33
正需要，支持楼主大人

作者: pete 时间: 2019-7-21 13:13
啥也不说了，感谢楼主分享哇！

作者: lg3zia 时间: 2019-7-23 23:29
啥也不说了，感谢楼主分享哇！

作者: 2212296843 时间: 2019-7-24 00:08
正需要，支持楼主大人了！

作者: 幻飞彩蝶 时间: 2019-7-24 21:34
支持!找了好久，希望可以下载

作者: l17424255 时间: 2019-7-25 10:07
非常感谢，辛苦整理

作者: wei453055 时间: 2019-7-25 10:23
确实是难得好帖啊，顶先

作者: 幻飞彩蝶 时间: 2019-7-25 15:17
想要视频买买买买买

作者: 幻飞彩蝶 时间: 2019-7-25 15:17
想要视频买买买买买！！！

作者: 幻飞彩蝶 时间: 2019-7-25 15:17
想要视频买买买买买！！！!!!

作者: a576416024 时间: 2019-7-25 15:35
正需要，支持楼主大人了！

作者: yayo 时间: 2019-7-25 18:04
啥也不说了，感谢楼主分享哇！

作者: shenqz 时间: 2019-8-4 19:46
啥也不说了，感谢楼主分享哇！

作者: 年少的假 时间: 2019-8-12 09:15
6666666666666666666666666666666666666666666666666

作者: gongzhudewangzi 时间: 2019-8-12 09:56
确实是难得好帖啊，顶先

作者: ywl_allen 时间: 2019-8-12 10:05
啥也不说了，感谢楼主分享哇！

作者: wdl9973 时间: 2019-8-13 16:51
感谢分享

作者: ruby_tian 时间: 2019-8-19 10:40
啥也不说了，感谢楼主分享哇！

作者: chengyu 时间: 2019-8-19 22:48
啥也不说了，感谢楼主分享哇！

作者: kuangye 时间: 2019-8-20 08:07
three.js-打造微信爆款小游戏跳一跳

作者: wssgchungang 时间: 2019-8-23 11:30
真棒啥也不说了，感谢楼主分享哇！

作者: liuding 时间: 2019-8-25 14:51
看看就想下载学习一下

作者: Sable 时间: 2019-8-25 17:05
啥也不说了，感谢楼主分享哇！

作者: nsqs214e 时间: 2019-8-25 17:22
啥也不说了，感谢楼主分享哇！

作者: sksa 时间: 2019-8-26 08:58
啥也不说了，感谢楼主分享哇！

作者: maxwell5084 时间: 2019-8-29 20:44
感谢楼主分享

作者: xieguanlan 时间: 2019-9-2 21:17
6666666666666666666666666

作者: a854318750 时间: 2019-9-6 14:58
正需要，支持楼主大人了！

欢迎光临学途无忧 (https://www.xuetu123.com/)