フォルダを作成し、そこにビルドします。10分くらい待って、Chromeがたちあがったのですが、うまくビルドできていません。GameタブのAspectを720×960にしてみるGameタブのAspectを720×960にして、微調整して、さらに音声をつけたのち、再度、WebGLでビルドしてみました。10分くらいビルドに待ったのですが、またWebGLのビルドはダメでした。これではお話になりません。このまま、Vue.jsに組み込んでデプロイしてみようと思います。いや、もう一度、、、3回目もダメ、、、しかし、もう、これでいきます。フォルダを開き、こちらのサイトとvue-unity-webgl公式GitHubを参考に、src/App.vueをこちらのコードに変更します。(変更前)(変更後)Ctrl+@でコマンドプロンプトを開き、以下を入力してから、Ctrl+クリックで、Chromeで確認します。serveと思ったのですが、game.jsonファイルが見つからず、断念。なんか怪しいなと思っていたのですが、Unity5がインストールしてあったのでアンインストールしてから、再度、UnityHubを開いたところ、Unity2018ではなく、Unity5で先ほどのアプリが作成されていたようでしたので、アップグレードしようとしたのですが、無理でした。』から、上の手順をすべてやり直しました。)何時間もかけてWebGLビルドした結果がこれ、、、絶望。WebGLビルドは使い物になら無さそうです。serveで、Vue.jsアプリでUnityゲーム画面を表示することはできませんでした。Studioをインストールして、アンドロイドアプリとして作成してみましたが、それでも上のボタンの位置がおかしい状態でした。すると、うまくいきました。Setting』でWebGLでビルドするときの画面サイズを確認(今回は600×800に設定)。日本語可能なフォントの設定。順番にやっていきます。Setting』でWebGLでビルドするときの画面サイズを確認(今回は600×800に設定)。Settings...』をクリック。Settingsウィンドウを閉じます。(2)次に、以下のようにクリックしていき、『Gameタブ』のscaleを600×800に設定します。(3)上のボタンの位置を、アンカー(基準)を、画面のまん中にとり、そこからy軸方向に何pixelのように設定します。Size』を選択します。(変更前)(変更後)(5)日本語可能なフォントの設定。JPなどの、日本語を含むフォントを設定します。JPのフォントのZIPファイルをダウンロードして解凍します。ダブルクリックで開き、中にある『NotoSansCJKjp-Light.otf』をいったん、ダウンロードフォルダなどの別の場所に移動した後、さらに、Unityの『Projectタブ』の中にドラッグ&ドロップします。ところにドラッグ&ドロップして、おきかえます。置き換え後は以下のようになります。WebGLで再度ビルドします。なんとか、WebGLのビルドはできました。WebGLでビルドしたUnityWebアプリをPWA化するVue.jsを使用するのはあきらめて、こちらのサイトに従って、PWAアプリ化にtryしてみたいと思います。Workerを有効にする具体的には、以下のように行います。いうフォルダにWebGL形式で書き出しています。内(SwipeCar2アプリををWebGLで書き出した中身)は、以下のような構造になっています。PWAにしたいと思います。PWA化(2)icon-256.pngと、icon-192.pngの設置スマホでホーム画面に追加するためのアイコンとして、256x256pixelと、192x192pixelのpng画像を、index.htmlと同じ階層に新規作成します。今回はパワーポイントとペイントで以下のような画像を用意しました。次に、また、index.htmlと同じ階層に、service-worker.jsというのJavaScriptファイルを新規作成します。<head><head/>内に、以下を記載します。フォルダをZIPファイルに変換し、それを、Netlifyにアップロードします。フォルダに作成されます。次に、https://www.netlify.com/にログインして、スクロールして下の方へ行きunityBuild.zipを、図の点線で囲まれた部分にドラッグ&ドロップします。数秒で以下のような画面に代わるので、リンク先をクリックします。ゲームがロードされるまで、なんか、1分以上かかっている気がしますが、なんとか、ゲームをアップロードすることができました。https://infallible-kilby-b2f1bc.netlify.com/このサイトを自分のAndroidスマホ(SH-M07)で開いたところ、警告画面が表示され、また、ロードにものすごく時間がかかりましたが、『ホーム画面に追加』することができました。ホーム画面からこのアプリを起動しても、2回目以降でも、『xxxを初めて使用する場合は、インターネットに接続してください』と表示されてしまい、オフラインでの動作はできませんでした。オフライン動作はあきらめることとします。ソースコードとDEMOサイトソースコードhttps://github.com/adash333/unity-pwa-swipecarDEMOサイトhttps://infallible-kilby-b2f1bc.netlify.com/今回写経した本Unityを初めて触るなら、ぜひおすすめの一冊です。webの設定(beta版)を行いNetlifyにデプロイ以下の本を、Webアプリに変更して写経しています。...『基礎からわかるElm』を写経してみる(7)実践3:ナビゲーションとテスト(複数ページのElmアプリの作り方)以下の本を写経しています。...create-elm-appで作成したelm0.19アプリをNetlifyにデプロイwebアプリはデプロイ(インターネット上に公開)して初めてwebアプリです。コメントをキャンセルメールアドレスが公開されることはありません。date*日本語が含まれない投稿は無視されますのでご注意ください。