摘要：STEP ONE:设计菜单界面 在components里新建MenuBox.vue文件。 在其中，我们将设计菜单界面。 <template> <div class="menu-bg"> <div class="content center"> <button type="button">再来一次</ 阅读全文

摘要：STEP ONE：设计游戏规则。 作为一个合格的游戏，我们肯定要设计一个合理的游戏规则。 以下是我的方案： 得分=已固定的方块数*1+已消除的行数*50 方块掉落速度=1+已消除的行数*0.05 方块下落的时间间隔=500/方块掉落速度 ok！ STEP TWO：ui实现。 这一步我们放在Index 阅读全文

摘要：目录在此（点我）。 STEP ONE：定义相关游戏变量 好了，让我们打开GameCanvas文件，在data中加入如下变量。 NO_BLOCK: 0, HAVE_BLOCK: 1, tetris_status: null, currentFall: null 其中，tetris_status是存放地 阅读全文

摘要：目录在此 STEP ONE.做好前置工作 开发工具：VS Code 我们用VS Code进入这个项目，打开src文件夹下的components文件夹下的HelloWorld.vue文件。 删除多余的代码，至下图状态。 这是我们的游戏主页面。所以将 HelloWorld.vue文件重命名为 Index 阅读全文

摘要：目录在此 一。创建项目 开发环境：win10 开发的前置操作：安装npm。 首先在命令行里进入一个文件夹A，然后输入vue init webpack tetris tetris是文件夹的名字，可以随便定义，但不能有大写字母 接下来全部按回车就好。 接下来，我们进入tetris，并运行 cd tetr 阅读全文