背景

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

项目

  源码：https://github.com/Binaryify/vue-tetris

  演示：T E T R I S (qian.blue)

搭建步骤

  因为是纯前端的项目，所以最容易想到的有两个服务：Github pages和cloudflare pages。

  在这里举的例子就用cloudflare pages吧，为什么？因为这个带cdn加速，且不会被墙。

具体实现

① fork源码

② 导入到cloudflare pages中

③ 构建配置

④ 搭建成功

⑤ 自定义域名（可选）

特点

• 数据持久化：意思就是打开之后，即使断网了也可以正常玩耍。

结语

  简单、有趣、好玩、无成本，这么有趣的项目，你不试一下？