上一篇:
牛逼,個人開發(fā)者可以申請微信支付了
坦克大戰(zhàn)當(dāng)年紅遍大江南北,很多和我一樣的九零后應(yīng)該都有著對這個游戲的記憶。現(xiàn)在顯示器分辨率越來越高,使用矢量圖來實現(xiàn)像素風(fēng)格游戲,可以獲得非常高的展現(xiàn)質(zhì)量。
這個項目是作者肥超花了很長時間折騰的復(fù)刻版本,所有元素都使用矢量圖(SVG)進行渲染,針對網(wǎng)頁的交互方式重新設(shè)計了關(guān)卡編輯器,該復(fù)刻版新增了關(guān)卡選擇功能、自定義關(guān)卡管理功能等,另外它還包括了一個 Gallery 頁面用于展示所有的游戲元素,想必它一定可以勾起你的兒時回憶。在線試玩:https://battle-city.js.org/#/GitHub:https://github.com/shinima/battle-city針對鼠標(biāo)交互設(shè)計的關(guān)卡編輯器點擊鼠標(biāo),選擇畫筆類型,在地圖中拖拽鼠標(biāo)就即可完成關(guān)卡配置,再也不用擔(dān)心游戲手柄按得手酸啦 (●ˇ?ˇ●)。
完成自定義關(guān)卡配置之后,可以將關(guān)卡信息保存到瀏覽器緩存中(localStorage)。然后在關(guān)卡管理頁面編輯/刪除/下載這些關(guān)卡配置,當(dāng)然你也點擊關(guān)卡縮略圖下方 PLAY 按鈕直接開始自定義關(guān)卡。
瀏覽 Gallery 頁面來更全面地了解游戲中的各個元素。
整個游戲的開發(fā)過程作者也進行了介紹,對 React / Redux 感興趣的前端同學(xué)可以去看作者寫的文章:www.zhuanlan.zhihu.com/p/35551654
轉(zhuǎn)自公眾號:逛逛GitHub
在線試玩:https://battle-city.js.org/#/GitHub:https://github.com/shinima/battle-city最近熬夜給大家準(zhǔn)備了515套Java代碼,有一些是業(yè)務(wù)類的小項目,比如Java博客項目,也有腳手架、也有平時用一些的工具類、21套小程序代碼,也有一些游戲類的項目。

掃以下二維碼并回復(fù)“828”即可獲取
或者在本公眾號對話框回復(fù)【828】馬上獲取