同步操作将从 边城/tetris 强制同步,此操作会覆盖自 Fork 仓库以来所做的任何修改,且无法恢复!!!
确定后同步将在后台操作,完成时将刷新页面,请耐心等待。
SegmentFault 边城客栈 专栏
jamesfancy (jamesfancy@126.com)
目录/文件 | 说明 |
---|---|
index.html |
页面(唯一的页面) |
lib |
第三方脚本库,通过 bower 管理 |
js |
页面中引入的脚本,从 app/src 生成 |
css |
页面中引入的样式表,从 app/ess 生成 |
src/ |
前端脚本和样式表源码 |
+ src/less |
样式表源码 |
+ src/scripts |
脚本源码 |
虽然是前端,仍然采用了项目构建的思想,目标脚本和样式表通过构建生成。构建在 NodeJs 6+ 环境下进行。
开发中使用了 TypeScript,需要 TypeScript 语言服务。虽然大多数支持 TypeScript 的编辑器或 IDE 已经内置了 TypeScript 语言服务支持,可能可能不是最新版本。可以通过 npm 安装最新版本的 TypeScript,之后通过 tsc --version
检查安装的版本。
$ npm install -g typescript
$ tsc --version
命令行看起来像是 Linux,但实际是在 Windows 下使用了 git-bash。
所有前端源码都在 src
目录下,通过 gulp 工具构建。脚本采用 TypeScript 编写,使用了较新的语言特性,需要 glup-typescript 及 gulp-babel 工具来生成最终兼容 ES5 的脚本。样式表使用 LESS 编号,需要 gulp-less 来生成 .css
样式表。
页面中需要引入 jQuery 库。jQuery 库脚本通过 npm 引入,并由 gulp 在构建时拷贝到 js
目录下供页面引用。
$ cd src
$ npm install
$ gulp build
构建完成之后通过浏览器打开 index.html
即可开始游戏。
快捷键 | 功能 |
---|---|
[UP] |
方块旋转(顺时针) |
[LEFT] |
向左移动 |
[RIGHT] |
向右移动 |
[DOWN] |
向下移动 |
[SPACE] |
直降到底 |
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。