《四福猫跑》原生js游戏

#rock{border:2pxsolidblack;/*background-color:black;*/}写在前面SegmentFault四福的吉祥物是一只个性独特、特立独行、热爱自由(>^ω^<)的独角猫，同时也是社区的首席捕鱼官。所以本作品以四福猫为原型，配合原生js完成一款跑酷类小游戏游戏链接https://simplerobort.github.i...技术栈构成（javascript游戏可用引擎：1.Babylon.js；2、Three.js；3、Turbulenz；4、Famo.us；5、PlayCanvas.js；6、GooEngine；7、CooperLicht；8、Voxel等。)从上面可以看出，js可以使用的游戏引擎还是蛮多的。最近为了进入metaverse，正在学习threeJs。为了更好的理解游戏，我没有使用任何游戏引擎（有轮子我就不用，我自己造！）采用的技术栈是：vue+vuex+vueRouter+nativejs（角色碰撞，跳跃，自由落体等）实现过程和思维设计思路如下（障碍很草率哈哈）人物作为模块移动，死亡，跳跃相关代码逻辑放在人物模块中。主要是这样比较合理。就是因为有字符可以有这个功能，所以这些功能应该和字符强绑定。障碍物和触碰即死的障碍物作为模块被重复使用。商店管理公共状态：当前通过关卡、障碍物信息、角色是否移动相关信息路由器管理页面：欢迎页面、各关卡、死亡页面、胜利页面游戏核心模块：角色移动跳跃、物理碰撞角色实现角色风格角色的静止、跳跃、死亡使用gif，通过双向绑定src，根据逻辑替换完成任务状态的变化。