├── .editorconfig ├── .gitignore ├── README.md ├── dist └── snake.html ├── package.json └── src └── snake.html /.editorconfig: -------------------------------------------------------------------------------- 1 | # editorconfig.org 2 | root = true 3 | 4 | # Unix-style newlines with a newline ending every file 5 | [*] 6 | indent_style = tab 7 | end_of_line = lf 8 | charset = utf-8 9 | trim_trailing_whitespace = true 10 | 11 | [*.md] 12 | trim_trailing_whitespace = false 13 | 14 | [*.{html,js,ts,css,scss,xml,jhtmls,json}] 15 | indent_style = space 16 | indent_size = 2 17 | 18 | [*.yml] 19 | indent_style = space 20 | indent_size = 2 21 | -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | # Logs 2 | logs 3 | *.log 4 | 5 | # vim 6 | *.sw[a-z] 7 | vim/.netrwhist 8 | 9 | # temp 10 | .DS_Store 11 | *.db 12 | *.bak 13 | *.tmp 14 | *.cmd 15 | ~* 16 | 17 | # Directory for instrumented libs generated by jscoverage/JSCover 18 | lib-cov 19 | 20 | # Grunt intermediate storage (http://gruntjs.com/creating-plugins#storing-task-files) 21 | .grunt 22 | 23 | # Compiled binary addons (http://nodejs.org/api/addons.html) 24 | build/Release 25 | 26 | # Dependency directory 27 | # Deployed apps should consider commenting this line out: 28 | # see https://npmjs.org/doc/faq.html#Should-I-check-my-node_modules-folder-into-git 29 | node_modules 30 | bower_components 31 | lib 32 | coverage -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # snake 2 | 3 | 简易贪吃蛇 4 | 5 | 主要是示例 jdists + jfogs + uglify 用法 6 | 7 | ```js 8 | /**/ 9 | function Snake(options) { 10 | var self = this; 11 | options = options || {}; 12 | this.colCount = options.colCount || 20; 13 | this.rowCount = options.rowCount || 20; 14 | this.parent = options.parent || document.body; // 容器 15 | // ... 16 | } 17 | // ... 18 | /**/ 19 | ``` 20 | 21 | + 先对代码做一次 jfogs 混淆 22 | + 然后再做一次 uglify 压缩 23 | 24 | [线上演示](http://jhtmls.com/snake/) 25 | 26 | ## 使用 27 | 28 | ### 安装依赖 29 | 30 | ```bash 31 | $ npm install 32 | ``` 33 | 34 | ## 编译 35 | 36 | ```bash 37 | $ npm run dist 38 | ``` 39 | -------------------------------------------------------------------------------- /dist/snake.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 简单的贪吃蛇游戏 6 | 9 | 10 | 11 |
12 | 13 | 16 | 17 | -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "snake", 3 | "description": "贪吃蛇", 4 | "private": true, 5 | "scripts": { 6 | "dist": "jdists src/snake.html -o dist/snake.html" 7 | }, 8 | "dependencies": { 9 | "jdists": "^1.0.7" 10 | } 11 | } 12 | -------------------------------------------------------------------------------- /src/snake.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 简单的贪吃蛇游戏 6 | 22 | 23 | 24 |
25 | 26 | 185 | 186 | --------------------------------------------------------------------------------