新鲜出炉的原创跳跳棋游戏,基于vue.js实现,游戏的逻辑及实现方法在js中解释的很清楚,插件的调用也非常简单。基于vue.js实现。如有疑问或者错误的地方欢迎留言,谢谢~
1、默认用户的起始位置为第一步。
2、页面加载成功后需要请求后台数据获取当前用户的初始位置(第几步)并调用
1
vm.location(initialPosition)
3、“跳一跳”按钮绑定的点击事件为vm.dice(),点击按钮后只是执行骰子摇动的动画,此时应该同时请求后台数据返回用户摇出的points和当前点数下的prize,若没有prize应该返回点数和‘nothing’参数。后台数据返回成功后再调用
1
vm.forward(points,prize)
这时候用户头像才开始跳动。跳动结束后,系统会根据prize自动弹出获奖情况。
2021-04-29 01:39:32
235KB
VUE
跳跳棋
1