在線編程器也能制作的精選HTML網(wǎng)頁(yè)游戲
時(shí)間:2023-09-12 15:18:02 | 來(lái)源:網(wǎng)站運(yùn)營(yíng)
時(shí)間:2023-09-12 15:18:02 來(lái)源:網(wǎng)站運(yùn)營(yíng)
在線編程器也能制作的精選HTML網(wǎng)頁(yè)游戲:我們現(xiàn)在常說(shuō)的HTML其實(shí)已經(jīng)是HTML5了,屬于HTML標(biāo)記語(yǔ)言的第五代也是最新的版本。新版本的HTML讓網(wǎng)頁(yè)科技實(shí)現(xiàn)多種不同的可能,其中包括支持接入各種JavaScript的代碼,從而誕生了各類(lèi)的網(wǎng)絡(luò)應(yīng)用和游戲。
現(xiàn)代的HTML網(wǎng)頁(yè)制作往往離不開(kāi)HTML、CSS和JavaScript三件套。結(jié)合這些功能不一的計(jì)算機(jī)語(yǔ)言,無(wú)論是手機(jī)或是電腦上的瀏覽器都能適配不同種類(lèi)的應(yīng)用。
HTML網(wǎng)頁(yè)制作需要哪些工具?
HTML網(wǎng)頁(yè)制作其實(shí)需要的工具或者素材很簡(jiǎn)單,大致上包括:
- 支持HTML/CSS/JavaScript的文本編輯器(例如:Lightly、VSCode、微軟自帶的記事本等等)
- 游戲所需的背景、物體、人物等素材(Itch.io上可以找到各種不同的免費(fèi)優(yōu)質(zhì)素材)
精選HTML網(wǎng)頁(yè)游戲
這里精選了一系列由HTML和JavaScript制作而成的網(wǎng)頁(yè)游戲,這些游戲不僅容量占用小,風(fēng)格也獨(dú)特有趣。只需要從把GitHub網(wǎng)址復(fù)制粘貼到Lightly中,就可以運(yùn)行游戲或者修改游戲代碼進(jìn)行優(yōu)化。
1 但丁 Dante路西法:“真是的,地獄的傳送服務(wù)又掛了 …… 惡靈們?nèi)嫉舻搅诉€在施工的地方。但丁,你去把他們回收到第八圈吧!”
玩家通過(guò)上帝視角或第一視角扮演但丁,回收所有惡靈讓他們承受應(yīng)有的懲罰。
GitHub網(wǎng)址:
https://github.com/SalvatorePreviti/js13k-2022.git2 即死夢(mèng)城 Dying Dreams“你反復(fù)做著同樣的夢(mèng) …… 所有人都得死去 ……”
即死夢(mèng)城是一個(gè)有趣的解謎游戲。你必須殺死畫(huà)面中的所有人偶,但每個(gè)人偶都會(huì)同時(shí)移動(dòng)!
這個(gè)小游戲共有13個(gè)關(guān)卡,除了后面的幾關(guān)以外,其實(shí)都不太難。
GitHub網(wǎng)址:
https://github.com/jani-nykanen/dying-dreams.git3 巫師諾曼 Norman the Necromancer你是諾曼,但你在村頭里的風(fēng)評(píng)并不是那么好。大家都想把你除掉,保護(hù)好你自己吧!
GitHub網(wǎng)址:
https://github.com/danprince/js13k-2022.git4 跳跳魂 Soul Jumper蹦蹦跳跳通關(guān)10個(gè)關(guān)卡,踩著你的靈魂來(lái)越過(guò)尖刺、空隙和掉下來(lái)的方塊!沒(méi)死對(duì)?那就重新再來(lái)過(guò),直到魂魄對(duì)齊為止。
GitHub網(wǎng)址:
https://github.com/tyler6699/js13k2022.git5 劃一 The Neatness讓骷髏頭與墓碑連在一起,先不要覺(jué)得這個(gè)游戲太簡(jiǎn)單。言盡于此。
GitHub網(wǎng)址:
https://github.com/mvasilkov/neatness2022.git