实战 \three.js-打造微信爆款小游戏跳一跳
收藏

three.js-打造微信爆款小游戏跳一跳

微信小游戏融合three.js+WebGL 打造属于你的爆款3D游戏

three.js-打造微信爆款小游戏跳一跳

难度 高级 ·
时长 15小时 ·
学习人数 75 ·
综合评分 10.00分
¥ 366.00

three.js-打造微信爆款小游戏跳一跳

观看导学视频

three.js-打造微信爆款小游戏跳一跳
通过使用three.js开发“跳一跳”微信小游戏,以高仿真的实战授课模式,带你深入学习微信小游戏API、three.js框架、webgl的核心概念、让你了解微信小游戏以及移动端的3D Web游戏是如何开发的,掌握这一类移动端3D小游戏的实现和性能优化
千迦

资深前端工程师

最爆款微信小游戏“跳一跳” 经典来袭

微信小游戏平台流量巨大

微信小游戏传播快

最新API与社交属性

轻量级开发

3D经典游戏

手把手式讲解最具流量红利的微信小游戏开发

完整开发流程, 结合微信小游戏API与threejs
你也可以快速掌握3D游戏开发
项目整体分析与设计
项目架构分析
微信API 使用需求
代码模块化分析
搭建项目的整体架构
微信开发者工具介绍
调试技巧
确定代码风格
场景生成与核心因素
场景的渲染机制
光照模型的原理和设置
Camera 原理与应用
3D模型加载
纹理加载
操作控制
物理引擎
碰撞检测
积分系统
社交能力
打通打包和发布流程
部署微信服务器

完整的版本迭代呈现,沉浸式体验真实开发工作

MVP版本(可用)

最小可行性产品,
开发跳一跳的核心逻辑,满足产品最小可用性

动画优化版本(美观)

优化跳一跳跳跃的动画效果,
包括粒子特效、跳跃轨迹、跳跃失败效果等

社交优化版本(互动)

结合微信小游戏相关的平台API,
实现社交相关的能力,包括分享,排行榜等

最终优化版本(打磨)

完善其余跳一跳相关功能,提升用户体验:
更丰富的纹理效果,更能评价跳跃效果的
积分策略,声音特效,以及启动页面等

掌握流行3D框架与最新最火游戏平台,你也可以打造爆款

微信小游戏平台

1. 掌握小游戏开发工具的使用
2. 掌握小游戏平台的API
3. 掌握游戏开发的一些基本元件,
    包括物理引擎和碰撞检测等

three.js框架

1. threejs框架核心概念
2. 解决业务开发中遇到的3D问题
3. 开发者工具相关的前端性能调试技巧

WebGL渲染管线

1. WebGL渲染管线知识
2. 基本的图形学知识
3. 深入threejs框架底层

three.js不止于游戏,掌握WebGL还有更多应用,未来可期

人工智能时代,对于前端3D界面渲染的技能要求会更高
掌握这一技能,未来会有比别人更大的空间

学员专享增值服务

问答专区

关于课程的问题都可在问答区随时提问,

讲师会进行集中答疑

源码开放

课程案例代码完全开放给你,

你可以根据所学知识自行修改、优化

适合人群

有一定的JS 基础,
对微信小游戏或者前端3D开发相关的技能感兴趣,
就能学习这门课程

技术储备要求

具备一定的JavaScript 基础知识
线性代数知识(矩阵运算)

环境参数

  • 开发工具 微信小游戏开发者工具
  • 框架 threejs 0.96.0
提问
数据加载中...
意见反馈 帮助中心 APP下载
官方微信