时间:2021-05-26
那么这个游戏到底是简单到什么程度,差不多就是到下面这个程度吧
源码地址:github.com/luosijie/th…
由于是第一次尝试写游戏, 也不知道套路对不对, 大家看着玩就好, 不要太认真, 不推荐在手机上预览, 坑还没有填好
下面是实现过程
游戏分析
首先分析一下一个这样的游戏需要什么元素
游戏过程
关于游戏的碰撞, 我们要考虑这几种情况
1.掉落在两个方块中央
2. 掉落在起跳方块左边上沿
3. 掉落在左边下一个方块下沿
4. 掉落在左边下一个方块上沿
5. 掉落在起跳方块右边上沿
6. 掉落在右边下一个方块下沿
7. 掉落在右边下一个方块上沿
代码
感兴趣的麻烦移步github
主体结构
var Game = function () { ...}Game.prototype = { init: // 初始化 restart: // 重新开始 addSuccessFn: // 成功进入下一步,执行外部函数, 用于更新分数 addFailedFn: // 游戏失败, 执行外部函数, 用于显示失败弹窗 _createJumper: // 创建 会跳的那个 _createCube: // 创建方块 _setLight: // Three.js设置光照 _setCamera: // Three.js设置相机 _setRenderer: // Three.js设置渲染器 _render: // Three.js 执行渲染 _createHelpers: // Three.js场景辅助工具 _checkUserAgent: // 检测是否是移动端 _handleWindowResize: // 窗口缩放绑定函数 _handleMousedown: // 鼠标按下绑定函数 _handleMouseup: // 鼠标松开绑定函数 _fallingRotate: // 会跳的那个 摔落动画 _falling: // 会跳的那个 摔落 _checkInCube: // 判断落点位置 _updateCameraPos: // 更新相机坐标参数 _updateCamera: // 更新相机 _setSize: // 设置画布尺寸}调用
var game = new Game(success,failed)game.init()game.addSuccessFn(success)game.addFailedFn(failed)...// 游戏重新开始,执行函数function restart () { ...}// 游戏失败执行函数function failed(){ ...}// 游戏成功,更新分数function success (score) { ...}总结
以上所述是小编给大家介绍的Three.js 再探 - 写一个微信跳一跳极简版游戏,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对网站的支持!
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
万众期待的微信小游戏“跳一跳”商业化之路终于开启。今天,微信小游戏“跳一跳”上线了又一广告。腾讯微信一位高管也在朋友圈证实此事。大叔做个快评。以“跳一跳”为首的
随着微信跳一跳的走红,近日快手很多网红主播也在玩一款叫做“快手跳一跳”的游戏。快手跳一跳基本玩法与微信跳一跳一样,只是花样更多,感兴
跳一跳这款微信小游戏相信最近有很多朋友下班路上都在玩,小编发现最近很多玩家都在问跳一跳排名多久会清除,微信跳一跳的规律是什么呢?下面开淘小编为大家找到了相关
近日闲来玩一把跳一跳,是不是发现很多好友的跳一跳小i都被系上了红围脖?那是因为好友参与了由微信游戏举办的第一届微信小游戏“跳一跳大师赛”的最高分预测啦~4月21
还记得小游戏“跳一跳”吗?作为微信平台上的第一款小游戏,跳一跳一上线就火遍大江南北。耐克曾狂砸2000万广告费拿下“跳一跳”首个广告;今年4月,跳一跳举办了一场