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

前端语言 小白教程 Github 半原创
已认证 BOSS 8月前

1820 3

背景

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

结语

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

近段时间做甩手掌柜,不问事,有事请找管理。
最新回复 (3)
  • 筑基入门 我想低调
    0 2
    4805分
    这家伙太懒了,什么也没留下。
    8月前 只看Ta 回复
  • 金丹高手 道天钧
    1 3
    哈哈,有意思,有点小霸王的味儿了
    这家伙太懒了,什么也没留下。
    8月前 只看Ta 收起回复
    BOSS: https://game.1ove.club/FC-Games/ 真正的小霸王游戏机
    8月前回复
    道天钧: 感谢BOSS,我平时在这个网站玩https://www.yikm.net/,但是一对比,还是BOSS这个有味道,嘿嘿
    8月前回复
  • 筑基入门 miwangniao
    0 4
    学习了。不错
    命中有时终须有,命中无时莫强求
    8月前 只看Ta 回复
    • 1OVE论坛
      5
        登录 注册
返回