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

课程时长 36小时25分钟

学习期限 12 个月 退款期限 30 天

市场价格 ¥366.00 会员价格 ¥293.00

难度级别 高级 学习人次 635 综合评分 4.2

内容实用 4.1 分

简洁易懂 4.2 分

逻辑清晰 4.3 分

  • 详情
  • 目录
  • 套餐1
  • 咨询4
  • 评价26

第1章 课程介绍

  • 1-1 导学介绍 试听
    18分钟19秒
  • 1-2 什么是微信小游戏 试听
    19分钟42秒
  • 1-3 微信小游戏与H5小游戏 试听
    27分钟45秒
  • 1-4 为什么要学习微信小游戏
    23分钟54秒

第2章 微信小游戏平台与特性

  • 2-1 微信开发者工具介绍
    24分钟33秒
  • 2-2 小游戏项目工程初始模板建立
    14分钟46秒
  • 2-3 微信开发者工具(模拟器介绍)
    19分钟50秒
  • 2-4 微信开发者工具(编辑器介绍)
    21分钟24秒
  • 2-5 微信开发者工具(调试器介绍)
    27分钟21秒

第3章 THREEJS与WebGL核心概念

  • 3-1 什么是webgl —— 理论部分(概念)
    16分钟13秒
  • 3-2 什么是webgl —— 理论部分(GPU业务场景)
    20分钟39秒
  • 3-3 什么是webgl —— 理论部分(如何对CPU进行编程)
    10分钟48秒
  • 3-4 webgl实战shader的创建和绑定
    19分钟30秒
  • 3-5 webgl实战静态三角形的绘制(1)
    28分钟51秒
  • 3-6 webgl实战静态三角形的绘制(2)
    16分钟45秒
  • 3-7 webgl实战旋转三角形的绘制
    12分钟15秒
  • 3-8 webgl实战动态的旋转三角形的绘制
    29分钟42秒
  • 3-9 threejs理论部分
    24分钟53秒
  • 3-10 threejs 绘制旋转三角形(场景渲染)
    12分钟20秒
  • 3-11 threejs绘制旋转三角形(动态效果)
    26分钟20秒

第4章 项目结构

  • 4-1 项目需求分析
    20分钟46秒
  • 4-2 MVP项目结构 & 设计 &分析
    23分钟11秒
  • 4-3 MVP基本项目结构搭建(引入three.js)
    15分钟32秒
  • 4-4 小游戏平台(旋转三角实战)
    12分钟45秒
  • 4-5 小游戏平台(旋转三角实战完善)
    21分钟36秒
  • 4-6 MVP基本项目结构搭建完成
    10分钟37秒

第5章 基本场景搭建(场景和视角)

  • 5-1 基本场景搭建 —— 本章核心内容
    14分钟26秒
  • 5-2 基本场景渲染理解
    25分钟25秒
  • 5-3 投影矩阵数学推导
    24分钟55秒
  • 5-4 视图矩阵推导
    24分钟36秒
  • 5-5 视图矩阵webgl开发
    22分钟48秒
  • 5-6 透视投影矩阵webgl开发
    19分钟27秒
  • 5-7 正交投影矩阵webgl开发
    11分钟24秒
  • 5-8 mvc基础
    16分钟01秒
  • 5-9 游戏page的搭建
    23分钟39秒
  • 5-10 mvc中的event
    19分钟46秒
  • 5-11 2d画布绘制能力在threejs中的整合
    18分钟06秒
  • 5-12 使用mvc完成页面切换
    17分钟43秒
  • 5-13 scene和camera的设置
    15分钟47秒
  • 5-14 es6的继承多态开发block
    25分钟35秒

第6章 基本场景搭建( 光照和阴影)

  • 6-1 cube的开发思路
    28分钟44秒
  • 6-2 光照的原理
    10分钟02秒
  • 6-3 索引绘制
    26分钟32秒
  • 6-4 arraybuffer讲解
    27分钟24秒
  • 6-5 cube的绘制
    28分钟18秒
  • 6-6 平行光下的漫反射
    11分钟47秒
  • 6-7 点光源下的漫反射
    14分钟32秒
  • 6-8 phong模型漫反射下的球体的绘制
    29分钟19秒
  • 6-9 纹理、阴影、帧缓冲区 理论
    11分钟24秒
  • 6-10 webgl砖块纹理实现(1)
    11分钟34秒
  • 6-11 webgl砖块纹理实现(2)
    23分钟23秒
  • 6-12 webgl砖块纹理实现(3)
    15分钟21秒
  • 6-13 shadow map对应shader的开发
    28分钟58秒
  • 6-14 新建framebuffer和对应的纹理
    13分钟54秒
  • 6-15 渲染缓冲区及framebuffer的关联对象
    25分钟08秒
  • 6-16 在shader中使用shadow map
    25分钟27秒
  • 6-17 shader的数据准备
    29分钟06秒
  • 6-18 绘制时进行shader的切换
    16分钟57秒
  • 6-19 threejs场景设置光照
    26分钟05秒
  • 6-20 threejs场景增加背景和地面
    17分钟13秒
  • 6-21 threejs场景增加阴影
    27分钟35秒

第7章 基本游戏逻辑开发

  • 7-1 bottle绘制分析
    20分钟10秒
  • 7-2 bottle head部分的绘制
    10分钟20秒
  • 7-3 bottle bottom部分的绘制
    23分钟41秒
  • 7-4 bottle body部分的绘制
    22分钟48秒
  • 7-5 threejs纹理映射&bottle纹理高光
    16分钟46秒
  • 7-6 bottle head部分旋转
    23分钟47秒
  • 7-7 动画过程分析
    20分钟50秒
  • 7-8 动画库基本逻辑开发
    24分钟37秒
  • 7-9 线性动画的实现
    20分钟12秒
  • 7-10 ease mode的介绍和应用
    14分钟54秒
  • 7-11 跳跃逻辑分析
    26分钟18秒
  • 7-12 跳跃模型旋转开发
    18分钟18秒
  • 7-13 bottle按压收缩的过程
    28分钟14秒
  • 7-14 block压缩开发
    27分钟
  • 7-15 斜上抛运动过程分析
    21分钟22秒
  • 7-16 斜上抛运动代码开发
    11分钟35秒
  • 7-17 碰撞检测(1)
    22分钟50秒
  • 7-18 碰撞检测(2)
    10分钟10秒
  • 7-19 使用pointInPolygon判断碰撞状态
    18分钟58秒
  • 7-20 实时碰撞检测
    28分钟20秒
  • 7-21 实时碰撞检测调试
    21分钟21秒
  • 7-22 nextBlock的更新逻辑
    24分钟46秒
  • 7-23 碰撞检测调试
    10分钟10秒
  • 7-24 跳跃落地效果优化
    14分钟29秒
  • 7-25 gameover重启游戏逻辑的开发
    18分钟52秒
  • 7-26 积分逻辑的开发
    13分钟49秒

第8章 版本迭代

  • 8-1 音频管理模块开发
    12分钟21秒
  • 8-2 跳跃过程增加音效
    14分钟34秒
  • 8-3 坠落逻辑补充+动画库升级停止所有动画能力
    23分钟22秒
  • 8-4 坠落动画的开发
    11分钟08秒
  • 8-5 block增加image纹理样式
    20分钟12秒
  • 8-6 彩色block的开发
    19分钟13秒
  • 8-7 粒子聚集效果
    28分钟03秒
  • 8-8 粒子散开效果
    13分钟52秒
  • 8-9 跳跃增加分数的动画
    20分钟40秒
  • 8-10 跳跃轨迹的开发
    14分钟29秒

第9章 排行榜与发布

  • 9-1 开始游戏页面开发
    18分钟
  • 9-2 数据链中的开放数据域和主域的概念
    15分钟28秒
  • 9-3 开放数据域实战
    17分钟57秒
  • 9-4 使用sharedCanvas绘制排行榜
    23分钟41秒
  • 9-5 webgl开发数据的性能问题
    27分钟36秒
  • 9-6 内存分析 —— heap snapshot
    23分钟38秒
  • 9-7 内存分析 —— 基于js function的allocation profile
    26分钟14秒
  • 9-8 内存分析 —— 内存泄漏分析的allocation timeline
    16分钟23秒
  • 9-9 performance分析cpu、gpu和painting等过程
    26分钟46秒
  • 9-10 预览和发布..
    14分钟41秒
  • 9-11 小游戏其他内容
    16分钟33秒

第10章 课程总结

  • 10-1 本课程总结
    17分钟36秒
635
26
4
1