【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這裡,雖然功能確實少很多,介面操作也沒那麼友善,但慢慢研究吧。


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


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









留言
avatar-img
留言分享你的想法!
avatar-img
貓日宅夜的漫遊隨筆
21會員
51內容數
從手作、手作YTR、個人品牌,到最近的遊戲開發 我在各種出人意料的路上,越走越遠 我也不知道自己最後會走到哪裡,能走到哪裡 總之,人生短暫,既然有興趣,那就不如都試試吧!
2024/11/02
使用簡單的元件搭配,不需要寫程式碼也能輕鬆完成遊戲功能製作。 適用範圍也相當廣泛,戀愛型、養成型遊戲,可以用來自訂角色名稱,增加代入感。 探索解謎類型的遊戲,可以用來輸入線索,判斷是否解謎成功,或者可獲得更多線索,增加解謎進度等。
Thumbnail
2024/11/02
使用簡單的元件搭配,不需要寫程式碼也能輕鬆完成遊戲功能製作。 適用範圍也相當廣泛,戀愛型、養成型遊戲,可以用來自訂角色名稱,增加代入感。 探索解謎類型的遊戲,可以用來輸入線索,判斷是否解謎成功,或者可獲得更多線索,增加解謎進度等。
Thumbnail
2024/10/26
元件系列 文本三劍客:Show Text顯示文本、Text文本、Remove Text移除文本 如何顯示玩家姓名、輸入對話內容,並且加入顯示變數,靈活度更高!
Thumbnail
2024/10/26
元件系列 文本三劍客:Show Text顯示文本、Text文本、Remove Text移除文本 如何顯示玩家姓名、輸入對話內容,並且加入顯示變數,靈活度更高!
Thumbnail
2024/10/19
元件:Process Variable 變數設定 非常重要的基礎元件之一,可以用在解鎖特殊劇情、好感度增減、金錢、積分等等。
Thumbnail
2024/10/19
元件:Process Variable 變數設定 非常重要的基礎元件之一,可以用在解鎖特殊劇情、好感度增減、金錢、積分等等。
Thumbnail
看更多
你可能也想看
Thumbnail
TOMICA第一波推出吉伊卡哇聯名小車車的時候馬上就被搶購一空,一直很扼腕當時沒有趕緊入手。前陣子閒來無事逛蝦皮,突然發現幾家商場都又開始重新上架,價格也都回到正常水準,估計是官方又再補了一批貨,想都沒想就立刻下單! 同文也跟大家分享近期蝦皮購物紀錄、好用推薦、蝦皮分潤計畫的聯盟行銷!
Thumbnail
TOMICA第一波推出吉伊卡哇聯名小車車的時候馬上就被搶購一空,一直很扼腕當時沒有趕緊入手。前陣子閒來無事逛蝦皮,突然發現幾家商場都又開始重新上架,價格也都回到正常水準,估計是官方又再補了一批貨,想都沒想就立刻下單! 同文也跟大家分享近期蝦皮購物紀錄、好用推薦、蝦皮分潤計畫的聯盟行銷!
Thumbnail
每年4月、5月都是最多稅要繳的月份,當然大部份的人都是有機會繳到「綜合所得稅」,只是相當相當多人還不知道,原來繳給政府的稅!可以透過一些有活動的銀行信用卡或電子支付來繳,從繳費中賺一點點小確幸!就是賺個1%~2%大家也是很開心的,因為你們把沒回饋變成有回饋,就是用卡的最高境界 所得稅線上申報
Thumbnail
每年4月、5月都是最多稅要繳的月份,當然大部份的人都是有機會繳到「綜合所得稅」,只是相當相當多人還不知道,原來繳給政府的稅!可以透過一些有活動的銀行信用卡或電子支付來繳,從繳費中賺一點點小確幸!就是賺個1%~2%大家也是很開心的,因為你們把沒回饋變成有回饋,就是用卡的最高境界 所得稅線上申報
Thumbnail
這篇內容,將會講解什麼是運算子,以及與運算子相關的知識。包括運算子的簡介、賦值運算子、算術運算子、遞增/遞減、比較運算子、邏輯運算子。
Thumbnail
這篇內容,將會講解什麼是運算子,以及與運算子相關的知識。包括運算子的簡介、賦值運算子、算術運算子、遞增/遞減、比較運算子、邏輯運算子。
Thumbnail
這篇內容,將會講解什麼是資料型態,以及與資料型態相關的知識。包括資料型態的簡介、實數、布林值、 字串、陣列。
Thumbnail
這篇內容,將會講解什麼是資料型態,以及與資料型態相關的知識。包括資料型態的簡介、實數、布林值、 字串、陣列。
Thumbnail
這篇內容,將會講解什麼是變數,以及與變數相關的知識。包括變數、資料型態、變數賦值、變數的命名規則、變數的作用區域、變數的可重複性、內建變數。
Thumbnail
這篇內容,將會講解什麼是變數,以及與變數相關的知識。包括變數、資料型態、變數賦值、變數的命名規則、變數的作用區域、變數的可重複性、內建變數。
Thumbnail
這篇內容,將透過實戰教學,來講解「滑鼠點方塊」的程式碼。包括如何測試遊戲、座標系統、自訂參數和內建參數、if else、and、遊戲的邏輯設計、程式碼解析。
Thumbnail
這篇內容,將透過實戰教學,來講解「滑鼠點方塊」的程式碼。包括如何測試遊戲、座標系統、自訂參數和內建參數、if else、and、遊戲的邏輯設計、程式碼解析。
Thumbnail
這篇內容,將透過實戰教學,介紹GameMaker中的Room。包括Room的簡介、調整寬高、圖層功能的概述、用Object來建立實體。
Thumbnail
這篇內容,將透過實戰教學,介紹GameMaker中的Room。包括Room的簡介、調整寬高、圖層功能的概述、用Object來建立實體。
Thumbnail
中學數學基礎練習—一元二次方程式
Thumbnail
中學數學基礎練習—一元二次方程式
Thumbnail
中學數學基礎練習—一元二次方程式
Thumbnail
中學數學基礎練習—一元二次方程式
Thumbnail
這篇內容,介紹了知識傳遞的三種型態,以及GameMaker教學的分類方式。閱讀本篇指南,能夠理解GameMaker教學的整體規劃和知識結構。
Thumbnail
這篇內容,介紹了知識傳遞的三種型態,以及GameMaker教學的分類方式。閱讀本篇指南,能夠理解GameMaker教學的整體規劃和知識結構。
Thumbnail
介紹pygame支援的向量運算,以及向量的減法、乘法、除法實際上是怎麼計算的。
Thumbnail
介紹pygame支援的向量運算,以及向量的減法、乘法、除法實際上是怎麼計算的。
Thumbnail
專案分享-計算機 邏輯思維:首先,要建立幾個變數與函式,方便我們作業。接下來針對每一個函式進行解釋。 讓大家可以自己動手做一個簡易的計算機
Thumbnail
專案分享-計算機 邏輯思維:首先,要建立幾個變數與函式,方便我們作業。接下來針對每一個函式進行解釋。 讓大家可以自己動手做一個簡易的計算機
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News