【TyranoBuilder 教學 #01】基本介面介紹

更新於 發佈於 閱讀時間約 5 分鐘

此文章來自我的個人Blog - Space Of NingNing

在這篇文章內我會介紹到 TyranoBuilder 的使用介面和左右邊的工具列

使用介面

這是你創建新的 scene 後會看到的畫面

raw-image
raw-image

你可以從左邊的工具列上方選擇Components/Assets或是Scenes

Components — 最常使用到的可以拖曳或雙擊裡面的一個按鈕來增加到故事/一個scene裡,就是你可以從上面的圖看到的按鈕們

Assets — 可以透過他查看目前存放在專案裡的素材像是背景圖片,人物的立繪,CG,音效之類的/下面還有一個小小的預覽圖或是讓人試聽聲音的功能

raw-image
raw-image

Scenes — 會存放每個你建立的scene可以透過雙擊打開或切換場景

右上方的工具列 :

raw-image
raw-image



從頭開始瀏覽你的專案

raw-image



處存專案 / 也可以使用 Crtl + S


raw-image


創建角色

raw-image


遊戲設定

raw-image



自訂左邊的工具列顯示的工具

raw-image

像這樣勾選取來的就是會顯示的

raw-image


輸出遊戲

raw-image


Live 2D 功能 (( 要先安裝插件才能用





左上方的工具 :

raw-image

TyranoBuilder — 點下去後可以選擇一個遊戲專案 / 會有一個清單 顯示你所有創建過的專案 (Project List)

Edit — 可以使用一些基本功能 / 也可以使用快捷鍵來達成

raw-image

Project — 點下去後會開啟一個列表裡面有很多功能像是新增場景 / 下載插件 /設定數值等

raw-image

Help — 可以進入官方教學 / Steam 論壇或是查看目前使用的 TyranoBuilder 版本

raw-image

Components ( 各種按鈕的功能 )

TyranoBuilder的 Story區域功能:

raw-image

第一個要介紹的是Story裡的按鈕們
Text — 很常用並且一定會用到

他是用來顯示對話 — 把他拖曳到中間的畫面後就可以把要顯示的文字打到框框裡囉((要顯示名字的話在Text裡的第一行寫下#+角色名字就可以顯示出角色的名字囉

raw-image
raw-image

Page Break — 刪除之前在畫面裡的內容 , 通常使用在切換 Label 的時候使用

Branch Button — 分支, 以顯示出多個分支選像

範例:

raw-image
raw-image

右邊的工具列可以調整選像的外觀 , 位置和點下去後連結的 Label

raw-image

你可以手動輸入 X Position 和 Y Position

raw-image

或是使用 Positioning Tool 來把選像放到想要的位置

raw-image

使用 Positioning Tool 還可以順便調整選像的造型

Label — 像是一個標籤 , 定義後面的所有文字,圖片等都是同一個範圍

Jump — 讓劇情跳到某個 Label , 可以使用 Jump if condition is True 來讓玩家看到某個劇情當好感度或其他數值到達一定的程度後

raw-image

Stop- 在每個場景結束時必須要加 Stop 在最後面或是在選擇選像時在 Branch Button 後面也要加上 Stop 窩 ((不然對話可能會繼續

接下來是

藍藍區域 (Effects)的功能 :

raw-image

Wait — 讓時間 /對話暫時停下來, 可以用右邊的 Duration 框輸入暫停的時間長度

raw-image

Add Text -增加文字,右邊打開的工具列可以讓你調整文字的位置和風格

raw-image

可以透過FontStyle或是x/yposition等下面的框框做調整

也點進PositioningTool就可以在這個畫面裡調整文字的位置/風格/特效和動畫

raw-image

動畫的話可以用Preview來預覽動畫效果

也可以在這個黃色的框框裡調整文字的造型窩

raw-image

Pause -會暫停故事直到玩家點一下螢幕

Quake -晃動螢幕的特效,可以透過右邊的工具列調整晃動的幅度/間隔/時間等,下面的Ignoreuserinputduringquake如果勾選的話對話就會停下來直到晃動的特效結束如果沒有勾選的話對話就會繼續

raw-image

RemoveText-就是把之前的文字刪掉,只是貌似沒辦法只刪掉1個文字放上RemoveText的話畫面裡的所有文字都會一起消失

— — — — — — — — — 分隔線 — — — — — — — — -

第二篇可以點這裡


第三篇可以點這裡


文章來自: 【按鍵介紹一 #01】TyranoBuilder 使用介面介紹


其他連結:

我的 Twitter: @wSmileFlowerw

我的 Blog: Space Of NingNing

視覺小說 (Visual Novel) GUI 素材下載: Itch.io

在其他平台找到我 Space of NingNing

喜歡這篇文章的話 - 點個愛心, 留言或是為我拍手, 我都會很開心的 !

留言
avatar-img
留言分享你的想法!
avatar-img
SmileFlower的星球 ⭐ 歡迎入住~
56會員
115內容數
此沙龍呢,主要包含 Renpy 中文教學還有其他遊戲引擎 (專注於視覺小說引擎) 的教學。 歡迎想學自製遊戲的人加入! 除了遊戲製作的教學外也有一些我的生活上的各種事的分享,只想學製作遊戲的話就可以先忽略他們拉
2025/01/03
回顧2024年忙碌充實的一年,完成了畢業、考試、實習和接案等重要事項,並新增32篇教學、3個UI範本,參與2個Game Jam。2025年計畫完成未完成教學、製作教學影片,並考慮新增會員投稿教學。新年推出限時優惠方案,訂閱新年方案享對折優惠。
Thumbnail
2025/01/03
回顧2024年忙碌充實的一年,完成了畢業、考試、實習和接案等重要事項,並新增32篇教學、3個UI範本,參與2個Game Jam。2025年計畫完成未完成教學、製作教學影片,並考慮新增會員投稿教學。新年推出限時優惠方案,訂閱新年方案享對折優惠。
Thumbnail
2022/04/22
Tyranobuilder中文介紹教學 這是第一篇的後續 , 在這篇文章裡我會繼續講完上一篇沒有寫到的按鍵們 點這裡可以從 Steam 下載 TyranoBuilder 深藍色區域 ( Screen Effects ) 的工具 : 顏色畫面範例 :
Thumbnail
2022/04/22
Tyranobuilder中文介紹教學 這是第一篇的後續 , 在這篇文章裡我會繼續講完上一篇沒有寫到的按鍵們 點這裡可以從 Steam 下載 TyranoBuilder 深藍色區域 ( Screen Effects ) 的工具 : 顏色畫面範例 :
Thumbnail
2022/03/08
這篇文章是我在去年 (2021) 7月的時候寫的目前 TyranoBuilder 經過更新有改善很多問題 也加了一些新的東西/功能歡迎參考第二篇窩 原文來自我的 Blog - Space Of NingNing 我認為TyranoBuilder的優點和缺點, 簡單的小介紹還有推薦, 使用後的感想
Thumbnail
2022/03/08
這篇文章是我在去年 (2021) 7月的時候寫的目前 TyranoBuilder 經過更新有改善很多問題 也加了一些新的東西/功能歡迎參考第二篇窩 原文來自我的 Blog - Space Of NingNing 我認為TyranoBuilder的優點和缺點, 簡單的小介紹還有推薦, 使用後的感想
Thumbnail
看更多
你可能也想看
Thumbnail
TOMICA第一波推出吉伊卡哇聯名小車車的時候馬上就被搶購一空,一直很扼腕當時沒有趕緊入手。前陣子閒來無事逛蝦皮,突然發現幾家商場都又開始重新上架,價格也都回到正常水準,估計是官方又再補了一批貨,想都沒想就立刻下單! 同文也跟大家分享近期蝦皮購物紀錄、好用推薦、蝦皮分潤計畫的聯盟行銷!
Thumbnail
TOMICA第一波推出吉伊卡哇聯名小車車的時候馬上就被搶購一空,一直很扼腕當時沒有趕緊入手。前陣子閒來無事逛蝦皮,突然發現幾家商場都又開始重新上架,價格也都回到正常水準,估計是官方又再補了一批貨,想都沒想就立刻下單! 同文也跟大家分享近期蝦皮購物紀錄、好用推薦、蝦皮分潤計畫的聯盟行銷!
Thumbnail
每年4月、5月都是最多稅要繳的月份,當然大部份的人都是有機會繳到「綜合所得稅」,只是相當相當多人還不知道,原來繳給政府的稅!可以透過一些有活動的銀行信用卡或電子支付來繳,從繳費中賺一點點小確幸!就是賺個1%~2%大家也是很開心的,因為你們把沒回饋變成有回饋,就是用卡的最高境界 所得稅線上申報
Thumbnail
每年4月、5月都是最多稅要繳的月份,當然大部份的人都是有機會繳到「綜合所得稅」,只是相當相當多人還不知道,原來繳給政府的稅!可以透過一些有活動的銀行信用卡或電子支付來繳,從繳費中賺一點點小確幸!就是賺個1%~2%大家也是很開心的,因為你們把沒回饋變成有回饋,就是用卡的最高境界 所得稅線上申報
Thumbnail
Tyrano Builder 系列: 基礎又重要的功能,離開遊戲。 雖然沒有現成的元件可以直接拖曳使用,需要用腳本,但只要寫入一個標籤就可以了,基本上也算是簡單!
Thumbnail
Tyrano Builder 系列: 基礎又重要的功能,離開遊戲。 雖然沒有現成的元件可以直接拖曳使用,需要用腳本,但只要寫入一個標籤就可以了,基本上也算是簡單!
Thumbnail
這篇內容,將簡單介紹Asset Browser、Workspace、Inspector、Code Browser,作為入門的介面導覽。
Thumbnail
這篇內容,將簡單介紹Asset Browser、Workspace、Inspector、Code Browser,作為入門的介面導覽。
Thumbnail
Tyrano Builder Next 功能:修改字體 修改流程一樣分為兩個步驟,非常簡單! 第一步,新增字體檔案 第二步,選擇使用字體
Thumbnail
Tyrano Builder Next 功能:修改字體 修改流程一樣分為兩個步驟,非常簡單! 第一步,新增字體檔案 第二步,選擇使用字體
Thumbnail
變更字體的設定,TB和TBN都有,但是設定方法不太一樣。 Tyrano Builder的修改流程分為以下兩個步驟 1.新增字體檔案 2.選擇使用字體
Thumbnail
變更字體的設定,TB和TBN都有,但是設定方法不太一樣。 Tyrano Builder的修改流程分為以下兩個步驟 1.新增字體檔案 2.選擇使用字體
Thumbnail
這篇文章將會講述新增造型的種類及簡單介紹。
Thumbnail
這篇文章將會講述新增造型的種類及簡單介紹。
Thumbnail
前言: 今天要講用python來做使用者介面,由於姆姆平常的工作面對是工廠產線生產,所以一般來說交付程式的時候會給(sample.py)或是(sample.pyc)這類的檔案格式,其中py和pyc檔簡單說,差別在一個看的到(py)原始碼一個看不到(pyc)。 TCL: 官方下載網址: PAGE:
Thumbnail
前言: 今天要講用python來做使用者介面,由於姆姆平常的工作面對是工廠產線生產,所以一般來說交付程式的時候會給(sample.py)或是(sample.pyc)這類的檔案格式,其中py和pyc檔簡單說,差別在一個看的到(py)原始碼一個看不到(pyc)。 TCL: 官方下載網址: PAGE:
Thumbnail
使用介面 這是你創建新的 scene 後會看到的畫面 右上方的工具列 : 從頭開始瀏覽你的專案 創建角色
Thumbnail
使用介面 這是你創建新的 scene 後會看到的畫面 右上方的工具列 : 從頭開始瀏覽你的專案 創建角色
Thumbnail
可以在道具畫面中顯示圖片跟顯示更長的幫助說明。
Thumbnail
可以在道具畫面中顯示圖片跟顯示更長的幫助說明。
Thumbnail
這次將會介紹「圖塊設置」的部分,關於素材規格的話請看這篇基礎入門篇 2 ( 1 ) -《圖片素材規格》。
Thumbnail
這次將會介紹「圖塊設置」的部分,關於素材規格的話請看這篇基礎入門篇 2 ( 1 ) -《圖片素材規格》。
Thumbnail
可以增加說明欄行數,並且替換其中的說明內容,僅作用於道具、技能、裝備畫面。
Thumbnail
可以增加說明欄行數,並且替換其中的說明內容,僅作用於道具、技能、裝備畫面。
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News