GameMaker|打方塊-01|專案概述

更新 發佈閱讀 3 分鐘

這是一篇前導文章,主要解釋「打方塊」的實戰範例,可以學習到哪方面的技巧,讀完之後,各位可以決定,要不要繼續學習這個專案。

raw-image


實戰範例:打方塊


為了讓各位更好的理解,實戰範例的結果,因此我已經將打方塊的實戰範例,上傳到itch.io上面了。

由於我選用的平台是HTML5(網頁遊戲),因此球一多的時候,遊戲就會開始卡頓,但如果是電腦主機的版本(exe),就不會有這種問題。

以下是實戰範例的連結,操作的說明也都在網頁上面了:


講解範例的方式


講解範例時,大概會依照以下的流程來走:

  1. 講解要呈現給玩家的「結果」。
  2. 解釋要達成結果,需要使用的「邏輯設計」。
  3. 解釋要達成邏輯設計,需要使用那些「功能」、「程式語法」,並解釋相關的設定。


不過為了加快講解的速度,所以我不會像幼幼班,或程式基礎的那樣,很詳細的介紹每個功能或是語法。

若是遇到之前我沒講解過的功能,那我會先概略性的講解,並附上官方的說明書。這些內容如果很複雜,那未來我會再補上,相關的教學內容。


範例內容的介紹


接下來要來講解,這篇實戰範例,大概會出現哪些功能,各位可以參考一下,來決定是否要繼續學習。


🔸基礎的玩家移動


玩家可以透過左右方向鍵,來控制棒子的左右移動,並且撞到牆壁後會停止移動。

如果是想製作俯視類型的RPG,或是橫向(or縱向)的彈幕遊戲,那這裡的內容會對你有幫助。

但如果是需要跳躍、奔跑,這種比較複雜的平台動作遊戲,那這個專案可能幫不上忙。


🔸簡易的彈幕系統


玩家可以發射球,來消除畫面中的方塊,這些功能,其實是一種簡易的彈幕攻擊系統。

除此之外,方塊還會依照不同的設定,來執行不同的動作,例如:有些方塊不會反彈、有些方塊會掉落道具,這些屬於簡易的敵人設計。

玩家也能透過不同的道具,來獲得不同的效果,這在彈幕遊戲中,也是很常見的功能。


🔸計時器的功能


在專案的右手邊,有統計遊玩時數的計時器,這是個非常實用的功能,在很多的遊戲中都會用到。

這個計時器的功能,其實是一種「進階的文字顯示」功能,如果學會了這個,那麼也能用來製作「分數顯示」的相關功能。


🔸其他的移動方式


球的移動方式、球的反彈功能、道具的掉落方式、道具移動到狀態欄的方式,在此專案中,都會講解他們的運行原理。

這些功能,對於規劃彈幕的路徑,或著是敵人的行動,都有一定程度的幫助。


模擬開發順序


為了模擬遊戲的開發,我會從空白的Project,慢慢的把功能給加上去,而不是一開始就展示,已經完成所有功能的專案。

如果你是跳著看的,然後看到一些,不認識的程式碼,那麼最好的解法,就是往前翻找沒看過的內容,應該能解決你的問題。


未來會不會把功能拆開,做成各自獨立的教學,答案是有可能,像是計時器這種西,就很適合製作成獨立的教學。

不過,我覺得逐步的把功能加上去,其實能夠學到不少東西,所以我會優先考慮,製作這種類型的範例教學。


解法只是參考


這裡有一點很重要,那就是我提供的做法,並不代表是「最佳的解法」,更多的,只是一種經驗的分享。

如果你覺得有更好的解法,也歡迎留言讓我知道,這個小小的舉動,也能幫助其他正在努力的自學者們。




🔔如果內容對你有幫助,可以按個喜歡,這樣就能讓更多人,接觸到這些棒棒的內容🔔


✨祝各位也能開心的做出好遊戲✨

留言
avatar-img
留言分享你的想法!
avatar-img
開心做遊戲 Happy Making Game
11會員
68內容數
免費、開心、簡單,這是我做教學的理念,我希望透過我的行動,讓人們找回自我學習的快樂,讓那些資源稀少的自學者們,也能朝著自己的夢想來前進。讓我們一起開心的做出遊戲吧!
2024/09/05
這篇內容,主要會講解,關於球的相關設定,包括了如何讓玩家發球、如何讓球移動、如何讓球反彈、如何改變球的大小,等等的相關功能。
Thumbnail
2024/09/05
這篇內容,主要會講解,關於球的相關設定,包括了如何讓玩家發球、如何讓球移動、如何讓球反彈、如何改變球的大小,等等的相關功能。
Thumbnail
2024/09/02
這篇內容,主要會講解,要如何規劃房間、相機,以及各種物件的尺寸大小。
Thumbnail
2024/09/02
這篇內容,主要會講解,要如何規劃房間、相機,以及各種物件的尺寸大小。
Thumbnail
2024/09/02
這篇內容,主要會講解,如何讓玩家進行移動,在解釋的過程中,會接觸到碰撞遮罩、Nine Slice、鍵盤事件,等等的相關設定。
Thumbnail
2024/09/02
這篇內容,主要會講解,如何讓玩家進行移動,在解釋的過程中,會接觸到碰撞遮罩、Nine Slice、鍵盤事件,等等的相關設定。
Thumbnail
看更多
你可能也想看
Thumbnail
在小小的租屋房間裡,透過蝦皮購物平臺採購各種黏土、模型、美甲材料等創作素材,打造專屬黏土小宇宙的療癒過程。文中分享多個蝦皮挖寶地圖,並推薦蝦皮分潤計畫。
Thumbnail
在小小的租屋房間裡,透過蝦皮購物平臺採購各種黏土、模型、美甲材料等創作素材,打造專屬黏土小宇宙的療癒過程。文中分享多個蝦皮挖寶地圖,並推薦蝦皮分潤計畫。
Thumbnail
小蝸和小豬因購物習慣不同常起衝突,直到發現蝦皮分潤計畫,讓小豬的購物愛好產生價值,也讓小蝸開始欣賞另一半的興趣。想增加收入或改善伴侶間的購物觀念差異?讓蝦皮分潤計畫成為你們的神隊友吧!
Thumbnail
小蝸和小豬因購物習慣不同常起衝突,直到發現蝦皮分潤計畫,讓小豬的購物愛好產生價值,也讓小蝸開始欣賞另一半的興趣。想增加收入或改善伴侶間的購物觀念差異?讓蝦皮分潤計畫成為你們的神隊友吧!
Thumbnail
圍棋攻擊裡一定要會的技巧,攻擊時與對手的棋子保持一點距離,但又不讓對手可以簡單的拆邊來尋找根據地,是高手很常使用的攻擊技能,注意⚠️攻擊時儘量不要去碰對方的棋子,不然說不定會被對手利用而適得其反呢~
Thumbnail
圍棋攻擊裡一定要會的技巧,攻擊時與對手的棋子保持一點距離,但又不讓對手可以簡單的拆邊來尋找根據地,是高手很常使用的攻擊技能,注意⚠️攻擊時儘量不要去碰對方的棋子,不然說不定會被對手利用而適得其反呢~
Thumbnail
本篇介紹單人遊戲的核心架構與邏輯,涵蓋發牌、抽牌、出牌及遊戲結算等重要步驟。文章也詳細介紹了使用 socket.io 建立連線的過程,並說明如何利用 React Hooks 管理遊戲狀態,提及後端伺服器如何處理玩家加入房間的事件,並簡要介紹了房間資訊的管理,此文將分為多篇進一步介紹遊戲事件部分。
Thumbnail
本篇介紹單人遊戲的核心架構與邏輯,涵蓋發牌、抽牌、出牌及遊戲結算等重要步驟。文章也詳細介紹了使用 socket.io 建立連線的過程,並說明如何利用 React Hooks 管理遊戲狀態,提及後端伺服器如何處理玩家加入房間的事件,並簡要介紹了房間資訊的管理,此文將分為多篇進一步介紹遊戲事件部分。
Thumbnail
24點數學遊戲是一款適合小朋友與想動動腦的朋友們的小遊戲,遊戲規則簡單易懂,可訓練邏輯能力。遊戲分為單人與多人模式,可以讓玩家自行挑戰高分或是與其他玩家競爭。算式中不同的數學符號會對應不同的加分機制。遊戲網站連結與專案 repo 也都提供在文章中。
Thumbnail
24點數學遊戲是一款適合小朋友與想動動腦的朋友們的小遊戲,遊戲規則簡單易懂,可訓練邏輯能力。遊戲分為單人與多人模式,可以讓玩家自行挑戰高分或是與其他玩家競爭。算式中不同的數學符號會對應不同的加分機制。遊戲網站連結與專案 repo 也都提供在文章中。
Thumbnail
做學問,不論是哪一門,都是需要練習的,圍棋雖然是一種孤軍奮戰的遊戲(除了聯棋外),偶爾還是可以像這樣有著大家一起努力的感覺。
Thumbnail
做學問,不論是哪一門,都是需要練習的,圍棋雖然是一種孤軍奮戰的遊戲(除了聯棋外),偶爾還是可以像這樣有著大家一起努力的感覺。
Thumbnail
1.不要讓棋譜或棋書擋到棋盤,視野可以看到完整的棋盤。 2.可以將佈局階段角落的變化背起來,之後進階背30手、50手,訓練記憶力。 3.有時可以猜猜看高手會下在哪個範圍,準確度慢慢提高,大局觀也會慢慢養成哦!
Thumbnail
1.不要讓棋譜或棋書擋到棋盤,視野可以看到完整的棋盤。 2.可以將佈局階段角落的變化背起來,之後進階背30手、50手,訓練記憶力。 3.有時可以猜猜看高手會下在哪個範圍,準確度慢慢提高,大局觀也會慢慢養成哦!
Thumbnail
本篇文章介紹了區間DP及博弈論Min/Max最佳化的相關概念,以及如何應用這些概念來計算最佳策略進行取石頭遊戲的模擬。文章實際分析了演算法、實用的加速技巧和關鍵知識點。這篇文章對於想要學習區間DP的讀者來說非常有價值。
Thumbnail
本篇文章介紹了區間DP及博弈論Min/Max最佳化的相關概念,以及如何應用這些概念來計算最佳策略進行取石頭遊戲的模擬。文章實際分析了演算法、實用的加速技巧和關鍵知識點。這篇文章對於想要學習區間DP的讀者來說非常有價值。
Thumbnail
Ae 小技巧:卡牌旋轉 動態後記系列會記錄一些我在製作中的記錄,可能是分解動畫、小技巧、發想、腳本......等等。 每篇都是小短篇,就是補充用的小筆記,沒有前後順序,可跳著閱讀。
Thumbnail
Ae 小技巧:卡牌旋轉 動態後記系列會記錄一些我在製作中的記錄,可能是分解動畫、小技巧、發想、腳本......等等。 每篇都是小短篇,就是補充用的小筆記,沒有前後順序,可跳著閱讀。
Thumbnail
W5 3/18 《曼哈頓》 雖然遊戲規則感覺很簡單,但很重策略(對我來說),要一直思考如何分佈建築才能得高分,還有目標針對誰之類的,但我覺得設計的不錯,很有趣。 《機密代碼》 這款遊戲學校有,我也玩過,但是老師有改一個規則分攤隊長的壓力,我覺得很不錯,是很有效的規則,我們玩了兩局,都是紅隊贏
Thumbnail
W5 3/18 《曼哈頓》 雖然遊戲規則感覺很簡單,但很重策略(對我來說),要一直思考如何分佈建築才能得高分,還有目標針對誰之類的,但我覺得設計的不錯,很有趣。 《機密代碼》 這款遊戲學校有,我也玩過,但是老師有改一個規則分攤隊長的壓力,我覺得很不錯,是很有效的規則,我們玩了兩局,都是紅隊贏
Thumbnail
今天是第一次打這麼大的場地,打起來真的很累,因為要一直跑來跑去,但同時也更刺激更好玩了! 規則有很大的差異,和之前玩的規則不一樣,但我比較喜歡這次的規則,因為這樣把別人的盤打到地板上的話就可以交換進攻的人,而且也更需要技巧,所以就不會無腦的丟。 也因為有一對一的規則,所以就很需要默契和阻擋的技巧
Thumbnail
今天是第一次打這麼大的場地,打起來真的很累,因為要一直跑來跑去,但同時也更刺激更好玩了! 規則有很大的差異,和之前玩的規則不一樣,但我比較喜歡這次的規則,因為這樣把別人的盤打到地板上的話就可以交換進攻的人,而且也更需要技巧,所以就不會無腦的丟。 也因為有一對一的規則,所以就很需要默契和阻擋的技巧
Thumbnail
交友軟體就像戰爭,最好準備才有機會贏
Thumbnail
交友軟體就像戰爭,最好準備才有機會贏
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News