微信跳一跳怎么和朋友一起玩

发布网友 发布时间：2022-04-20 21:15

我来回答

共3个回答

懂视网 时间：2022-04-22 23:53

最近项目结束，很空闲，于是就试着仿照微信跳一跳写了一个极简版的游戏，到底简单到什么程度呢?大家可以参考下本文

那么这个游戏到底是简单到什么程度，差不多就是到下面这个程度吧

源码地址: 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) {
 ...
}

上面是我整理给大家的，希望今后会对大家有帮助。

相关文章：

在vue中如何引用阿里字体图标的方法

通过Node.js使用MySQL连接池

在vue.js中如何使用ajax渲染页面

ajax请求+vue.js渲染+页面加载

热心网友 时间：2022-04-22 21:01

微信跳一跳怎么和朋友一起玩？微信跳一跳怎么邀好友一起玩？这篇文章主要介绍了多人玩跳一跳游戏教程,需要的朋友可以参考下。
工具原料手机
方法/步骤分步阅读
1、打开手机微信，在微信上打开跳一跳小程序，点击底部的【多人游戏】，进入多人游戏页面。
2、进入多人游戏页面后，有两种方式邀请他人游戏
3、可以点击【邀请好友】的按钮，打开好友页面发送邀请信息；
4、也可以点击【通过房间号邀请】，生成邀请有效的小程序二维码，给其他人扫描。
5、当好友进入房间后，方格中会显示对应的好友头像。
6、当好友都进入房间后，点击【跳一跳】即可进入游戏。
7.进入游戏后，每人操作一次，轮到你操作时，界面上会显示“轮到你了”。
个人百度经验作品，可以关注或者点赞发现哦。

热心网友 时间：2022-04-22 22:19

微信跳一跳怎么和朋友一起玩？微信跳一跳最近在朋友圈特别火，沫沫看到好多朋友都在玩，自己也玩了几把，感觉挺有趣，但是一个人玩有点无聊，有什么办法可以跟朋友一起玩吗？
1登录微信，下拉屏幕，点击【跳一跳】进入。
2点击【开始游戏】。
3游戏正在进行。
4待游戏结束后点击屏幕上方【发起挑战】。
5选择好要一起玩的人后点击【发送】。
6接下来耐心等待对方加入即可。