Three.js 再探 - 写一个微信跳一跳极简版游戏
194 浏览量
2020-10-18
20:26:00
上传
评论
收藏 59KB PDF 举报
Three.js 再探再探 - 写一个微信跳一跳极简版游戏写一个微信跳一跳极简版游戏
最近项目结束，很空闲，于是就试着仿照微信跳一跳写了一个极简版的游戏，到底简单到什么程度呢?大家可以
参考下本
那么这个游戏到底是简单到什么程度，差不多就是到下面这个程度吧
源码地址: github.com/luosijie/th…
由于是第一次尝试写游戏, 也不知道套路对不对, 大家看着玩就好, 不要太认真, 不推荐在手机上预览, 坑还没有填好
下面是实现过程下面是实现过程
游戏分析游戏分析
首先分析一下一个这样的游戏需要什么元素
Three.js必备元素: 场景，灯光，摄像机
一块又一块的方块
会跳的那个 ，或者叫游戏者
以上
游戏过程游戏过程
初始一个场景, 场景中有一个 会跳的那个 和 2个方块
鼠标按下储存 能量值
鼠标放开, 会跳的那个 根据 能量值 和 第2个方块的方向 跳出去
会跳的那个 落到方块的上平面时, 根据 位置 判断这一跳是成功还是失败
成功后进入下一步，失败就根据 位置 执行不同的摔倒方式
关于游戏的碰撞关于游戏的碰撞, 我们要考虑这几种情况我们要考虑这几种情况
1.掉落在两个方块中央
2. 掉落在起跳方块左边上沿
3. 掉落在左边下一个方块下沿
4. 掉落在左边下一个方块上沿
5. 掉落在起跳方块右边上沿
6. 掉落在右边下一个方块下沿
7. 掉落在右边下一个方块上沿
代码代码
感兴趣的麻烦移步github
主体结构
var Game = function () {
...
}
资源评论
