vue跳跳棋游戏(原创)

所属分类:其他-游戏

 22544  246  查看评论 (15)
分享到微信朋友圈
X
vue跳跳棋游戏(原创) ie兼容9

原创跳跳棋游戏

发布时间:2018-1-30 0:57

基于vue.js实现。如有疑问或者错误的地方欢迎留言,谢谢~

1、默认用户的起始位置为第一步。

2、页面加载成功后需要请求后台数据获取当前用户的初始位置(第几步)并调用

vm.location(initialPosition)

3、“跳一跳”按钮绑定的点击事件为vm.dice(),点击按钮后只是执行骰子摇动的动画,此时应该同时请求后台数据返回用户摇出的points和当前点数下的prize,若没有prize应该返回点数和‘nothing’参数。后台数据返回成功后再调用

vm.forward(points,prize)

这时候用户头像才开始跳动。跳动结束后,系统会根据prize自动弹出获奖情况。

相关插件-游戏

html5考察眼力小游戏猜金币、最强眼力源码

html5考察眼力小游戏,有关卡,激起用户的胜利欲望。
  游戏
 22887  289

jQuery夹娃娃抽奖

运用jQuery进行编写夹娃娃抽奖特效
  游戏
 19494  216

HTML5手机数钱游戏

HTML5手机年终奖数钱游戏
  游戏
 17897  226

js拼图游戏

利用js实现拼图游戏
  游戏
 32423  357

讨论这个项目(15)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    好好好 0
    2020/9/9 10:45:59
    作者你好,请问怎么样能换掉地图上的图片呢
        西瓜0
        2020/9/9 11:08:53
        替换images下的icon.png
    回复
    Blood_辰 0
    2019/12/31 18:16:11
    头像进行到页面出现滚动条时,页面抖动不止,想问下怎么解决 回复
    Me。 0
    2019/9/27 18:08:54
    在摇点数结束之后,页面会出现抖动 回复
    ♀?思→♂ 0
    2019/3/7 9:52:04
    很不错,只是要币才能下载 回复
    燃烧の纸飞机 0
    2018/10/19 11:20:09
    请问大神,像这种 (width: 4.83091787rem; ) rem 是怎么计算出来的?
        前端-技术部1
        2019/6/26 16:30:41
        /*设置rem根据屏幕大小改变而变化*/
        var docEl = document.documentElement,
            resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',
            recalc = function() {
                docEl.style.fontSize = 20 * (docEl.clientWidth / 320) + 'px';
            };
        //绑定浏览器缩放与加载时间
        window.addEventListener(resizeEvt, recalc, false);
        document.addEventListener('DOMContentLoaded', recalc, false);
        /*结束*/
    回复
    那个男孩2o1? 0
    2018/10/8 13:15:39
    名字太长换个短的 0
    2018/8/2 9:35:52
    鼠标滚动 页面不能滚动!? 回复
    0
    2018/2/3 23:07:47
    余生有你。 0
    2018/2/1 13:29:47

    我发现每天研究别人的代码       猜别人的心思好有意思啊          哈哈

    回复
    SiriBen 0
    2018/1/30 10:36:19

    从技术来看做得很不错的,不过,以使用者的角度来看,这个。。。。哈哈,一个骰子最大点数是6,一共五次机会,假设每次投的点数都是最大为6,一共30步,跳的步数才30,还没走到一半,永远拿不到最后的大奖呀,哈哈哈

        在我肩上哭泣0
        2018/1/30 15:30:41

        可以搞个充钱弄点儿步数的功能,新手,具体不知道怎么搞

        好好学习、天天向上0
        2018/1/31 14:43:34

        朋友,5次只是给你测试的次数,游戏次数应该是根据你项目的需求自行设计的,比如说分享一次得到一次机会,比如说购买。。。等等,不要被表面现象限制了你的思想

        好好学习、天天向上0
        2018/1/31 14:45:39

        游戏的次数、骰子的点数、总步数、奖品内容,统统是可以设置的。分享的是技术而不是带你玩游戏

    回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复