CG見聞録CG見聞録MayaとUnityを中心に、役立つ情報を提供するIT系サイトです。WebGLでビルドしてみるWebGLでビルドする記事をよく目にするようになりました。前から注目されていましたがそろそろ実用レベルになってきたのかもしれません。私も調べつつ、初めてWebGLで出力をしてみたいと思います。WebGLとはなんだろう?というところからですね。WebGLとは?色々調べてみてもよく理解できないので自分なりの解釈になります。ExplorerやFirefoxなどのブラウザーで表示できる技術らしいです。特別なプラグインが必要なく、インターネットにアクセスできれば表示できます。UnityWebPlayerを入れる必要がないのはいいですね。今後ブラウザーではUnityWebPlayerの代わりにWebGLが主流になるようです。機能制限があったり、安定しなかったり、重かったりと不具合が報告されています。実際にWebGLでビルドしてみましょうAndroidやiOSにビルドするのは結構大変だったので、不安というか面倒くさい感じがありましたが調べてみると簡単みたいです。適当にオブジェクトを作成しました。Settingsを選択します。「Platform」からWebGLを選択します。loaded.と書かれています。WebGLを使用するための何かが足りていないようです。Page」をクリックしましょう。※Unityをインストールするときに、インストールするコンポートを選ぶ場所があったと思います。Supportにチェックを入れていた方はこの作業は必要ありません。WebGLに関係のあるexeファイルがダウンロードされます。ダブルクリックしてインストールします。Settingsに戻ります。Pratform」ボタンを押します。Pratform」がグレーのままで押せませんでしたWebGLの横にUnityマークがついてBuildボタンも押せるようになりました。Settingsで色々設定するのですが、今回は出力テストなので割愛します。このまま「Build」ボタンを押してみます。保存先を聞かれるので適当な場所にフォルダを作って指定しましょう。このシーンはデフォルトのシーンにスフィアとキューブを置いて、それぞれ違う色のマテリアルをアサインしただけの軽いデータですが、4分程ビルド終了までかかりました。保存先を見ると三つのデータが作成されています。index.htmlをダブルクリックします。ブラウザーが開いて、先ほどのシーンを表示することができました!無事ビルド成功です。*注意点ですローカルで書き出したものを確認するときはFirefoxが推奨のようです。セキュリティーの問題らしく、ローカルのデータはIEやChromeでは表示することはできません。(データをどこかのサーバーに上げれば、IEやChromeでも大丈夫です。Runであれば大丈夫です。これはローカルにサーバーを立てるようなものなのでIEやChromeでも確認できます。