再探三. Jump写一个微信跳极简游戏

那么这个游戏有多简单，几乎到了下面的程度

源代码地址：github.com/luosijie/th…

既然是第一次尝试写游戏，不知道套路对不对。就看着玩吧。别太认真了。不建议在手机上预览。坑还没有填满

以下是实施过程

博弈分析

首先，分析这样一个游戏需要哪些元素

三. js必备元素：场景、灯光、摄像头，哪个会一个接着一个跳，或者叫玩家以上的游戏过程

在最初的场景中，场景中有一个跳跃的一个和两个正方形。按下储能值鼠标释放。当跳的一个根据能量值和第二个方块的方向跳出来，跳的一个落在方块的上平面时，根据位置判断这个跳是成功还是失败。成功后，进入下一步。如果发生故障，根据位置执行不同的坠落模式。我们应该考虑这些关于游戏碰撞的情况

1.落在两个正方形中间

2.落在起飞方块的左上边

3.放到左边下一个方块的下边缘

4.放到左边下一个方块的上边缘

5.落在起飞方块的右上边缘

6.放到右边下一个方块的下边缘

7.放到右边下一个方块的上边缘

密码

感兴趣的烦恼感动github

主体结构

var game=function(){ 0.} game . prototype={ init ://initialize restart 3360//restart add success fn 3360//成功进入下一步并执行外部函数。用于更新分数的Addfailedfn3360。//游戏失败，正在执行外部功能。用于显示失败的弹出窗口_ createjump ://创建将要跳转的窗口//create box _ setlight 3360//three . js set illumination _ setcamera 3360//three . js set camera _ setrenderer ://three . js set renderer _ render ://three . js执行rendering _ createhelpers 3360//three . js scene assistant _ checkuser agents ://检测是否为mobile _ handlewindowsresize 3360//Window zoom 将jump _ CheckOnebee : //确定下落位置的下落物体_更新摄像机3360//更新摄像机坐标参数_更新摄像机： //更新摄像机_设置大小： //设置画布大小}调用

Vargame=newgame(成功，失败)game . init()game .add成功fn(成功)game.addfailedfn(失败).//游戏重新开始。执行函数restart(){ 0.}//游戏失败执行函数失败(){ 0.}//游戏成功，更新评分功能成功(评分){ 0.}摘要

以上是边肖给大家介绍的Three.js的再探索——写一个极简版的微信Jump，希望对大家有所帮助。如果你有任何问题，请给我留言，边肖会及时回复你。非常感谢您对我们网站的支持！