天了嚕，程序猿要毀童年了！

數百方塊為何離奇失蹤？一隻黃色的鳥為何頻頻撞管道？這一切的背後到底是道德淪喪還是人性的扭曲？歡迎走進 WASD-ORG 。

不知不覺，人已步入中年危機，每天兩點一線的生活漸漸變得麻木。同組的大佬們總是做著令人敬佩的事情，講道理，我很羨慕他們。然而技術有限，仍然有許多路要走。於是我告訴自己：「去做點什麼吧。」

WASD-ORG 是我和 @cinwell 建立的一個組織。核心思路是對遊戲進行抽象實現，僅僅提供數據、相應的方法控制和事件監聽。而用戶可以自由自在地利用自己熟悉的 UI 層技術（Vanilla、Vue、React、Angular、JQuery、Terminal）來實現一款遊戲。

下面給兩個例子（務必點開觀看）：

• Flappy Bird

• Tetris

• <template> <div id="app"> <table cellspacing="0" cellpadding="0" border="0"> <tr v-for="row in graph"> <td v-for="col in row" :class="{ filled: col }"></td> </tr> </table> </div></template><script> import Tetris from wasd-tetris const tetris = new Tetris() export default { data() ( return { graph: [[]] } ), mounted() { tetris.on(repaint, graph => this.graph = graph.array) tetris.on(failed, () => { alert(game over!) tetris.reset() }) tetris.start() } }</script><style> td { width: 20px; height: 20px; border-radius: 2px; background: #97d5e0; } td.filled { background: #5587a2; }</style>

現在處於初級階段，意圖復刻童年喜愛的各種小遊戲，因此也稱「毀童年」系列，如果你也感興趣的話，可以在 Github 上 star 我們，或者私信我們開一個新的遊戲坑。

目前已存在如下項目（將持續更新）：

• wasd-org/wasd-flappy

• wasd-org/wasd-tetris

推薦閱讀：