さけのさかなのブログ

同人ゲーム開発やってます。Unity使ったりする。

【Unity】アツマールにUnityWebGLをアップロードするときの画面サイズ対応

やること

 UnityWebGLビルドをRPGアツマールにアップロードした場合、そのままだと画面サイズが固定になってスマホで遊べない。のでその対応。

index.htmlの書き換え

 bodyタグを以下のようにする。0.75というのがアスペクト比4:3の数値。

  <body>
    <div id="unityContainer" style="width: 100%; height: calc(100vw * 0.75);"></div>
  </body>

参考

[css]アスペクト比を固定して可変させる方法 ~よく見る75%ってなに!?~|blog(スワブロ) | スワローインキュベート

前記事

toriden.hatenablog.com