【Unity】ビルドしたWebGLのInputFieldがスマホで機能しない時の対応

2023年8月11日

URLをコピーしました！

はじめに

UnityでWebGLビルドをした際にInputFieldがPCでは機能したのですが、スマホで機能しなかったのでその時とった対処方法です。

前提として、UnItyのWebGLビルドはモバイルデバイスを公式サポートしていません。ですが、いちおう動きます。

環境：Unity2020.3.21

対処1

いろいろ調べて試したのですが、こちらのアセットを使用しました。

kou-yeung氏の「WebGLInput」

https://github.com/kou-yeung/WebGLInput/

プロジェクトに上記パッケージをインポートして「InputField」に「WebGLInput」コンポーネントを追加するだけです。

ただ今回、モバイルでフォーカスした際に文字サイズが異様に大きかったので後述の編集を加えました。
（TextMeshPro-InputFieldを使用したからかも?）

対処2

「WebGLInput.cs」を開きます。

OnSelect()メソッドの一部を編集します。

  public void OnSelect()
  {

  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
  
　//var fontSize = Mathf.Max(14, input.fontSize); // limit font size : 14 !!
  var fontSize = 20; // 上記コメントアウトして適切のフォントサイズを代入。

  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

  }