three.js-打造微信爆款小游戏跳一跳
**** Hidden Message *****最爆款微信小游戏“跳一跳” 经典来袭
/static/module/class/content/img/282/section1-1.png
微信小游戏平台流量巨大
微信小游戏传播快
最新API与社交属性
轻量级开发
3D经典游戏
手把手式讲解具备流量红利的微信小游戏开发
完整开发流程, 结合微信小游戏API与threejs
你也可以快速掌握3D游戏开发
/static/module/class/content/img/282/section2-1.png
项目整体分析与设计
项目架构分析
微信API 使用需求
代码模块化分析
/static/module/class/content/img/282/section2-0.png
/static/module/class/content/img/282/section2-2.png
搭建项目的整体架构
微信开发者工具介绍
调试技巧
确定代码风格
/static/module/class/content/img/282/section2-0.png
/static/module/class/content/img/282/section2-3.png
场景生成与核心因素
场景的渲染机制
光照模型的原理和设置
Camera 原理与应用
3D模型加载
纹理加载
/static/module/class/content/img/282/section2-0.png
/static/module/class/content/img/282/section2-4.png
操作控制
物理引擎
碰撞检测
积分系统
社交能力
/static/module/class/content/img/282/section2-0.png
/static/module/class/content/img/282/section2-5.png
打通打包和发布流程
部署微信服务器
完整的版本迭代呈现,沉浸式体验真实开发工作
/static/module/class/content/img/282/section3-1.png
MVP版本(可用)
最小可行性产品,
开发跳一跳的核心逻辑,满足产品最小可用性
/static/module/class/content/img/282/section3-2.png
动画优化版本(美观)
优化跳一跳跳跃的动画效果,
包括粒子特效、跳跃轨迹、跳跃失败效果等
/static/module/class/content/img/282/section3-0.png
/static/module/class/content/img/282/section3-3.png
社交优化版本(互动)
结合微信小游戏相关的平台API,
实现社交相关的能力,包括分享,排行榜等
/static/module/class/content/img/282/section3-4.png
最终优化版本(打磨)
完善其余跳一跳相关功能,提升用户体验:
更丰富的纹理效果,更能评价跳跃效果的
积分策略,声音特效,以及启动页面等
掌握流行3D框架与火爆游戏平台,你也可以打造爆款
/static/module/class/content/img/282/section4-1.png
微信小游戏平台
1. 掌握小游戏开发工具的使用
2. 掌握小游戏平台的API
3. 掌握游戏开发的一些基本元件,
包括物理引擎和碰撞检测等
/static/module/class/content/img/282/section4-2.png
three.js框架
1. threejs框架核心概念
2. 解决业务开发中遇到的3D问题
3. 开发者工具相关的前端性能调试技巧
/static/module/class/content/img/282/section4-3.png
WebGL渲染管线
1. WebGL渲染管线知识
2. 基本的图形学知识
3. 深入threejs框架底层
/static/module/class/content/img/282/section4-4.png
three.js不止于游戏,掌握WebGL还有更多应用,未来可期
人工智能时代,对于前端3D界面渲染的技能要求会更高
掌握这一技能,未来会有比别人更大的空间
/static/module/class/content/img/282/section5-1.png
/static/module/class/content/img/282/section5-2.png
学员专享增值服务
问答专区
关于课程的问题都可在问答区随时提问,
讲师会进行集中答疑
源码开放
课程案例代码完全开放给你,
你可以根据所学知识自行修改、优化
适合人群
有一定的JS 基础,
对微信小游戏或者前端3D开发相关的技能感兴趣,
就能学习这门课程
技术储备要求
具备一定的JavaScript 基础知识
线性代数知识(矩阵运算)
**** Hidden Message *****
页:
[1]