🔰

[Unity × 初心者] ボタン実装 短文 備忘録

2024/10/17に公開

はじめに

別記事でFlutter、Unity、Live2dを組み合わせた実装導入してます!
その番外編で過去の実装時に気になっていたが当時は無視したものを振り返って解決したのものです。
結果的にはUnityの基本機能だと思います。無知だからこそのメモです。

主なプログラム経験

  • 会社員時代
    • OracleDB 5年
    • Java 5年
  • フリーランス時代
    • supabse 2年
    • nextjs 2年
    • hubspot 2年

対象者

  • Unityに興味がある初心者
  • 同じぐらいのUnity初心者

開発環境

他のページで作ったプロジェクトで動かしてます!
https://zenn.dev/tiel/articles/0613c6d0d4497c

  • Unity
    • 2022.3.46f1
    • unityで使用するパッケージファイル (エフェクトでは不要)
      • CubismSdkForUnity-5-r.2.unitypackage
      • fuw-2022.2.0.unitypackage

Unityの実装

追加したボタンがUnityでは表示が正常だが実機等では、小さすぎる

https://zenn.dev/tiel/articles/9165c1017ee1ae
ここの最後になりますが、Flutterのエミュで起動した際にボタンが小さすぎました。

調べたところ
Canvasにデフォルトでアタッチされている Canvas Scaler が原因のようでした。

Canvas Scalerは画面サイズが変わった時にUIを伸縮させるコンポーネントのようです。
・デフォルトでUI ScaleModeがConstant Pixel Sizeが指定されている。
(画面のサイズ関係に依存しない)

解決方法として
UI ScaleModeをScale With Screen Sizeに変更しました。
画面のサイズに依存してUIを表示してくれます。

その後、Flutterで確認したところ無事、大きさが保たれるようになりました。
(記事で作成した Unity Buttonです)
Button > Textのフォントサイズは手動で修正しました。

短い文章でしたがここまで読んでいただきありがとうございました。
ではまた

Discussion