HTML5射擊類遊戲 地球保衛戰

2022-01-13 11:23:05 字數 2015 閱讀 3131

遊戲截圖:

就不貼**了, 因為**太多了, 大概寫一下這個遊戲實現思路和一些實現;

遊戲一共有三關, 每一關都有一個大boss, boss比較好殺,主要各種外星飛船殺傷力太強, 要注意;

遊戲中打死敵機有10%的機率會掉神符, 包括生命神符加血神符無敵神符炸彈升級神符

每一個敵機的死亡都有100%的機率掉鑽石, 如果飛船吃了鑽石就可以增加左上角的積分score

目前有兩臺戰鬥機,戰鬥機只是機型不同, 戰鬥力是相同的:

使用requirejs實現模組化, 因為js的靈活性太高, **太多的話很難維護, 使用requirejs進行模組化;

使用p.js 實現類的繼承: p.js , js的遊戲開發比日常的js應用更需要類的繼承, 所以用了這個庫;

彈窗使用了tiny-alert, 因為系統預設的alert提示太難看了;

遊戲的聲音用了gt.sound, 大城小胖的作品, 開啟gt.sound;

遊戲的素材聲音素材都是從網上扒的, 找了好久, 好素材要花錢撒, 沒錢, 不解釋;

專案的結構如下:

因為requirejs提供了一個自動打包工具r.js, 可以把使用模組的**打包到一起, 我就用了, 專案下的main-build.js就是打包後的js檔案, 合併後的**有47kb,(**很少,很多);

使用了grunt的watch外掛,實現了**變更時候的實時檢視

;以下是package.json的資訊, 可以看看我用了哪些外掛:

,

"devdependencies": ,

"scripts": ,

"repository": ,

"keywords": [

"nono"],

"author": "nono",

"license": "__mit__"}

view code

這個遊戲在電腦上的fps為50左右, 很流暢,低端機上還是有點卡,  因為會涉及到各種的碰撞檢測, 子彈多的話,要跑很多的檢測**, 有優化的空間 , 遊戲在中高階的移動裝置上有最好的體驗, 持續更新;

園友想要原始碼, 僅供參考:

nono

出處:287101329