HTML5射擊類遊戲 地球保衛戰

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

遊戲截圖:

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

遊戲一共有三關, 每一關都有乙個大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

飛行射擊類遊戲開發實戰(系列) 視窗建立

include namespace cell protected static lresult callback wndproc hwnd hwnd,uint msg,wparam wparam,lparam lparam if wm create msg return defwindowproc ...

html5遊戲 初試

size medium 我覺得,html5很有前景,移動終端智慧型化 普及是乙個大趨勢,html5的應用有跨平台這一大的優勢,傳統的應用很依賴終端的系統,同樣乙個應用,html5也能實現,它就可以在所有的智慧型終端下使用,而且又有本地儲存,離線使用等特性,這使得它成為未來的主流 用html5開發遊戲...

html5遊戲開發

一 前言 本次教程將向大家講解如何用html5將小地圖塊拼成大地圖,以及如何用現有的高階html5遊戲開發庫件lufylegend.js開發遊戲。首先讓我們來了解了解如何用html5實現動畫,畢竟 動靜結合 是先有動再有靜。看了上一章的內容,或許你就有了對html5實現動畫有了初步了解 二 html...