More than 5 years have passed since last update.

Photon×WebGL（6）日本語チャットの実装（英語チャット実装からのInputField改造）

Last updated at 2020-12-24Posted at 2020-12-24

やりたいこと

・日本語でのチャット機能の実装

実装手順

1）英語チャットテスト: コピペしてみる; 　・戸惑い覚えるくらい簡単に出来てしまう; 　　・Create Emptyでオブジェクト作成; 　　・当該ブログよりスクリプトをお借り　※1; 　　　=>普通にチャット出来る。でも外人仕様、、、ローマ字でやりとりならできる。

2）日本語チャットにする試行錯誤: ・フォント設定の変更を試す　※2; 　これで全てが解決するはずだったNoto Sans CJK JP; 　そうなんですよ、、、どこを日本語化するべきなのかって話なんですけど; 　Noto Sans CJK JPは後で、効いてくるので必要なんだけど; 　現時点では、GUIはよく分からないし、; 　インスペクター画面にInRoomChatの設定はあるけどフォント設定出来ないし; 　プログラムで生成されているので、設定する箇所がない（分からない）と、、、

![03.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/232643/b3c2d753-f5d9-1f8b-8241-83a79f000ef9.jpeg)

　=>日本語化の目途立たず。

　下記2案が提示される、、、

　・GUIが対応するか調べる

　・InputField改造するか

　=>GUIよく分からないしInputFieldで！（適当）

・通信箇所をInputFieldに変更

　・InputFieldの使い方学ぶ　※3

　　・ただ学ぶだけ

　　　--テキストの入力フォームという認識で問題ありませんと

　 ~~・InputField改良（Unityネイティブプラグイン）※4~~

　　~~・予想以上の使いづらさ~~

　・神サイト攻略（WebGLのIME入力プラグイン）※5

　　InputFieldにAdd ComponentでWebGLInputをつけるだけ、、↓こんな感じになる。

![04.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/232643/81adc112-78a7-d89a-410c-de09ba0b2d30.jpeg)

・スクリプトの改変

　~~・オリジナルスクリプトの調査~~

　　~~・登場人物を調べる~~

　・チャットスクリプトをInputField入力に対応させねば、、、

　　・どういう内容に変更する？

　　　・大雑把に

　　　　・InputField入力=>Sendボタン押下、、、public void OnSend関数の作成

　　　　・チャットスペースに表示させる、、、public void Chat関数の作成

まとめにくくなったので、次回スクリプト更新＆バグをやっつける。