【TB】Tyrano Builder 功能介紹:在遊戲畫面上顯示變數值 x 元件版

閱讀時間約 3 分鐘
raw-image

前言

這個功能教學有文字版和影片版,文字版會比較簡潔,如果想要瞭解完整的介紹,可以參考文章底部的影片連結。

對遊戲來說,能不能在畫面上顯示變數值是個滿重要的功能。

決定你的遊戲是只能往純敘事型的方向走,還是可以加入一些需要計算的元素,例如金錢或者積分等等。

這個功能,只要你能理解,就完全不會覺得困難,之所以會覺得難,是因為你完全沒有頭緒,不知道該從哪裡下手才好。



前置作業

在開始之前,需要先進行一些基礎準備,為了避免大家被一些不必要的元件混淆,所以我們會重新建一個新的場景檔案,裡面只保留必須元件,方便大家照抄練習。

1.建立場景檔案

raw-image


2.加入分頁、背景圖、停止元件

raw-image


3.加入背景圖

這邊建議如果懶得修改文字顏色,建議直接選一張深色圖,方便檢查變數值,因為預設的文字顏色是白色的。
raw-image


選擇完成

raw-image


4.加入圖片

因為底圖不是淺色,同時也是順帶想和大家分享,如果你想在畫面上固定顯示這類數值該怎麼做背景。
raw-image


和背景圖一樣的做法,選擇一個方框圖案。

raw-image


調整圖片位置,這個可以直接拖曳圖片來調整位置。

raw-image


調好位置之後,記得按確定。

raw-image


前置作業到這裡完成。



新增變數

暴龍內的變數分為一般變數和系統變數,因為變數型態不同,所以操作方式也略有差異。

1.新增變數

  • Project → Variables
raw-image


2.新增一般變數

  • 輸入變數名稱 → Add
  • 變數名稱可自由決定
raw-image


新增完成

raw-image


設定預設值,自由決定即可

raw-image


3.新增系統變數

操作方法和一般變數差不多,唯一的差別在於,可以不用設定預設值,需要打勾。
raw-image


兩個變數都新增完成,接下來進入設定。



顯示變數設定

1.新增文字元件

raw-image


2.輸入任意文字

raw-image


3.調整位置

記得將文字移動到前面的方框背景位置上。
raw-image


如果你不確定位置,按這裡可以直接執行這個場景。

raw-image


看起來還行,就這樣吧。

raw-image


4.設定一般變數

格式:&f.變數名稱,替換成剛才新增的變數 = &f.showValue
raw-image


執行結果,正常顯示,沒有問題。

raw-image


5.設定系統變數

系統變數需要先進行操作,不管你是加減乘除,還是直接設定一個值都可以。

所以系統變數就算沒有設定預設值也無所謂,因為只要使用都必須操作一次。

raw-image


接下來將格式改為系統變數的

格式:&sf.變數名稱,替換成剛才新增的系統變數 = &sf.showSysValue
raw-image


執行結果,正確無誤。

raw-image


更新變數

因為這個文字元件屬於靜態元件,只是為了讓文字顯示在畫面上,雖然可以顯示變數內容,但其實並沒有動態更新變數的功能。

所以,你只能自己手動更新。

操作流程是這樣的。

  • 操作變數 for 系統變數,一般變數不需要
  • 新增文字元件,設定變數名稱
  • 移除文字元件
  • 操作變數,依據遊戲需求將變數進行計算
  • 新增文字元件,顯示更新後的變數值,其實直接把上面第二個複製貼上就行
raw-image


測試結果正常,從30變成35。

raw-image



結尾

很久沒更新啦,因為都在忙著製作自己的遊戲,還有研究編輯器的功能。

不知不覺都已經快要10月啦!

原本是希望年底之前可以完成遊戲Demo版本,現在還真是不知道到底能不能完成呢!


現在決定轉用TB,TBN大概就是有空再看一下,Bug實在多到讓人覺得很絕望的程度,但是也可以理解,畢竟開發者只有自己一個人,難免有疏漏的地方。

只是對於我這種菜鳥開發者來說,爆擊傷害有點太過強大,我還是回來比較穩定的TB這裡,雖然功能確實少很多,介面操作也沒那麼友善,但慢慢研究吧。


後續還有個插件聊天功能,我再看看什麼時候整理出來和大家分享吧!


這個功能的影片版在這裡。









從手作、手作YTR、個人品牌,到最近的遊戲開發 我在各種出人意料的路上,越走越遠 我也不知道自己最後會走到哪裡,能走到哪裡 總之,人生短暫,既然有興趣,那就不如都試試吧!
留言0
查看全部
avatar-img
發表第一個留言支持創作者!
Tyrano Builder 系列: 基礎又重要的功能,離開遊戲。 雖然沒有現成的元件可以直接拖曳使用,需要用腳本,但只要寫入一個標籤就可以了,基本上也算是簡單!
Tyrano Builder Next 功能:修改字體 修改流程一樣分為兩個步驟,非常簡單! 第一步,新增字體檔案 第二步,選擇使用字體
變更字體的設定,TB和TBN都有,但是設定方法不太一樣。 Tyrano Builder的修改流程分為以下兩個步驟 1.新增字體檔案 2.選擇使用字體
Steam上的遊戲製作工具那麼多,到底哪個比較好用呢? 我只能說,每個人的能力和想製作的遊戲類型都不同,適合的工具當然也不會一樣,只能你自己去選擇最適合的。 雖然沒有辦法推薦最適合你的,但可以告訴你避開地雷工具的訣竅!
Tyrano Builder 系列: 基礎又重要的功能,離開遊戲。 雖然沒有現成的元件可以直接拖曳使用,需要用腳本,但只要寫入一個標籤就可以了,基本上也算是簡單!
Tyrano Builder Next 功能:修改字體 修改流程一樣分為兩個步驟,非常簡單! 第一步,新增字體檔案 第二步,選擇使用字體
變更字體的設定,TB和TBN都有,但是設定方法不太一樣。 Tyrano Builder的修改流程分為以下兩個步驟 1.新增字體檔案 2.選擇使用字體
Steam上的遊戲製作工具那麼多,到底哪個比較好用呢? 我只能說,每個人的能力和想製作的遊戲類型都不同,適合的工具當然也不會一樣,只能你自己去選擇最適合的。 雖然沒有辦法推薦最適合你的,但可以告訴你避開地雷工具的訣竅!
你可能也想看
Google News 追蹤
Thumbnail
這個秋,Chill 嗨嗨!穿搭美美去賞楓,裝備款款去露營⋯⋯你的秋天怎麼過?秋日 To Do List 等你分享! 秋季全站徵文,我們準備了五個創作主題,參賽還有機會獲得「火烤兩用鍋」,一起來看看如何參加吧~
Thumbnail
11/20日NVDA即將公布最新一期的財報, 今天Sell Side的分析師, 開始調高目標價, 市場的股價也開始反應, 未來一週NVDA將重新回到美股市場的焦點, 今天我們要分析NVDA Sell Side怎麼看待這次NVDA的財報預測, 以及實際上Buy Side的倉位及操作, 從
Thumbnail
Hi 大家好,我是Ethan😊 相近大家都知道保濕是皮膚保養中最基本,也是最重要的一步。無論是在畫室裡長時間對著畫布,還是在旅途中面對各種氣候變化,保持皮膚的水分平衡對我來說至關重要。保濕化妝水不僅能迅速為皮膚補水,還能提升後續保養品的吸收效率。 曾經,我的保養程序簡單到只包括清潔和隨意上乳液
Thumbnail
這篇內容,將會講解什麼是運算子,以及與運算子相關的知識。包括運算子的簡介、賦值運算子、算術運算子、遞增/遞減、比較運算子、邏輯運算子。
Thumbnail
這篇內容,將會講解什麼是資料型態,以及與資料型態相關的知識。包括資料型態的簡介、實數、布林值、 字串、陣列。
Thumbnail
這篇內容,將會講解什麼是變數,以及與變數相關的知識。包括變數、資料型態、變數賦值、變數的命名規則、變數的作用區域、變數的可重複性、內建變數。
Thumbnail
這篇內容,將透過實戰教學,來講解「滑鼠點方塊」的程式碼。包括如何測試遊戲、座標系統、自訂參數和內建參數、if else、and、遊戲的邏輯設計、程式碼解析。
Thumbnail
這篇內容,將透過實戰教學,介紹GameMaker中的Room。包括Room的簡介、調整寬高、圖層功能的概述、用Object來建立實體。
Thumbnail
這篇內容,介紹了知識傳遞的三種型態,以及GameMaker教學的分類方式。閱讀本篇指南,能夠理解GameMaker教學的整體規劃和知識結構。
Thumbnail
介紹pygame支援的向量運算,以及向量的減法、乘法、除法實際上是怎麼計算的。
Thumbnail
這個秋,Chill 嗨嗨!穿搭美美去賞楓,裝備款款去露營⋯⋯你的秋天怎麼過?秋日 To Do List 等你分享! 秋季全站徵文,我們準備了五個創作主題,參賽還有機會獲得「火烤兩用鍋」,一起來看看如何參加吧~
Thumbnail
11/20日NVDA即將公布最新一期的財報, 今天Sell Side的分析師, 開始調高目標價, 市場的股價也開始反應, 未來一週NVDA將重新回到美股市場的焦點, 今天我們要分析NVDA Sell Side怎麼看待這次NVDA的財報預測, 以及實際上Buy Side的倉位及操作, 從
Thumbnail
Hi 大家好,我是Ethan😊 相近大家都知道保濕是皮膚保養中最基本,也是最重要的一步。無論是在畫室裡長時間對著畫布,還是在旅途中面對各種氣候變化,保持皮膚的水分平衡對我來說至關重要。保濕化妝水不僅能迅速為皮膚補水,還能提升後續保養品的吸收效率。 曾經,我的保養程序簡單到只包括清潔和隨意上乳液
Thumbnail
這篇內容,將會講解什麼是運算子,以及與運算子相關的知識。包括運算子的簡介、賦值運算子、算術運算子、遞增/遞減、比較運算子、邏輯運算子。
Thumbnail
這篇內容,將會講解什麼是資料型態,以及與資料型態相關的知識。包括資料型態的簡介、實數、布林值、 字串、陣列。
Thumbnail
這篇內容,將會講解什麼是變數,以及與變數相關的知識。包括變數、資料型態、變數賦值、變數的命名規則、變數的作用區域、變數的可重複性、內建變數。
Thumbnail
這篇內容,將透過實戰教學,來講解「滑鼠點方塊」的程式碼。包括如何測試遊戲、座標系統、自訂參數和內建參數、if else、and、遊戲的邏輯設計、程式碼解析。
Thumbnail
這篇內容,將透過實戰教學,介紹GameMaker中的Room。包括Room的簡介、調整寬高、圖層功能的概述、用Object來建立實體。
Thumbnail
這篇內容,介紹了知識傳遞的三種型態,以及GameMaker教學的分類方式。閱讀本篇指南,能夠理解GameMaker教學的整體規劃和知識結構。
Thumbnail
介紹pygame支援的向量運算,以及向量的減法、乘法、除法實際上是怎麼計算的。