GameMaker|Room|滑鼠點方塊|幼幼班07

更新 發佈閱讀 4 分鐘

這篇內容,將會以實戰教學的方式,讓各位認識GameMaker中的Room。

本篇教學所使用的系統是Windows 10,如果有按鍵相關的說明,會用Windows的系統來解釋。如果你用的是Mac系統,再麻煩自行換成相對應的按鍵。

raw-image


前置知識


在學習本篇內容之前,最好具備以下的前置知識,以免看不懂這篇教學的內容。


實戰範例:滑鼠點方塊


從幼幼班05開始,我會一邊講解GameMaker的基礎功能,一邊加入實戰的操作,讓各位能完成這個,看起來蠻無聊的「滑鼠點方塊」遊戲。

實戰範例:滑鼠點方塊

實戰範例:滑鼠點方塊


Room的簡介


Room的中文翻譯是房間,他的用途,是讓我們能以圖像介面的方式,來設計我們所需要的場景,或是遊戲關卡。

GameMaker在執行遊戲時,一定得使用其中一個Room,來當作遊戲的畫面。在沒有任何Room的狀況下,遊戲是無法啟動的。

因此,當開啟新的專案時,專案內部會自動產生一個Room,並將他設定成開始房間(start room)。

如果我們想要設計不同的關卡,只需要製作不同的Room,並使用適當的程式碼,來切換我們要使用的Room,就能做到換關卡的功能。


找到預設的Room & 重新命名


由於預設的專案裡,已經幫我們建立好一個Room了,所以我們只要找到他,接著幫他重新命名就好。

這個預設的Room,會放在「Rooms」的Group裡面,麻煩將他重新命名成「rm_main」。

將名字改成rm_main

將名字改成rm_main


調整寬高


Room的預設尺寸,是1366*768的大小,而我們的實戰範例,需要的是240*160。

Width(寬度)和Height(高度)的參數,會出現在Inspector裡面,找到後將尺寸改成240*160。

改完之後,會發現在Workspace中的Room預覽圖,變得超級小。

此時可以先用滑鼠,點擊一下Workspace的任何一處,接著按下鍵盤的「Ctrl」+「F」,就能把預覽圖,縮放到適合的大小。


圖層功能的概述


在我們點開Room之後,Inspector的最上層(整體畫面的左上角),會出現一個Layers的功能,這是一個用來編輯Room的介面。

在預設的情況下,應該會看到一個「Background」和一個「Instances」。


Background的圖層(Layer),通常是讓我們放最底層的背景。預設是沒有放任何的圖像(這裡的圖像是指Sprite),並且使用黑色的背景。

Instances的圖層,則是能讓我們使用Object,來建立遊戲畫面中的實體。


這邊還是要強調,在GameMaker中,物件(Object)和實體(Instance)是不一樣的東西。之後會撰寫相關的教學,來解釋兩者之間的差異。

這邊各位只要記得,我們可以使用Object,來建立我們想要使用的物體即可。

備註:還有其他不同種類的圖層,但幼幼班的教學用不到,因此只會簡單的介紹到這裡。


用Object來建立實體


接下來,我們要在rm_main中,建立實戰範例中的方塊。首先,我們要點擊Instances的圖層,這樣才能讓GameMaker知道,我們要編輯這個圖層。

接著,在Asset Browser當中,找到obj_block,然後用滑鼠,拖曳到rm_main的預覽圖中即可。

另一種做法,一樣是先找到obj_block,接著先用滑鼠點擊一下,讓物件呈現選取狀態,然後在預覽圖中,按著鍵盤的「Alt」,並且點擊滑鼠左鍵,就能夠快速的貼上。

第二種做法,比較適合應用在「要產生多個重複的物件」上面,例如:牆壁、地板、敵人。

建立實體的第一種做法

建立實體的第一種做法


建立實體的第二種做法

建立實體的第二種做法


如果想要改變方塊的位置,可以直接用滑鼠,來拖曳預覽圖中的方塊。

或著,先點擊預覽圖中的方塊,接著在左側的Inspector中,改變「Position」中的XY參數,也能達到改變位置的效果。

這次的實戰範例,並沒有規定方塊的座標位置,只需要讓方塊,能出現在rm_main的畫面中即可。

Position的位置

Position的位置


另外,各位要注意一下,要確定自己選到的是「Object」,而不是Sprite,這是初學者們很常犯的錯誤。

在正常的情況下,在Instances的圖層中,加入Object,是不會顯示任何文字視窗的。如果跳出其他視窗,那就有可能是你,選到其他類型的資產了。

在Instances的圖層中,使用Sprite,會產生警告視窗

在Instances的圖層中,使用Sprite,會產生警告視窗




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


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

留言
avatar-img
開心做遊戲 Happy Making Game
11會員
68內容數
免費、開心、簡單,這是我做教學的理念,我希望透過我的行動,讓人們找回自我學習的快樂,讓那些資源稀少的自學者們,也能朝著自己的夢想來前進。讓我們一起開心的做出遊戲吧!
2024/07/24
這篇內容,將透過實戰教學,來講解「滑鼠點方塊」的程式碼。包括如何測試遊戲、座標系統、自訂參數和內建參數、if else、and、遊戲的邏輯設計、程式碼解析。
Thumbnail
2024/07/24
這篇內容,將透過實戰教學,來講解「滑鼠點方塊」的程式碼。包括如何測試遊戲、座標系統、自訂參數和內建參數、if else、and、遊戲的邏輯設計、程式碼解析。
Thumbnail
2024/07/23
這篇內容,將透過實戰教學,介紹GameMaker中的Event。包括Event的簡介、Create的講解、Step的講解、Events的基本操作。
Thumbnail
2024/07/23
這篇內容,將透過實戰教學,介紹GameMaker中的Event。包括Event的簡介、Create的講解、Step的講解、Events的基本操作。
Thumbnail
2024/07/22
這篇內容,將透過實戰教學,介紹GameMaker中的Camera。包括Camera的簡介、設定Camera的方法、Viewport的介紹。
Thumbnail
2024/07/22
這篇內容,將透過實戰教學,介紹GameMaker中的Camera。包括Camera的簡介、設定Camera的方法、Viewport的介紹。
Thumbnail
看更多
你可能也想看
Thumbnail
在 vocus 與你一起探索內容、發掘靈感的路上,我們又將啟動新的冒險——vocus App 正式推出! 現在起,你可以在 iOS App Store 下載全新上架的 vocus App。 無論是在通勤路上、日常空檔,或一天結束後的放鬆時刻,都能自在沈浸在內容宇宙中。
Thumbnail
在 vocus 與你一起探索內容、發掘靈感的路上,我們又將啟動新的冒險——vocus App 正式推出! 現在起,你可以在 iOS App Store 下載全新上架的 vocus App。 無論是在通勤路上、日常空檔,或一天結束後的放鬆時刻,都能自在沈浸在內容宇宙中。
Thumbnail
vocus 慶祝推出 App,舉辦 2026 全站慶。推出精選內容與數位商品折扣,訂單免費與紅包抽獎、新註冊會員專屬活動、Boba Boost 贊助抽紅包,以及全站徵文,並邀請你一起來回顧過去的一年, vocus 與創作者共同留下了哪些精彩創作。
Thumbnail
vocus 慶祝推出 App,舉辦 2026 全站慶。推出精選內容與數位商品折扣,訂單免費與紅包抽獎、新註冊會員專屬活動、Boba Boost 贊助抽紅包,以及全站徵文,並邀請你一起來回顧過去的一年, vocus 與創作者共同留下了哪些精彩創作。
Thumbnail
人生第一次的《密室逃脫》竟然是孩子們要玩的擼貓解謎遊戲《喵境夢遊》,好像有點弱弱的欸⋯⋯不過也感謝孩子們的安排,沒有她們就我一個人也玩不了什麼密室逃脫不是嗎? 剛到一樓櫃檯時,從大樓外觀看就知道遊玩空間一定是小小的,畢竟是《西門町》寸土寸金,做生意不容易啊!我們的包廂在五樓(沒有電梯喔)。
Thumbnail
人生第一次的《密室逃脫》竟然是孩子們要玩的擼貓解謎遊戲《喵境夢遊》,好像有點弱弱的欸⋯⋯不過也感謝孩子們的安排,沒有她們就我一個人也玩不了什麼密室逃脫不是嗎? 剛到一樓櫃檯時,從大樓外觀看就知道遊玩空間一定是小小的,畢竟是《西門町》寸土寸金,做生意不容易啊!我們的包廂在五樓(沒有電梯喔)。
Thumbnail
這篇內容,簡單介紹了GameMaker的遊戲製作原理。包括Object、參數、程式碼等概念。同時也簡單介紹了GameMaker的適用範圍和特色。
Thumbnail
這篇內容,簡單介紹了GameMaker的遊戲製作原理。包括Object、參數、程式碼等概念。同時也簡單介紹了GameMaker的適用範圍和特色。
Thumbnail
一、了解思維 二、大量體驗 三、拆解架構 四、找出樂趣
Thumbnail
一、了解思維 二、大量體驗 三、拆解架構 四、找出樂趣
Thumbnail
前一篇我們介紹了遊戲模板的基本架構,在這篇文章中會記錄目前的開發進度,主要先把遊戲核心邏輯寫完,再慢慢完成其他功能,在這系列的文章中,我不會太聚焦於寫程式的部分,如果想看程式內容的話,可以到我的 github 上看喔,讓我們開始吧!
Thumbnail
前一篇我們介紹了遊戲模板的基本架構,在這篇文章中會記錄目前的開發進度,主要先把遊戲核心邏輯寫完,再慢慢完成其他功能,在這系列的文章中,我不會太聚焦於寫程式的部分,如果想看程式內容的話,可以到我的 github 上看喔,讓我們開始吧!
Thumbnail
快速反應事件(Quick Time Events,簡稱 QTE)是電子遊戲中的一種遊戲機制,玩家必須在特定的時間框架內按下控制器或鍵盤上的按鈕,以便繼續遊戲或避免失敗。它們通常用於動作或冒險遊戲中,以增加場景的緊張感或興奮感。 本次開發,思考著2D橫向遊戲,解謎動作類,要如何更有趣,因此想到了QTE
Thumbnail
快速反應事件(Quick Time Events,簡稱 QTE)是電子遊戲中的一種遊戲機制,玩家必須在特定的時間框架內按下控制器或鍵盤上的按鈕,以便繼續遊戲或避免失敗。它們通常用於動作或冒險遊戲中,以增加場景的緊張感或興奮感。 本次開發,思考著2D橫向遊戲,解謎動作類,要如何更有趣,因此想到了QTE
Thumbnail
而此次要介紹《Save Room》,遊戲的開發者很顯然受到《惡靈古堡4》的啟發(或是受到無盡的折磨),才做出了這款沒有任何故事、沒有任何華麗冒險、沒有任何戰鬥,只有物品欄管理機制的遊戲!
Thumbnail
而此次要介紹《Save Room》,遊戲的開發者很顯然受到《惡靈古堡4》的啟發(或是受到無盡的折磨),才做出了這款沒有任何故事、沒有任何華麗冒險、沒有任何戰鬥,只有物品欄管理機制的遊戲!
Thumbnail
有些風景需要親自經歷後才能了解箇中滋味,這初衷,也可能讓您在20幾年後的今天,被現實打擊到身心疲憊時為了鼓舞自己大聲吶喊莫忘初衷後可以立即回憶起的經歷。 以上故事純屬虛構,如有雷同實屬巧合,以下開始本次教學。 依照慣例我們一樣先來看看完成後的的遊玩影片: A、提案企劃 一句話形容這個遊戲 遊戲類型
Thumbnail
有些風景需要親自經歷後才能了解箇中滋味,這初衷,也可能讓您在20幾年後的今天,被現實打擊到身心疲憊時為了鼓舞自己大聲吶喊莫忘初衷後可以立即回憶起的經歷。 以上故事純屬虛構,如有雷同實屬巧合,以下開始本次教學。 依照慣例我們一樣先來看看完成後的的遊玩影片: A、提案企劃 一句話形容這個遊戲 遊戲類型
Thumbnail
Blockade(封鎖線)是一款在1976年街機上發行的對戰遊戲,其簡單易懂的玩法,在當時可讓不少人為之瘋狂,這也是我們本次教學的主角,借由重製這款經典遊戲來學習如何使用Family BASIC開發遊戲,讓經典再現。
Thumbnail
Blockade(封鎖線)是一款在1976年街機上發行的對戰遊戲,其簡單易懂的玩法,在當時可讓不少人為之瘋狂,這也是我們本次教學的主角,借由重製這款經典遊戲來學習如何使用Family BASIC開發遊戲,讓經典再現。
Thumbnail
這一篇要介紹的是,從啟動遊戲,到Tutorial新手村的攻略。
Thumbnail
這一篇要介紹的是,從啟動遊戲,到Tutorial新手村的攻略。
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News