[Unity]WebGLをブログ(WordPress)に埋め込む方法

Unity

Unityで作ったゲームをブログ(Wordpress)にあげたけど、動作しない。画面は真っ黒。
そんな時に私が行ったことをご紹介します。

動作環境

Unity 2020.3.20f1
WordPress 5.9
Chrome 97.0.4692.99(Official Build) (arm64)

UnityでWebGLのビルドを実行する

Project Setting→Player→Publishing Setting
Compression Format をGzip
Decompression Fallback のチェックを入れる

Resolution and Presentation→WebGL Template を Minimal

上記の設定をしてからビルドを実行する

できあがったファイルをWordPressにアップロードする

  • Buildフォルダ
  • index.html

上記のファイル群をwp-content/hoge/の配下に配置する

記事にURLを埋め込む

カスタムHTMLにて下記を記事にを埋め込む

<iframe src="https://ドメイン/wp-content/hoge/index.html" width="960" height="540" scrolling="no" frameborder="0"></iframe>

画面が真っ黒時の対応

こちらのコマンドをターミナルで実行する
(パスワードを入れて実行)

すると新たにChromeが立ち上がるのですが、これでUnityのゲームがブログ内で起動できるようになる(はず)

sudo /Applications/Google\ Chrome.app/Contents/MacOS/Google\ Chrome --args -allow-file-access-from-files

コメント

タイトルとURLをコピーしました