【TB】Tyrano Builder 元件介紹:Branch Button 分支選項

更新於 發佈於 閱讀時間約 4 分鐘
raw-image

前言

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

今天介紹的元件Branch Button 分支選項,在編輯器左邊的Story區塊內,用來製作劇情分支,依據玩家選擇不同,使劇情有不同的變化,算是滿重要的基礎元件之一。

  • 元件位置
raw-image
  • 執行結果
raw-image



前置作業

在開始之前,先建立一個新的場景檔案,完成基礎配置。

raw-image



新增元件Branch Button 分支選項

1.新增元件Branch Button

raw-image


2.屬性面板介紹

raw-image


3.定位工具

按下定位工具,可以直接開啟視覺化面板

raw-image


4.調整選項

raw-image


5.調整位置

raw-image


6.複製選項

raw-image


7.貼上選項

raw-image


8.調整第二個選項

第二個選項只需要調整顯示文字和位置即可,其他設定可直接沿用第一個選項。

raw-image


9.設定完成

raw-image


分支選項的部分,到這裡完成80%。

跳轉目標的設定,需要等標籤設定好之後,再回來設定。


新增對話框

直接出現選項,感覺有點奇怪,為了配合選項,我們加個問題吧!
raw-image



新增標籤

1.新增元件標籤

標籤名稱設定為milktea,剛好和選項奶茶對應

raw-image


2.新增元件顯示對話框、文字、移除對話框、停止

這樣包含標籤、具體內容(按了選項之後要給玩家看什麼?)、停止的元件組合,是一整組。

raw-image


3.製作第二組

你可以直接拉,也可以按住Ctrl不放,連續選取第一組的元件後,滑鼠右鍵複製貼上。

  • 複製
raw-image


  • 貼上

在第一組的最後一個元件,停止上按右鍵貼上

raw-image


  • 修改標籤名稱
raw-image


  • 修改文字內容
raw-image



設定選項跳轉目標

既然標籤已經設定好了,那麼現在要回頭設定選項對應的跳轉目標。

  • 設定奶茶選項對應標籤
raw-image


  • 設定咖啡選項對應標籤
raw-image


到這裡就完成囉,來看看執行效果吧!


執行結果

raw-image



結尾

我最近真的好認真在產內容啊,希望這種熱情可以持續久一點~

最後,來總結一下吧!

分支選項是個前置功能,用來替之後要介紹的元件Jump先進行鋪墊。


本來是因為有人詢問關於條件判斷的問題,所以想說,那就剛好來和大家介紹一下Jump吧!

結果實際測試之後,才注意到元件Jump基本上都需要和其他元件互相搭配使用,再加上暴龍的條件判斷和一般的用法有些不太一樣,如果認真要詳細寫的話,會有點太過複雜。

既然這樣,那就拆開吧!

先將需要用到的元件逐一進行介紹和實際使用情境,等大家熟悉這些元件之後,再進行多個元件的搭配運用。

這樣應該會比一次就上一堆元件的混搭,要來得容易理解和學習。

本來以為下一次應該就是元件Jump了,但現在寫著寫著,又想起來操作變數的元件似乎還沒有詳細介紹過。

我之前為了怕自己忘記,明明還寫了一份超詳細的教學當備忘錄~~


所以,下一次應該會是元件操作變數的分享~


影片版教學


留言
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
元件:Process Variable 變數設定 非常重要的基礎元件之一,可以用在解鎖特殊劇情、好感度增減、金錢、積分等等。
Thumbnail
元件:Process Variable 變數設定 非常重要的基礎元件之一,可以用在解鎖特殊劇情、好感度增減、金錢、積分等等。
Thumbnail
製作視覺小說或敘事型遊戲最重要的基礎功能之一。 如何製作劇情分支選項,讓遊戲劇情可以依據玩家的選擇,出現不同的劇情變化。 一樣是零基礎、零程式碼就能輕鬆完成的簡單功能!
Thumbnail
製作視覺小說或敘事型遊戲最重要的基礎功能之一。 如何製作劇情分支選項,讓遊戲劇情可以依據玩家的選擇,出現不同的劇情變化。 一樣是零基礎、零程式碼就能輕鬆完成的簡單功能!
Thumbnail
編輯器 Tyrano Builder 如何在遊戲中顯示變數的功能教學。 學習如何在遊戲畫面上有效顯示變數值,幫助提升遊戲的互動性與趣味性。適合零基礎,零程式碼的遊戲開發入門者。 想了解更完整的教學過程,請參考文末的影片連結。
Thumbnail
編輯器 Tyrano Builder 如何在遊戲中顯示變數的功能教學。 學習如何在遊戲畫面上有效顯示變數值,幫助提升遊戲的互動性與趣味性。適合零基礎,零程式碼的遊戲開發入門者。 想了解更完整的教學過程,請參考文末的影片連結。
Thumbnail
在正式進入「如何從零開始與ChatGPT創作故事」系列之前,我們必須先了解一個非常重要的編劇概念 — — 高概念。這個概念不僅能幫助我們在故事初期就打下堅實的基礎,更能在創作過程中指引故事發展方向。 高概念的重要性在於,它是吸引觀眾或製片人的第一個鉤子。
Thumbnail
在正式進入「如何從零開始與ChatGPT創作故事」系列之前,我們必須先了解一個非常重要的編劇概念 — — 高概念。這個概念不僅能幫助我們在故事初期就打下堅實的基礎,更能在創作過程中指引故事發展方向。 高概念的重要性在於,它是吸引觀眾或製片人的第一個鉤子。
Thumbnail
這篇文章將會講述一款純粹由 AI 繪圖製作的遊戲,它的構想、初步架構;開發者的備註、心情;專案建置、介紹;遊戲流程圖、遊戲架構圖;遊戲初步的動畫腳本、草稿。
Thumbnail
這篇文章將會講述一款純粹由 AI 繪圖製作的遊戲,它的構想、初步架構;開發者的備註、心情;專案建置、介紹;遊戲流程圖、遊戲架構圖;遊戲初步的動畫腳本、草稿。
Thumbnail
漸漸醞釀產生劇情的架構、玩法、以及一些點子 這時期通常也是最有趣,但最容易造成遊戲難產的時候 過去看過很多優秀的點子或是企劃人員 想了很多,最後專案難產 原因就是把架構拉得太大,要求過多 甚至鐵三角(企劃、程式、美術)互相推諉 導致專案直接胎死腹中 其實,不用那麼在意 初期,就是先把核心玩法訂出,接
Thumbnail
漸漸醞釀產生劇情的架構、玩法、以及一些點子 這時期通常也是最有趣,但最容易造成遊戲難產的時候 過去看過很多優秀的點子或是企劃人員 想了很多,最後專案難產 原因就是把架構拉得太大,要求過多 甚至鐵三角(企劃、程式、美術)互相推諉 導致專案直接胎死腹中 其實,不用那麼在意 初期,就是先把核心玩法訂出,接
Thumbnail
寫故事,有創造劇情為主和塑造人物為主兩種方式,他們各自的差異在哪裡?
Thumbnail
寫故事,有創造劇情為主和塑造人物為主兩種方式,他們各自的差異在哪裡?
Thumbnail
當你試圖更好時,你就注定孤獨。 推薦指數:★★★★☆ 易讀指數:★★★★★ 趣味指數:★★★★☆ 新鮮指數:★★★★★
Thumbnail
當你試圖更好時,你就注定孤獨。 推薦指數:★★★★☆ 易讀指數:★★★★★ 趣味指數:★★★★☆ 新鮮指數:★★★★★
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News