【TB】Tyrano Builder 元件介紹:Text三劍客,Show Text、Text、Remove Text

閱讀時間約 4 分鐘
raw-image

前言

詳細的影片版教學,一樣放在本篇文章最下面,有興趣的朋友可以參考看看。


▲元件位置

這次比較特別,因為這三個元件必須搭配使用,所以這次是三個元件一起介紹。

》Messages → Show Text 顯示文本、Remove Text 移除文本

raw-image


》Story → Text 文本

raw-image


▲執行範例

  • 設定內容:在姓名欄或對話框內,直接輸入要顯示的文字
  • 設定變數:在姓名欄或對話框內,設定要顯示的變數值
raw-image



前置作業

1.建立新檔案

raw-image


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

raw-image


3.新增變數

  • Project → Variables
raw-image


  • 輸入變數名稱 → Add
raw-image


  • 設定變數預設值,任意名稱皆可
raw-image


接下來,開始介紹Text三劍客,這三個基本上就是互相搭配使用。



元件介紹

Show Text顯示文本、Text文本、Remove Text移除文本

簡單來說,這三個元件之間的關係,就是以Text文本為主體核心,另外兩個元件Show Text顯示文本、Remove Text移除文本 就是開關,控制Text是否顯示於畫面上。

這次比較複雜的,大概就是顯示變數值的部分吧!


  • 放置元件

這三個元件的位置,如下圖所示,顯示文本是一定要放在文本前面,但如果持續有人說話,移除文本可以等到需要清空畫面時再放進去。

例如劇情圖或者選項等,這時候有個空白對話框在下面,就會讓人覺得很奇怪。

raw-image


  • 屬性面板

只有Text有屬性面板,但也非常單純,基本上使用預設值就行。

raw-image


Show Text顯示文本、Remove Text移除文本 無屬性設定,就單純只是個控制開關而已。

raw-image


  • Text 設定 x 直接輸入

姓名欄: #角色名稱

對話欄:直接輸入顯示內容

raw-image


執行結果

raw-image


  • Text設定 x 顯示變數 x 姓名欄
兩種格式都可以

一般變數 = #&[f.變數名稱]、#&f.變數名稱

系統變數 = #&[sf.變數名稱]、#&sf.變數名稱

raw-image


執行結果

raw-image


  • Text設定 x 顯示變數 x 對話欄
兩種格式都可以,如果第一種含&的不行,就把&拿掉

一般變數 = [emb exp='&f.變數名稱']、[emb exp='f.變數名稱']

系統變數 = [emb exp='&sf.變數名稱']、[emb exp='sf.變數名稱'],需要先進行變數設定


※注意※

這邊發現了一個有趣的Bug,如果變數值是數字,兩種格式都可以正常顯示

raw-image


如果我將變數值改為英文或者中文,含&的格式,就無法顯示

raw-image


這大概是在設定變數的時候,比較容易掉坑的地方,大家使用的時候,可能要稍微注意一下。



最後...

這次雖然一次介紹了三個元件,但是,除了要顯示變數時的格式,可能稍微複雜了一點以外,在使用上真的可以算是非常簡單的了,就連屬性面板也沒什麼需要設定的,直接使用預設值就可以。

順帶介紹一下顯示變數值的使用情境吧!

姓名欄的顯示變數,適用於玩家自訂角色名稱的情況。

對話欄的顯示變數,不但適用於玩家自訂角色名稱,也適用於其他情況,例如,查詢某些變數,像是金錢、積分等等。

甚至探索解謎,要讓玩家輸入關鍵字時,讓遊戲判斷是否解鎖成功時,也都會用到,當然,這部份就需要搭配另外一個功能了。


我們有機會再來分享,如何將玩家輸入的內容儲存於變數中吧!



影片版教學







從手作、手作YTR、個人品牌,到最近的遊戲開發 我在各種出人意料的路上,越走越遠 我也不知道自己最後會走到哪裡,能走到哪裡 總之,人生短暫,既然有興趣,那就不如都試試吧!
留言0
查看全部
avatar-img
發表第一個留言支持創作者!
元件:Process Variable 變數設定 非常重要的基礎元件之一,可以用在解鎖特殊劇情、好感度增減、金錢、積分等等。
製作視覺小說或敘事型遊戲最重要的基礎功能之一。 如何製作劇情分支選項,讓遊戲劇情可以依據玩家的選擇,出現不同的劇情變化。 一樣是零基礎、零程式碼就能輕鬆完成的簡單功能!
編輯器 Tyrano Builder 如何在遊戲中顯示變數的功能教學。 學習如何在遊戲畫面上有效顯示變數值,幫助提升遊戲的互動性與趣味性。適合零基礎,零程式碼的遊戲開發入門者。 想了解更完整的教學過程,請參考文末的影片連結。
Tyrano Builder 系列: 基礎又重要的功能,離開遊戲。 雖然沒有現成的元件可以直接拖曳使用,需要用腳本,但只要寫入一個標籤就可以了,基本上也算是簡單!
Tyrano Builder Next 功能:修改字體 修改流程一樣分為兩個步驟,非常簡單! 第一步,新增字體檔案 第二步,選擇使用字體
變更字體的設定,TB和TBN都有,但是設定方法不太一樣。 Tyrano Builder的修改流程分為以下兩個步驟 1.新增字體檔案 2.選擇使用字體
元件:Process Variable 變數設定 非常重要的基礎元件之一,可以用在解鎖特殊劇情、好感度增減、金錢、積分等等。
製作視覺小說或敘事型遊戲最重要的基礎功能之一。 如何製作劇情分支選項,讓遊戲劇情可以依據玩家的選擇,出現不同的劇情變化。 一樣是零基礎、零程式碼就能輕鬆完成的簡單功能!
編輯器 Tyrano Builder 如何在遊戲中顯示變數的功能教學。 學習如何在遊戲畫面上有效顯示變數值,幫助提升遊戲的互動性與趣味性。適合零基礎,零程式碼的遊戲開發入門者。 想了解更完整的教學過程,請參考文末的影片連結。
Tyrano Builder 系列: 基礎又重要的功能,離開遊戲。 雖然沒有現成的元件可以直接拖曳使用,需要用腳本,但只要寫入一個標籤就可以了,基本上也算是簡單!
Tyrano Builder Next 功能:修改字體 修改流程一樣分為兩個步驟,非常簡單! 第一步,新增字體檔案 第二步,選擇使用字體
變更字體的設定,TB和TBN都有,但是設定方法不太一樣。 Tyrano Builder的修改流程分為以下兩個步驟 1.新增字體檔案 2.選擇使用字體
你可能也想看
Google News 追蹤
Thumbnail
這個秋,Chill 嗨嗨!穿搭美美去賞楓,裝備款款去露營⋯⋯你的秋天怎麼過?秋日 To Do List 等你分享! 秋季全站徵文,我們準備了五個創作主題,參賽還有機會獲得「火烤兩用鍋」,一起來看看如何參加吧~
Thumbnail
11/20日NVDA即將公布最新一期的財報, 今天Sell Side的分析師, 開始調高目標價, 市場的股價也開始反應, 未來一週NVDA將重新回到美股市場的焦點, 今天我們要分析NVDA Sell Side怎麼看待這次NVDA的財報預測, 以及實際上Buy Side的倉位及操作, 從
Thumbnail
Hi 大家好,我是Ethan😊 相近大家都知道保濕是皮膚保養中最基本,也是最重要的一步。無論是在畫室裡長時間對著畫布,還是在旅途中面對各種氣候變化,保持皮膚的水分平衡對我來說至關重要。保濕化妝水不僅能迅速為皮膚補水,還能提升後續保養品的吸收效率。 曾經,我的保養程序簡單到只包括清潔和隨意上乳液
Thumbnail
這篇文章介紹了網站的整體架構以及開發時所使用的工具和套件,包括 Next.js、Tailwind CSS 和 socket.io 等。文章回顧了程式碼的重構與優化,幫助開發者提高工作效率,適合希望深入瞭解前端開發和網站架構的讀者。
Thumbnail
Tyrano Builder 系列: 基礎又重要的功能,離開遊戲。 雖然沒有現成的元件可以直接拖曳使用,需要用腳本,但只要寫入一個標籤就可以了,基本上也算是簡單!
Thumbnail
這篇內容,將簡單介紹Asset Browser、Workspace、Inspector、Code Browser,作為入門的介面導覽。
Thumbnail
Tyrano Builder Next 功能:修改字體 修改流程一樣分為兩個步驟,非常簡單! 第一步,新增字體檔案 第二步,選擇使用字體
Thumbnail
變更字體的設定,TB和TBN都有,但是設定方法不太一樣。 Tyrano Builder的修改流程分為以下兩個步驟 1.新增字體檔案 2.選擇使用字體
在學習大語言模型的技術細節時, 弄清楚「輸入文本 Input Text」與「符元化文本 Tokenized Text」之間的差異會很方便[1]。 舉個具體的例子: 輸入文本:Hello, 你好. Obsidian is great! 符元化文本:['Hello', ',',
Thumbnail
教你如何在遊戲或劇情中建立和使用隨機名字,透過隨機產生不同的名字,讓角色更加多樣化,提升遊戲劇情的豐富度。
Thumbnail
因為最近想嘗試編碼風格,於是就選了一套比較"不嚴格"的輔助工具來摸索。 編輯器 VS CODE 框架 VUE3 打包工具 VITE 編碼風格 Standard 環境 version { "nodejs":"v18.18.0", "npm":"9.8.1" }
Thumbnail
這個秋,Chill 嗨嗨!穿搭美美去賞楓,裝備款款去露營⋯⋯你的秋天怎麼過?秋日 To Do List 等你分享! 秋季全站徵文,我們準備了五個創作主題,參賽還有機會獲得「火烤兩用鍋」,一起來看看如何參加吧~
Thumbnail
11/20日NVDA即將公布最新一期的財報, 今天Sell Side的分析師, 開始調高目標價, 市場的股價也開始反應, 未來一週NVDA將重新回到美股市場的焦點, 今天我們要分析NVDA Sell Side怎麼看待這次NVDA的財報預測, 以及實際上Buy Side的倉位及操作, 從
Thumbnail
Hi 大家好,我是Ethan😊 相近大家都知道保濕是皮膚保養中最基本,也是最重要的一步。無論是在畫室裡長時間對著畫布,還是在旅途中面對各種氣候變化,保持皮膚的水分平衡對我來說至關重要。保濕化妝水不僅能迅速為皮膚補水,還能提升後續保養品的吸收效率。 曾經,我的保養程序簡單到只包括清潔和隨意上乳液
Thumbnail
這篇文章介紹了網站的整體架構以及開發時所使用的工具和套件,包括 Next.js、Tailwind CSS 和 socket.io 等。文章回顧了程式碼的重構與優化,幫助開發者提高工作效率,適合希望深入瞭解前端開發和網站架構的讀者。
Thumbnail
Tyrano Builder 系列: 基礎又重要的功能,離開遊戲。 雖然沒有現成的元件可以直接拖曳使用,需要用腳本,但只要寫入一個標籤就可以了,基本上也算是簡單!
Thumbnail
這篇內容,將簡單介紹Asset Browser、Workspace、Inspector、Code Browser,作為入門的介面導覽。
Thumbnail
Tyrano Builder Next 功能:修改字體 修改流程一樣分為兩個步驟,非常簡單! 第一步,新增字體檔案 第二步,選擇使用字體
Thumbnail
變更字體的設定,TB和TBN都有,但是設定方法不太一樣。 Tyrano Builder的修改流程分為以下兩個步驟 1.新增字體檔案 2.選擇使用字體
在學習大語言模型的技術細節時, 弄清楚「輸入文本 Input Text」與「符元化文本 Tokenized Text」之間的差異會很方便[1]。 舉個具體的例子: 輸入文本:Hello, 你好. Obsidian is great! 符元化文本:['Hello', ',',
Thumbnail
教你如何在遊戲或劇情中建立和使用隨機名字,透過隨機產生不同的名字,讓角色更加多樣化,提升遊戲劇情的豐富度。
Thumbnail
因為最近想嘗試編碼風格,於是就選了一套比較"不嚴格"的輔助工具來摸索。 編輯器 VS CODE 框架 VUE3 打包工具 VITE 編碼風格 Standard 環境 version { "nodejs":"v18.18.0", "npm":"9.8.1" }