圧倒的かずまなぶです。(; ・`д・´)
操作パネルとボタンを作っていきます。ダッシュボードと呼ばれています。
少々複雑で頭が混乱してきたので、整理します。
![](http://toyo-interest.com/wp-content/uploads/2018/10/Dashboard_001.png)
やること
- UIのCanvasプレハブを作る。
- ボタン付きのダッシュボードを作る。
- 操作対象物をシーンに追加して、ボタンと接続する。
- ボタンを有効にするスクリプトを書く
- ボタンを見ているときにハイライトするスクリプトを書く
- ボタンがハイライトしているときだけボタンが有効になるスクリプトを書く
- 標準カーソルのスクリプトを流用して、ダッシュボードを見ている時だけボタンを有効にする。
DefaltCanvasプレハブを作る
UI>Canvas を作って DefaultCanvasというプレハブを作っておきます。後でいろんなUIを作るときの素材にします。
3D空間では単位がmでしたが、Canvasは別の座標系を持っているので、数値が良くわからないです。
- Camvasの名前をDefaultCanvasに変えます。
- Inspectorの設定はPos X,Y,Z =(0,0,0) で3D空間の原点。
- Width,Height=(640,480) にしておきます。縦横比0.75が良いようです。
- Scaleは(0.0135,0.0135,0.0135)にします。こうすると、3D空間(world空間という)上での1ピクセルに相当するようです。
- Render ModeをWorld Spaceにします。これは解りません。
次は、Canvasの子要素ImageとTextのサイズ調整です。
- DefaultCanvasの子要素にImageとTextがデフォルトでくっついていいますので、Imageを選んでInspectorのAnchorをStretchにして、サイズいっぱいに引き伸ばしておきます。(まだ絵がないから何も見えませんが・・・)
- TextはText(Script)になんか書いて、Characterのサイズをいじって、Paragraphでセンターに寄せて、overflowにして色つけてやると、文字が書けます。
- DefaultCanvasに戻って、Canvas Scaler(Script)>Dynamic Pixels Per Unitを10に増やすとTextの解像度が上がり、見やすくなります。
この状態でプレハブにしましょう。
次回:ボタン付ダッシュボードを作る
次回はDefaultCanvasプレハブをシーンに追加していじっていきましょう。
圧倒的かずまなぶ(‘ω’)ノ
The following two tabs change content below.
Keita N
最新記事 by Keita N (全て見る)
- 2024/1/13 ビットコインETFの取引開始:新たな時代の幕開け - 2024年1月13日
- 2024/1/5 日本ビジネスにおける変革の必要性とその方向性 - 2024年1月6日
- 2024/1/3 アメリカ債権ETFの見通しと最新動向 - 2024年1月3日