新版 TouchOSC 教學#2:元件介紹

Luxmin
6 min readDec 23, 2024

--

TouchOSC 提供 13 種元件,讓您能夠自訂演出介面。

所有元件都支援完整的 RGBA 顏色控制,您可以依照需求自由選擇顏色。

Box(方框)

這是一個沒有互動行為的基本形狀元件。

主要用途包括:

  • 創建裝飾性元素
  • 設計背景
  • 可透過訊息和腳本控制其移動與定位

輸出值:無輸出

Button(按鈕)

按鈕具有三種互動行為模式:

  • Momentary(瞬時) — 推動式按鈕
  • Toggle Release(釋放切換) — 在釋放時切換狀態的開關按鈕
  • Toggle Press(按下切換) — 在按下時切換狀態的開關按鈕

按鈕可自訂的特性:

  • 形狀
  • 顏色
  • 外框樣式

輸出值:Float 浮點數(On 開啟為 1,Off 關閉為 0)

這張圖片展示了外框模式中「Full(完整)」和「Edges(邊緣)」的差異。

Label(標籤)

標籤是單行文字顯示元件,具有以下特性:

  • 可設定字型
  • 可調整對齊方式
  • 可自訂顏色
  • 可限制字元長度

注意:在演出模式中,標籤內容無法進行編輯。

輸出值:無輸出

Text(文字框)

文字框為多行文字顯示元件,具有以下功能:

  • 可設定字型
  • 可調整水平對齊方式
  • 可自訂顏色

特別說明:文字框不提供字元長度限制和垂直對齊設定。

同樣需要注意:在演出模式中,文字框內容無法進行編輯。

輸出值:無輸出

Fader(滑桿)

滑桿控制器為單向度控制元件,具有五個主要參數設定:

  • 游標(Cursor):控制滑桿的指示器樣式
  • 條狀(Bar):滑桿的軌道顯示方式
  • 置中(Centered):設定滑桿的中心點位置
  • 響應(Response):控制滑桿的反應靈敏度
  • 格線(Grid):顯示刻度參考線

輸出值:Float 浮點數(範圍從 0 到 1)

XY (二維滑桿)

二維控制器提供雙向度的控制功能,與一般滑桿相似但擴展至二維空間。

除了具備游標、線條(對應一維滑桿的條狀)、響應和格線等基本參數外,還額外提供兩個特殊參數:

  • X 軸鎖定(Lock X):限制X軸方向的移動
  • Y 軸鎖定(Lock Y):限制Y軸方向的移動

輸出值:兩組 Float 浮點數(範圍從 0 到 1),分別代表 X 軸與 Y 軸的位置

Radial(旋鈕)

類似實體旋鈕的旋轉式滑桿控制器,具有以下參數設定:

  • 反轉(Inverted):改變旋轉方向
  • 置中(Centered):設定旋鈕的中心位置
  • 響應(Response):控制旋轉靈敏度
  • 格線(Grid):顯示角度刻度

輸出值:Float 浮點數(範圍從 0 到 1)

Encoder(旋轉器)

類似於全圓形旋鈕的圓形控制器,具有以下參數設定:

  • 游標(Cursor):控制指示器的顯示樣式
  • 響應(Response):調整控制靈敏度
  • 格線(Grid):顯示圓形刻度

輸出值:Float 浮點數(範圍從 0 到 1)

Radar(雷達圖)

這是一種圓形的 XY 控制器。

雖然與標準 XY 控制器相似,但其資料輸出方式不同,主要包含:

  • 與中心點的距離
  • 旋轉角度

輸出值:兩組浮點數(範圍從 0 到 1)。第一組表示與中心點的距離,第二組表示旋轉角度

Radio(單選按鈕)

這是一組單選按鈕集合,同一時間只能選擇其中一個按鈕。

具有兩個主要參數:

  • 步進數(Steps):設定按鈕的數量
  • 類型(Type):提供兩種顯示模式

其中類型(Type)有兩種選項:

  • Select(選擇):預設模式,每次選擇一個按鈕
  • Meter(量表):視覺效果類似滑桿,會標示出到當前選擇位置的所有數值

輸出值:Integer 整數(從 0 開始到 X,X 取決於設定的按鈕數量)

Group(群組)

作為一個基礎的容器元件,可用於組織和管理多個元件。

操作方式:

  • 可通過選擇多個元件後按 Ctrl/Command + G 來創建群組
  • 連點群組可進入內部編輯模式,調整內部元件

輸出值:無輸出

Pager(分頁器)

功能類似於帶有分頁標籤的群組容器:

  • 包含多個分頁標籤
  • 一次只顯示當前使用中的頁面內容
  • 可在面板中添加更多頁面

輸出值:整數(從 0 開始到 X,X 取決於頁面數量)

Grid(網格)

這是一個高效實用的容器,專為快速創建多個相同元件而設計:

  • 支援任何類型的元件
  • 可設定行數和列數進行排列
  • 需要時可解除群組以獲取獨立的個別元件

輸出值:取決於所包含的元件類型

參考來源:

Sign up to discover human stories that deepen your understanding of the world.

Free

Distraction-free reading. No ads.

Organize your knowledge with lists and highlights.

Tell your story. Find your audience.

Membership

Read member-only stories

Support writers you read most

Earn money for your writing

Listen to audio narrations

Read offline with the Medium app

--

--

Luxmin
Luxmin

Written by Luxmin

Create the experience never have Imagineering studio crafting innovative interactive experiences through creative technology and design.

No responses yet

What are your thoughts?