【Unity】Webアプリを公開する（UnityPlay）

2024年5月27日

Unity Playの良い点は、開発したゲームやプロジェクトを簡単に共有できることです。ワンクリックでプロジェクトをアップロードし、URLを共有するだけで誰でもプレイ可能です。コミュニティフィードバックを受けやすく、プロジェクトの改善に役立ちます。また、作品をポートフォリオとして公開でき、転職活動や評価向上に効果的です。Unity Playは、開発者同士の交流や学び合いを促進するプラットフォームです。

テスト用のサンプルプロジェクト

WebGLの対応していれば構いませんが、評価のためシンプルなサンプルを掲載しておきます

シーンの構成

新規で３Dプロジェクト（プロジェクト名 WebGLSample）を作成し、Capsuleオブジェクト１つと、スクリプト１つのアタッチ

using UnityEngine;

public class Movement : MonoBehaviour
{
    public float moveSpeed = 5f; // プレイヤーの移動速度

    void Update()
    {
        Vector2 movement = new Vector2(Input.GetAxisRaw("Horizontal"), Input.GetAxisRaw("Vertical")).normalized; // 入力された方向を正規化して移動ベクトルを作成
        Move(movement); // プレイヤーを移動させる
    }

    private void Move(Vector2 direction)
    {
        transform.Translate(direction * moveSpeed * Time.deltaTime); // 方向に応じてプレイヤーを移動させる
    }
}

WebGLモジュールをインストールします

UnityエディタのインストールにWebGLモジュールをインストールするには、次の手順に従ってください。

Unity Hubを開きます。

[プロジェクト] タブで、WebGL を追加するプロジェクトを見つけ、[エディター のバージョン] 列でその Unity エディターのバージョンを見つけます。

バージョンの確認

プロジェクトのエディターのバージョンを確認しておきます

WebGL Build Supportモジュールの追加

Unity [インストール] タブを開き、対応するバージョンのUnity Editorを探します。

管理したいバージョンのタイルにある設定（⛭）ボタンを選択し、モジュールを加えるを選択します。

表示されたウィンドウで、WebGL Build Supportを選択し、Installを選択します。

インストール完了後、Unityエディターが起動中であれば、再起動します

WebGL Publisherをインストールします

WebGL Publisher4.2.3バージョンは、Unity バージョン2019.3以降が必須になります

エディターのパッケージマネージャから、WebGL Publisherをインストールします
(Unityのバージョンによって、画面構成が変わっていることがあります）

WebGL Publisherを起動します

PublishメニューからWebGL Projectを選択します

Build and Publish（ビルドして、公開）をクリックします

WebGLでのビルドモードに切り替えます（事前にFileメニュー→Build Settings…で切り替え済みの場合は表示されません）

ビルドを保存するフォルダを選択する画面が表示されます（デフォルトでは次のフォルダが作成されています）

作成されるフォルダ　WebGL Builds

Windows版Unity

Mac版Unity

しばらくの間、ビルド処理が実行される時間があります

しばらくすると、自動的にブラウザが開き、UnityPlayページが表示されます

UnityPlayポータルに公開します

Playボタンをクリックし、正しく実行されることを確認します
15秒程度、ビデオ保存がスタートします

問題がなければ、画面下部のSaveボタンをクリックして保存します

完了

以上で、UnityPlayへの公開が完了になります

画面右上のUnityPlayをクリックし、インデックスのページを表示し、スクロールして、My Gameに表示されていれば問題ありません

完了画面

Unityエディター側の画面

Publishウィンドウでは、公開完了画面が表示されます

次からは、一度公開したアプリは、ボタンクリックで実行できるようになります
（新しく作り直すときは、Create and Publish New Buildボタンをクリックします

実行結果

Webアプリの制約

Unity

Posted by hidepon