CreatorのチュートリアルPart4で作ったシーンをWebGLでビルドしてブログ(WordPress)に埋め込んで表示してみたいと思います。ビルドするシーンを開いておきましょう。Settingsを選択。Platform]ボタンをクリック。Run]ボタンをクリック。WebGL]ウィンドウが開いたら書き出しフォルダを指定して[フォルダーの選択]ボタンをクリックするとビルドが始まります。ビルドが完了するまでしばらく待ちましょう。ビルドが完了するとWebブラウザが開いて動作確認することができます。[Build]ボタンをクリックした場合はビルド完了後にWebブラウザでファイルを開いてくれません。ローカルのファイルをそのままIEやChromeで開いてもWebGLが実行されないのでWebサーバーにファイルをアップロードしてアクセスする必要があります。FirefoxはローカルのWebGLファイルを開くことができました。ここからWordPressの記事にWebGLを埋め込む作業に入りましょう。書き出されたフォルダを開くと次のフォルダとファイルが作成されています。index.html:表示ファイル[TemplateData]フォルダ:ローディング画面ファイルやロゴ画像、スタイルシートファイルなど[Build]フォルダ:ビルドされたWebGLファイルなお、今回使用しているUnityのバージョン5.6.2f1ではビルドファイルの構成が新しくなっていて公式マニュアルの記載内容と一部異なっています。WebGLをWordPressに埋め込む方法ですが、一番簡単な方法としてYouTubeの埋め込みコードでも使用されている”iframe”タグを使用してみます。index.htmlを確認してみましょう。ビルドで書き出されたhtmlファイルは下記のようなコードになっています。class="title">corevale</div></div></div></body></html>17行目にWebGLの表示サイズが記載されているのでここをWordPressのレイアウト幅に合わせて変更します。344px"></div>ビルドしたWebGLファイル一式をWebサーバにアップロードしてからWordPressの記事内に下記のコードを書きます。表示高さサイズはロゴやフルスクリーンボタンのサイズが収まるサイズに調整。表示幅サイズはWebGLのindex.htmlで指定したサイズと同じ値にすると端が隠れてしまうのでわずかに大きくしました。frameborder="0"></iframe>埋め込んだWebGLはこんな感じです。Sキーで手前方向、Dキーで右方向にキャラクターを移動、[SPACE]キーでジャンプできます。表示すると次のようなダイアログが表示されます。「このWebブラウザではUnityのWebGLがサポートされていませんが続けますか?」そのまま[OK]の文字をクリックするとUnityのロゴが表示されてWebGLの読み込みが始まるのですが、しばらくすると次のダイアログが表示されます。「Scriptエラー。詳しくはコンソールを見てください」的なメッセージ。エラーの内容を確認するために[F12]キーを押してコンソールパネルを表示。一度ページを読み込み直してコンソールに表示されるメッセージをみるとメモリ不足らしいです。Unityの方でWebGLのメモリ割り当てサイズを設定できるので変更してみます。[Inspector]パネルで最大値(2032)を設定。Explorerのコンソールには相変わらずメモリ不足のメッセージが表示され、WebGLは表示されませんでした。11でUnityのWebGL表示はサポートしていないということで、ひとまずあきらめることにします。ちなみに公式マニュアルにWebGL表示の互換性について掲載されています。今回とりあえずWordPressの記事にUnityのWebGLを埋め込むことができましたが、気になるのはページが表示されると同時にWebGLファイルが読み込まれる点とWebGL表示の右下にあるフルスクリーンに切り替えボタンが働かない点。これらについては一通りチュートリアルが進んだところで見直したいと思います。こちらの記事に合わせてWebGLの内容を修正しました。"に公開するまでの手順の後編になります。"前回の記事"ではユーザー登録からゲームファイルの...記事を読むUnity:オブジェクトを別オブジェクトの特定の座標軸だけに連動させる今回はスクリプトでオブジェクトの動きを制御する際のコードの書き方で分からなかった内容をメモしておきたいと思います。オブジ...記事を読むUnity:ローカルプレイヤーの特定~マルチプレイヤーネットワーキングのチュートリアルに挑戦Unityの公式チュートリアルに掲載されているマルチプレイヤーネットワーキングを勉強を進めている様子をお送りします。公式サ...記事を読むUnity:生成と再生成~マルチプレイヤーネットワーキングのチュートリアルに挑戦Unityの公式チュートリアル「マルチプレイヤーネットワーキング」の実習の模様をお送りしております。生成と再生成...記事を読むUnity:スクリプトコンポーネントを有効、無効化と実行される関数について今回は、ウィンドウでスクリプコンポーネントのチェックボックスをオフにして無効化した場合でも関数が実行される。いうことがあったので調べてみることにしました。PMとても参考になりました。ありがとうございました。[...]返信ご意見ご感想お待ちしています。コメントデータの処理方法の詳細はこちらをご覧ください。ただいまゲーム制作中.。