【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


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



最後...

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

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

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

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

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


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



影片版教學







留言
avatar-img
留言分享你的想法!
avatar-img
貓日宅夜的漫遊隨筆
21會員
51內容數
從手作、手作YTR、個人品牌,到最近的遊戲開發 我在各種出人意料的路上,越走越遠 我也不知道自己最後會走到哪裡,能走到哪裡 總之,人生短暫,既然有興趣,那就不如都試試吧!
2024/11/02
使用簡單的元件搭配,不需要寫程式碼也能輕鬆完成遊戲功能製作。 適用範圍也相當廣泛,戀愛型、養成型遊戲,可以用來自訂角色名稱,增加代入感。 探索解謎類型的遊戲,可以用來輸入線索,判斷是否解謎成功,或者可獲得更多線索,增加解謎進度等。
Thumbnail
2024/11/02
使用簡單的元件搭配,不需要寫程式碼也能輕鬆完成遊戲功能製作。 適用範圍也相當廣泛,戀愛型、養成型遊戲,可以用來自訂角色名稱,增加代入感。 探索解謎類型的遊戲,可以用來輸入線索,判斷是否解謎成功,或者可獲得更多線索,增加解謎進度等。
Thumbnail
2024/10/19
元件:Process Variable 變數設定 非常重要的基礎元件之一,可以用在解鎖特殊劇情、好感度增減、金錢、積分等等。
Thumbnail
2024/10/19
元件:Process Variable 變數設定 非常重要的基礎元件之一,可以用在解鎖特殊劇情、好感度增減、金錢、積分等等。
Thumbnail
2024/10/12
製作視覺小說或敘事型遊戲最重要的基礎功能之一。 如何製作劇情分支選項,讓遊戲劇情可以依據玩家的選擇,出現不同的劇情變化。 一樣是零基礎、零程式碼就能輕鬆完成的簡單功能!
Thumbnail
2024/10/12
製作視覺小說或敘事型遊戲最重要的基礎功能之一。 如何製作劇情分支選項,讓遊戲劇情可以依據玩家的選擇,出現不同的劇情變化。 一樣是零基礎、零程式碼就能輕鬆完成的簡單功能!
Thumbnail
看更多
你可能也想看
Thumbnail
孩子寫功課時瞇眼?小心近視!這款喜光全光譜TIONE⁺光健康智慧檯燈,獲眼科院長推薦,網路好評不斷!全光譜LED、180cm大照明範圍、5段亮度及色溫調整、350度萬向旋轉,讓孩子學習更舒適、保護眼睛!
Thumbnail
孩子寫功課時瞇眼?小心近視!這款喜光全光譜TIONE⁺光健康智慧檯燈,獲眼科院長推薦,網路好評不斷!全光譜LED、180cm大照明範圍、5段亮度及色溫調整、350度萬向旋轉,讓孩子學習更舒適、保護眼睛!
Thumbnail
創作者營運專員/經理(Operations Specialist/Manager)將負責對平台成長及收入至關重要的 Partnership 夥伴創作者開發及營運。你將發揮對知識與內容變現、影響力變現的精準判斷力,找到你心中的潛力新星或有聲量的中大型創作者加入 vocus。
Thumbnail
創作者營運專員/經理(Operations Specialist/Manager)將負責對平台成長及收入至關重要的 Partnership 夥伴創作者開發及營運。你將發揮對知識與內容變現、影響力變現的精準判斷力,找到你心中的潛力新星或有聲量的中大型創作者加入 vocus。
Thumbnail
在本文中,我們將介紹 TextField 文字輸入框元件及其基本用法。TextField 是一個關鍵的元件,使用者可以輕鬆地輸入文字,廣泛應用於各類應用程式中,如表單、搜尋框和聊天介面等。
Thumbnail
在本文中,我們將介紹 TextField 文字輸入框元件及其基本用法。TextField 是一個關鍵的元件,使用者可以輕鬆地輸入文字,廣泛應用於各類應用程式中,如表單、搜尋框和聊天介面等。
Thumbnail
在這篇文章中,我們深入探討 Flutter 中的 Text 元件,這是一個用於顯示文字的基本組件。無論是純文字顯示、字體樣式的設定,還是多行顯示,Text 元件都能輕鬆應對。
Thumbnail
在這篇文章中,我們深入探討 Flutter 中的 Text 元件,這是一個用於顯示文字的基本組件。無論是純文字顯示、字體樣式的設定,還是多行顯示,Text 元件都能輕鬆應對。
Thumbnail
使用簡單的元件搭配,不需要寫程式碼也能輕鬆完成遊戲功能製作。 適用範圍也相當廣泛,戀愛型、養成型遊戲,可以用來自訂角色名稱,增加代入感。 探索解謎類型的遊戲,可以用來輸入線索,判斷是否解謎成功,或者可獲得更多線索,增加解謎進度等。
Thumbnail
使用簡單的元件搭配,不需要寫程式碼也能輕鬆完成遊戲功能製作。 適用範圍也相當廣泛,戀愛型、養成型遊戲,可以用來自訂角色名稱,增加代入感。 探索解謎類型的遊戲,可以用來輸入線索,判斷是否解謎成功,或者可獲得更多線索,增加解謎進度等。
Thumbnail
元件系列 文本三劍客:Show Text顯示文本、Text文本、Remove Text移除文本 如何顯示玩家姓名、輸入對話內容,並且加入顯示變數,靈活度更高!
Thumbnail
元件系列 文本三劍客:Show Text顯示文本、Text文本、Remove Text移除文本 如何顯示玩家姓名、輸入對話內容,並且加入顯示變數,靈活度更高!
Thumbnail
元件:Process Variable 變數設定 非常重要的基礎元件之一,可以用在解鎖特殊劇情、好感度增減、金錢、積分等等。
Thumbnail
元件:Process Variable 變數設定 非常重要的基礎元件之一,可以用在解鎖特殊劇情、好感度增減、金錢、積分等等。
Thumbnail
製作視覺小說或敘事型遊戲最重要的基礎功能之一。 如何製作劇情分支選項,讓遊戲劇情可以依據玩家的選擇,出現不同的劇情變化。 一樣是零基礎、零程式碼就能輕鬆完成的簡單功能!
Thumbnail
製作視覺小說或敘事型遊戲最重要的基礎功能之一。 如何製作劇情分支選項,讓遊戲劇情可以依據玩家的選擇,出現不同的劇情變化。 一樣是零基礎、零程式碼就能輕鬆完成的簡單功能!
Thumbnail
編輯器 Tyrano Builder 如何在遊戲中顯示變數的功能教學。 學習如何在遊戲畫面上有效顯示變數值,幫助提升遊戲的互動性與趣味性。適合零基礎,零程式碼的遊戲開發入門者。 想了解更完整的教學過程,請參考文末的影片連結。
Thumbnail
編輯器 Tyrano Builder 如何在遊戲中顯示變數的功能教學。 學習如何在遊戲畫面上有效顯示變數值,幫助提升遊戲的互動性與趣味性。適合零基礎,零程式碼的遊戲開發入門者。 想了解更完整的教學過程,請參考文末的影片連結。
Thumbnail
這篇文章是我在去年 (2021) 7月的時候寫的目前 TyranoBuilder 經過更新有改善很多問題 也加了一些新的東西/功能歡迎參考第二篇窩 原文來自我的 Blog - Space Of NingNing 我認為TyranoBuilder的優點和缺點, 簡單的小介紹還有推薦, 使用後的感想
Thumbnail
這篇文章是我在去年 (2021) 7月的時候寫的目前 TyranoBuilder 經過更新有改善很多問題 也加了一些新的東西/功能歡迎參考第二篇窩 原文來自我的 Blog - Space Of NingNing 我認為TyranoBuilder的優點和缺點, 簡單的小介紹還有推薦, 使用後的感想
Thumbnail
之前在基礎入門只講解了一些常用指令,那這裡將會講解一些比較不常使用到的指令。
Thumbnail
之前在基礎入門只講解了一些常用指令,那這裡將會講解一些比較不常使用到的指令。
Thumbnail
這篇我們會說明關於資料庫的各種設定,由於有些翻譯或是名字光看並不是很懂他的意思跟效果,所以這裡會在做各種整理跟詳細的說明。
Thumbnail
這篇我們會說明關於資料庫的各種設定,由於有些翻譯或是名字光看並不是很懂他的意思跟效果,所以這裡會在做各種整理跟詳細的說明。
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News