请选择 进入手机版 | 继续访问电脑版
查看: 543|回复: 2

[资料共享] 【Web前端】使用three.js+webgl打造微信爆款小游戏跳一跳游戏视频教程(视频+源码)

[复制链接]

2

主题

11

帖子

27

积分

新手上路

Rank: 1

积分
27
发表于 2018-12-26 18:43:03 | 显示全部楼层 |阅读模式
使用three.js打造微信爆款小游戏跳一跳游戏视频教程百度云(源码+笔记)视频教程的目录如下,目前已经上传到百度云盘,应该是一个非常好的WEBGL前端开发教程了。




00.jpg


2-3 微信开发者工具(模拟器介绍).ev4


2-4 微信开发者工具(编辑器介绍).ev4


2-5 微信开发者工具(调试器介绍).ev4


3-1 什么是webgl —— 理论部分(概念).ev4


3-10 threejs 绘制旋转三角形(场景渲染).ev4


3-11 threejs绘制旋转三角形(动态效果).ev4


3-2 什么是webgl —— 理论部分(GPU业务场景).ev4


3-3 什么是webgl —— 理论部分(如何对CPU进行编程).ev4


3-4 webgl实战shader的创建和绑定.ev4


3-5 webgl实战静态三角形的绘制(1).ev4


3-6 webgl实战静态三角形的绘制(2).ev4


3-7 webgl实战旋转三角形的绘制.ev4


3-8 webgl实战动态的旋转三角形的绘制.ev4


3-9 threejs理论部分.ev4


4-1 项目需求分析.ev4


4-2 MVP项目结构 & 设计 &分析.ev4


4-3 MVP基本项目结构搭建(引入three.js).ev4


4-4 小游戏平台(旋转三角实战).ev4


4-5 小游戏平台(旋转三角实战完善).ev4


4-6 MVP基本项目结构搭建完成.ev4


5-1 基本场景搭建 —— 本章核心内容.ev4


5-10 mvc中的event.ev4


5-11 2d画布绘制能力在threejs中的整合.ev4


5-12 使用mvc完成页面切换.ev4


5-13 scene和camera的设置.ev4


5-14 es6的继承多态开发block.ev4


5-2 基本场景渲染理解.ev4


5-3 投影矩阵数学推导.ev4


5-4 视图矩阵推导.ev4


5-5 视图矩阵webgl开发.ev4


5-6 透视投影矩阵webgl开发.ev4


5-7 正交投影矩阵webgl开发.ev4


5-8 mvc基础.ev4


5-9 游戏page的搭建.ev4


6-1 cube的开发思路.ev4


6-10 webgl砖块纹理实现(1).ev4


6-11 webgl砖块纹理实现(2).ev4


6-12 webgl砖块纹理实现(3).ev4


6-13 shadow map对应shader的开发.ev4


6-14 新建framebuffer和对应的纹理.ev4


6-15 渲染缓冲区及framebuffer的关联对象.ev4


6-16 在shader中使用shadow map.ev4


6-17 shader的数据准备.ev4


6-18 绘制时进行shader的切换.ev4


6-19 threejs场景设置光照.ev4


6-2 光照的原理.ev4


6-20 threejs场景增加背景和地面.ev4


6-21 threejs场景增加阴影.ev4


6-3 索引绘制.ev4


6-4 arraybuffer讲解.ev4


6-5 cube的绘制.ev4


6-6 平行光下的漫反射.ev4


6-7 点光源下的漫反射.ev4


6-8 phong模型漫反射下的球体的绘制.ev4


6-9 纹理、阴影、帧缓冲区 理论.ev4


7-1 bottle绘制分析.ev4


7-10 ease mode的介绍和应用.ev4


7-11 跳跃逻辑分析.ev4


7-12 跳跃模型旋转开发.ev4


7-13 bottle按压收缩的过程.ev4


7-14 斜上抛运动过程分析.ev4


7-15 斜上抛运动代码开发.ev4


7-16 碰撞检测(1).ev4


7-17 碰撞检测(2).ev4


7-18 使用pointInPolygon判断碰撞状态.ev4


7-19 实时碰撞检测.ev4


7-22 碰撞检测调试.ev4


7-23 跳跃落地效果优化.ev4


7-24 gameover重启游戏逻辑的开发.ev4


7-25 积分逻辑的开发.ev4


7-3 bottle bottom部分的绘制.ev4


7-4 bottle body部分的绘制.ev4


7-5 threejs纹理映射&bottle纹理高光.ev4


7-6 bottle head部分旋转.ev4


7-7 动画过程分析.ev4


7-8 动画库基本逻辑开发.ev4


7-9 线性动画的实现.ev4


8-1 音频管理模块开发.ev4


8-10 跳跃轨迹的开发.ev4


8-2 跳跃过程增加音效.ev4


8-3 坠落逻辑补充+动画库升级停止所有动画能力.ev4


8-4 坠落动画的开发.ev4


8-5 block增加image纹理样式.ev4


8-6 彩色block的开发.ev4


8-7 粒子聚集效果.ev4


8-8 粒子散开效果.ev4


8-9 跳跃增加分数的动画.ev4


9-1 开始游戏页面开发.ev4


9-10 预览和发布.ev4


9-11 小游戏其他内容.ev4


9-2 数据链中的开放数据域和主域的概念.ev4


9-3 开放数据域实战.ev4


9-4 使用sharedCanvas绘制排行榜.ev4


9-5 webgl开发数据的性能问题.ev4


2-2 小游戏项目工程初始模板建立.ev4


2-1 微信开发者工具介绍.ev4


1-4 为什么要学习微信小游戏.ev4


1-3 微信小游戏与H5小游戏.ev4


1-2 什么是微信小游戏.ev4


1-1 导学介绍.ev4




资料共享链接:
https://pan.baidu.com/s/1OuZcyzSDyho9vgEvPydfbg#list/path=%2Fthree.js%E6%89%93%E9%80%A0%E5%BE%AE%E4%BF%A1%E7%88%86%E6%AC%BE%E5%B0%8F%E6%B8%B8%E6%88%8F%E8%B7%B3%E4%B8%80%E8%B7%B3






评分

参与人数 1金钱 +1 收起 理由
admin + 1 很给力!

查看全部评分





上一篇:【黑科技】最新可实现电脑文件快速传输到手机的高效方法分享(可互传)
下一篇:【黑科技】简单绕过网易云下载音乐限制,无限下载网易云手机电脑上所有音乐(免会员)
发帖求助前要善用【论坛搜索】功能,那里可能会有你要找的答案; 如果你在论坛求助问题,并且已经从坛友或者管理的回复中解决了问题,请把帖子分类或者标题加上【已解决】。
回复过本主题
的还回复过:

3

主题

19

帖子

43

积分

新手上路

Rank: 1

积分
43
发表于 2018-12-29 13:27:33 | 显示全部楼层
非常棒的资源
发帖求助前要善用【论坛搜索】功能,那里可能会有你要找的答案; 如果你在论坛求助问题,并且已经从坛友或者管理的回复中解决了问题,请把帖子分类或者标题加上【已解决】。
回复

使用道具 举报

0

主题

4

帖子

12

积分

新手上路

Rank: 1

积分
12
发表于 2019-1-3 18:56:34 | 显示全部楼层
资源不错啊 找了好久
发帖求助前要善用【论坛搜索】功能,那里可能会有你要找的答案; 如果你在论坛求助问题,并且已经从坛友或者管理的回复中解决了问题,请把帖子分类或者标题加上【已解决】。
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

微信扫一扫

我爱科技论坛(www.52tech.tech)旨在打造全网最大的免费资源共享平台。目前论坛包括考研资料、编程学习、黑科技/科学上网、开源软件等资源模块,竭力服务于正在学习道路上的每一个人。我爱科技论坛,爱科技,更爱分享。致力于营造一个资源丰富、内容完善的大型网络学习交流资源共享平台!

QQ|Archiver|手机版|小黑屋|我爱科技论坛 快乐学习交流

(请勿发布违反中华人民共和国法律法规的言论,会员观点不代表我爱科技论坛的官方立场)

Powered by Discuz! X3.4© 2001-2013 Technology Inc.

返回顶部 返回列表