2025/11/23 Unity uGUI で遊ぶ
uGUI の練習がしたいので、Figma で次のようなデザインを作った https://scrapbox.io/files/6922ac8e34e486c088bf51b3.png
単色の背景をどのように表現するのか？
Image コンポーネントの Sprite に単色の Sprite を Attach する？
毎回画像編集ソフトで、単色の Sprite を作るのは面倒だが...？
Gemini に質問したところ、Image コンポーネントの Source Image を None にすれば良いらしい
背景をグラデーションさせたい場合
たぶん単に Image コンポーネントを使うだけでは難しい
一応、グラデーションを反映した Sprite を作れば可能だが、見た目の調整が難しいので悪手
Shader Graph を使った方法を検討したい
/icons/hr.icon
uGUI で UI を作成する場合、 Pivot と Anchor という概念のもとでレイアウトを作る必要がある
これらはWeb の文脈、とくに Flexbox の考え方とはまったく異なるので、同じ考え方を適用することはできない
Pivot と Anchor について練習した
https://scrapbox.io/files/6922bae6331f1d3295c39c22.png
/icons/hr.icon
World Space UI で遊んだ
https://scrapbox.io/files/6922c1fe3071937a2c4402da.png
/icons/hr.icon
https://scrapbox.io/files/6927b50ea798f4fa8829ba45.png
一旦できたが、画面サイズに応じてレイアウトが自動調整されてほしい
画面の横幅を縮めたら、ボックスの幅も小さくなってほしい