HTML5遊戲設計與製作

2021-08-11 00:17:33 字數 1007 閱讀 7125

第二次用construct2這款軟體製作小遊戲,也變得漸漸上手了。這次製作的是類似於「是男人就下100層」的經典遊戲!

楔子(setting):話說當年三國時期,吳國大將黃蓋前往曹營詐降獻策,歷史中曹操受騙赤壁戰大敗。然而命運這一次卻傾向了曹軍,曹操識破了黃蓋陰謀,黃蓋也因此被打入地牢。遊戲中黃蓋化身火柴人,試圖通過抵達地下100層來逃出生天……

玩法(gameplay):玩家下至100層則遊戲勝利,若掉落至地牢底層或生命值為0時遊戲失敗。

通過鍵盤上的上下左右方向鍵操控遊戲中的火柴人,右上角為火柴人的血槽,代表火柴人的生命值,當火柴人碰到頂端的刺或過渡木板上的刺時,會按接觸時間損耗一定量的生命值,當火柴人直接掉落到地牢的底下時,生命值直接為0,當火柴人生命值為0時,即遊戲結束;當玩家積分達到100時,則遊戲勝利。

人設與道具(game sprites):

player:黃蓋,火柴人。通過鍵盤上的左右方向鍵左右移動,上方向鍵跳躍。右上角為火柴人的血槽,代表火柴人的生命值。當生命值不滿時,每相隔一定時間會恢復少量生命值。

wood:木頭。當與黃蓋觸碰時會在一定時間內消失。

steel:鋼板。黃蓋可以停留在上面。

sting board:帶刺的木頭。黃蓋停留在上面是會損耗生命。

thorn:頂端刺。黃蓋與其觸碰也會損耗生命值。

(最後分數突變是錄屏的問題,決不是遊戲的bug…)

製作乙個遊戲首先最重要的是決定遊戲中的物件有什麼,然後沒有物件都有什麼行為,例如跳板的種類,我暫時先做了3種。然後如果需要自動生成跳板,那麼相隔多長時間出現乙個,而不同跳板出現的頻率呢,還有玩家的生命值設定為多少,生命損耗如何等等,這些都要提前規劃好,在製作的過程中調整起來也比較方便。

最後,遊戲的**:

歡迎來試玩~

HTML5遊戲設計與製作 高階篇

再說說遊戲策劃方面的 setting 超級瑪麗為了去城堡救出公主而踏上了他的征程,路途中有無數怪物。gameplay 玩家操縱超級瑪麗進行移動或者發射子彈消滅怪物,最終找到公主完成任務。1.boss 會投擲斧頭的怪物 2.player 超級瑪麗,可以吃蘑菇獲得進化或者發現隱藏的綠色蘑菇加一條生命 3...

html5遊戲 初試

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

html5遊戲開發

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