• 中文
    • English
  • 注册
  • 转载分享 转载分享 关注:0 内容:18

    做俄罗斯方块源码

  • 查看作者
  • 打赏作者
    • 2
    • 转载分享
    • Lv.12
      Vip.5
      男神

      用Vue、Vuex 做俄罗斯方块


      本项目灵感来源于 React 版的俄罗斯方块,由于对其实现原理较感兴趣,而且相比于 React 更喜欢 Vue, 于是把 React 版的重构为了 Vue 版的,大致思路是把组件当成一个个函数,保证一个输入(props)能得到一个确定的输出(view),然后对不同方法也是做同样处理,对于 Redux 使用 Vuex 精简化

      戳: 链接 玩一玩!


      效果预览

      做俄罗斯方块源码

      正常速度的录制,体验流畅。

      做俄罗斯方块源码

      不仅指屏幕的自适应,而是在PC使用键盘、在手机使用手指的响应式操作

      做俄罗斯方块源码

      数据持久化

      玩单机游戏最怕什么?断电。通过订阅 store.subscribe,将state储存在localStorage,精确记录所有状态。网页关了刷新了、程序崩溃了、手机没电了,重新打开连接,都可以继续。

      Vuex 状态预览(Vue DevTools extension)

      做俄罗斯方块源码

      开发

      安装

      npm install

      运行

      npm run dev

      浏览自动打开  链接

      隐藏内容需要回复可以看见

      回复
      Lv.1

      怎么弄啊

    • 神柒看开源地址,有详细的讲解
      拉黑 2周前 电脑端回复
    • 回复

      请登录之后再进行评论

      登录
    • 做任务
    • 实时动态
    • 偏好设置
    • 帖子间隔 侧栏位置: