无服务器搭建一个自己的网页端“俄罗斯方块”

背景

  本项目灵感来源于 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中

③ 构建配置

image-20210919222951609

④ 搭建成功

⑤ 自定义域名(可选)

特点

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

结语

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

文章出处:无服务器搭建一个自己的网页端“俄罗斯方块”-技术控-1OVE论坛 | 1OVE导航

猜你喜欢

转载自blog.csdn.net/qq_43523315/article/details/120476099