画像の引き伸ばし領域の設定に関しては以下の記事がわかり易いだろう。背景のベースとなる画像(Image)を1つ置く。Scaler」を適当に設定しておく。1080」にしておいた。この辺りは自分の環境によって変えて欲しい。「TabPanel」と名前を変えておき、サイズも適当に決めておこう。「Tab_altas」の分割スプライトの「Tab_panel」を設定しておく次にタブの画像を並べるレイアウト用の空オブジェクトを作ろう。Empty」して、名前を「TabContainer」としておく。Group」を追加しておく。Expand」をオンにしておけば、自動でレイアウトしてくれる。引き伸ばしなどの設定をしておこう。これも画像などのサイズによるので、自由に設定しても構わない。設定例はキャプチャを参考にして欲しい。適当に設定したら、次に各タブを作っていこう。オフ→オンにすると自動レイアウトになっている場合、再配置される(セーブなど何らかの操作をすると再計算される)。Group」を登録しておく。スプライト「Tab_atlas」の「Tab_item」を設定する。A(アルファ)を下げておく。適当で良いが、上下ストレッチを設定しておこう。ストレッチ設定にしておく。あとはテキストとなる「Label」も適当に設定しておくと良いだろう。名前は適当に付けて欲しい。複製したタブの「Toggle」コンポーネントの「IsOn」は全てオフにしておく(これも設定したら、一旦オブジェクトをオフ→オンすると再描画できる)。タブを並べたら、次に切り替える内容を作ろう。1~3」を作ってテキストを入れておいただけだ。好きにやって貰って構わない。1」以外は非表示にしておく(タブのオン/オフの初期状態に合わせておく)。(Boolean)」にコールバックを設定しよう。オン/オフ状態が変化したときに、実行されるメソッドなどを登録するものだ。ここに各対応する「Page」の表示/非表示を設定する。ここでは表示の切り替えだけなのでコードを書く必要はないが、色々コールバックに仕込みたいなら以下の記事を参考にして欲しい。None(元の画像を外す)にしておけば良い。シーンを保存して動作を確かめてみよう。これをそのまま使っている。色や文字を太字に変化するようにすれば、見た目も結構良くなる。何よりタブ切り替えのコードを書かなくて済むので実装が楽だ(笑)。動的にモデルをインポートできる「UniVRM」というオープンソースが公開されているので、そのサンプルビューワと「ユニティちゃんライブステージ!」「ミライ小町」プロジェクト(オープンソース)を組み合わせて、VRM(VRoid)を動的に読み込んでダンスさせるアプリを作ってみた。BVHモーションファイルも動的に読み込めるので、やろうと思えば自由な曲でダンスもできるかも知れない。持ってないので、iPhone版も作れない。Mobile」「セシル変身アプリ」などで自分で作ったモデルでも、踊らせてみるだけなら十分可能なので、色々試して遊んで貰えると嬉しい(※スクショや動画などご自由にどうぞ。ハッシュタグ「#VRMLiveViewer」はどなたか付けてくれたので、私も便乗させて貰ってます。