1. 建立 demo 目錄
mkdir demo
2. 初始化應用
npm init
工程資訊
package name : tetris-class-demo
version:
description: tetris game
entry point:
test command:
git repository:
keywords:tetris, game
author: zonehoo
license: mit
3.在 demo 下 建立 src , webpack 資料夾 .babelrc (編譯**配置) index.html 檔案 (入口頁面)
mkdir src webpack
touch .babelrc index.html
webpack 資料夾下 建立 build.js (webpack 打包用) develop.js (除錯用)
touch webpack/build.js webpack/develop.js
src 資料夾下 建立 index.js(js 入口檔案)
touch src/index.js
4. 編寫 .babelrc
5. 安裝 webpack 和 babel 編譯工具 並 新增 webpack 指令
編寫 package.json
#package.json
安裝拓展包
npm install
6. 編寫 webpack/build.js 檔案
var path = require('path')
var webpack = require('webpack')
var bundleanalyzerplugin = require('webpack-bundle-analyzer').bundleanalyzerplugin
var uglifyjsplugin = webpack.optimize.uglifyjsplugin
module.exports =
8. 編寫 webpack/develop.js
var path = require('path')
const htmlwebpackplugin = require('html-webpack-plugin')
module.exports =
9 寫首頁 index.html
10. 引入 mvc
在 src 下 建立 view.js controller.js model.js
touch src/view.js src/controller.js src/model.js
建立 遊戲 執行 js tetris.js
touch src/tetris.js
11. 編寫 index.js
alert(1);
12. 使用 npm start 並訪問 127.0.0.1:9000 彈出1即可
npm start
俄羅斯方塊高階 AI俄羅斯方塊
前文回顧 致青春 python實現俄羅斯方塊 人工智慧大火的今天，如果還是自己玩俄羅斯方塊未免顯得太low，為什麼不對遊戲公升級，讓機器自己去玩俄羅斯方塊呢？有了這個想法之後利用週六週日兩天的時間去蒐集了大量的資料，在電腦宕機好多次之後終於將ai俄羅斯方塊實現了。所謂讓機器自己去玩俄羅斯方塊，就是讓...
1 react 程式設計實踐 俄羅斯方塊 需求分析
1.需求分析 俄羅斯方塊的要素 介面展示 定時重新整理 鍵盤響應 方塊模型 遊戲規則 俄羅斯方塊 比 電商購物車 好在哪?業務比較簡單,人人都了解,不需要過多前置知識 技術棧比較單純，不需要使用過多的工具 本身的複雜性高於 購物車 可以在成品的基礎上進行技術演進，過渡到前端框架 重點重點不在於寫出乙...
俄羅斯方塊
俄羅斯方塊 tetris,俄文 是一款風靡全球的電視遊戲機 和掌上遊戲機遊戲，它由俄羅斯人阿列克謝 帕基特諾夫 發明，故得此名。俄羅斯方塊的基本規則是移動 旋轉和擺放遊戲自動輸出的各種方塊，使之排列成完整的一行或多行並且消除得分。由於上手簡單 老少皆宜，從而家喻戶曉，風靡世界。俄羅斯方塊的開發者是阿...