# 控制器

## 使用情境

當介面定義為工具提供給使用者操作時便會依附在控制器上以賦予控制器有更多的操控能力。依附在控制器中的Screen-based介面有如一控制面板，作為工具列讓使用者隨時取用。常見應用情境為繪畫創作，如Tilt Brush、Sketchbox，由於Screen-based的設計縮小了各命令所佔的空間，因此得以包容許多功能於面板之中。

![Tilt Brush](https://3720852965-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LaPX1qLL9i9YbBZjKHQ%2F-LdY1mci5gZ8OCRsv6DH%2F-LdY2YjQy3XRvKElc358%2FTilt%20Brush_menu.gif?alt=media\&token=1a854061-c0d4-43fa-903a-7d0f99d949ed)

## 設計原則

介面佈局應將手轉動幅度考量進去，適合分佈在手掌側邊與手心、手臂，以便於讓使用者手部轉動範圍控制於正負90度內，避免反手造成操作上的不易。

&#x20;                      <img src="https://3720852965-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LaPX1qLL9i9YbBZjKHQ%2F-LdY3RJp4gvdw6-VDBKO%2F-LdY3ln7i5NctucIQGv1%2Fimage.png?alt=media&#x26;token=9c08e79e-768b-4410-b63a-32b71c2a4c49" alt="" data-size="original"> <img src="https://3720852965-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LaPX1qLL9i9YbBZjKHQ%2F-LdY3RJp4gvdw6-VDBKO%2F-LdY3p0yyiSWo8V_Evuh%2Fimage.png?alt=media&#x26;token=d41f7e4d-2e2b-46dd-adb1-8d37b7d3a979" alt="" data-size="original">&#x20;

## 設計建議

1\. 彈性調整面板廣度

在手部伸展舒適距離為50公分之前提下，面板面積廣度爲60度FOV 。此外，藉由依附在控制器上的操控介面雖機動性高，但是由於所佔的空間較小，若功能過於密集時，容易產生辨識與選取的困難，因此，在設計上可以嘗試藉由彈性展開當前使用的面板，收合未使用的面板設計以解決面板選項過於密集之問題。   &#x20;

&#x20;                       <img src="https://3720852965-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LaPX1qLL9i9YbBZjKHQ%2F-LdY3RJp4gvdw6-VDBKO%2F-LdY5a0eQSLtKEbhDXJl%2Fimage.png?alt=media&#x26;token=1d425d80-ccdf-4ce9-892e-c241f627b2c3" alt="" data-size="original"> <img src="https://3720852965-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LaPX1qLL9i9YbBZjKHQ%2F-LdY3RJp4gvdw6-VDBKO%2F-LdY5fS1jlliWFZ8Ob1P%2Fimage.png?alt=media&#x26;token=99be49a4-f4c6-4853-aebb-a03a14933433" alt="" data-size="original">&#x20;

2\. 預值(threshold)的設計

a. 預值(threshold）的判定：為了讓手轉動幅度控制在舒適範圍(±90度：Tilt Brush)，可以設計介面轉動幅度的預值，在超過該值後便自動轉換。

b. 為避免預值的判定困難，空間佈局最多不超過三個，以免轉動判定上容易誤觸。

## Examples

{% content-ref url="broken-reference" %}
[Broken link](https://vrui-research.gitbook.io/researchonvrui/shi-yong-jie-mian-xi/screen-based-ui/style/broken-reference)
{% endcontent-ref %}
