RPGアツマールAPI for Unity
  • RPGアツマールAPI for Unity について
  • API対応一覧
  • ソフトウェア履歴
  • 環境構築
    • 動作条件
    • RPGアツマールAPI for Unityの導入
      • manifest.jsonの編集
      • PackageManagerの設定
      • パッケージのインストール
  • 各種APIサンプルと解説
    • サンプルコード集
      • 初期化をしよう
      • サーバーセーブをしよう
      • 音量を制御しよう
      • コメントの流れを制御しよう
      • コントローラの入力を受け取ろう
      • 外部リンクに誘導しよう
      • URLに添えられたパラメータを取り出そう
      • 作者の情報を表示しよう
      • スコアボードを表示したり送信したりしよう
      • スクリーンショットを撮って送信しよう
  • モバイル版RPGアツマールで起動できるようにしよう
    • WebGLテンプレートを作ろう
GitBook提供
このページ内
  • 背景
  • 解説
  • 手順
  • ロゴを選択してテンプレートを出力しよう
  • ビルド設定を変更してビルドしよう
  • RPGアツマールにアップロードして確認しよう
  1. モバイル版RPGアツマールで起動できるようにしよう

WebGLテンプレートを作ろう

前へモバイル版RPGアツマールで起動できるようにしよう

最終更新 4 年前

背景

Unityにて、WebGL向けビルドをした場合、通常はUnityが提供している汎用起動画面が表示されます。

ゲームがだんだん完成に近づいてくると、起動時のアイコンなどを変えたくなるでしょう。

RPGアツマールAPI for Unityでは、その起動画面を簡単に作るためのエディタを搭載しています。

解説

UnityにてWebGLビルドをした際に、出力される"index.html"がありますが、このファイルはWebGLテンプレートと言われる機能を使えば、簡単に差し替えることが可能です。

そのWebGLテンプレート自体も、自作することが可能ですが少々のHTMLの知識が必要になります。

しかし、RPGアツマールAPI for Unityでは、RPGアツマール用のWebGLテンプレートを簡単に作れるように、エディタ化しました。

そのエディタを使う方法は次の手順を参照して下さい。

手順

ロゴを選択してテンプレートを出力しよう

まずは、Unityエディタのメニューバーから操作し、ロゴを選択してテンプレートを作ってみましょう。

画像サイズは、ゲーム画面全体の半分以下の解像度にすることをおすすめします。

ビルド設定を変更してビルドしよう

あとは、生成されたWebGLテンプレートを選択するだけです。非常にお手軽であることがわかります。

RPGアツマールにアップロードして確認しよう

RPGアツマール / ウィンドウ / WebGLテンプレート作成
「ロゴをロード」ボタンをクリック(ロゴがない場合は1x1透明画像をロードでも可)
ロードするロゴを選択して開く
プレビューで画像とサイズが正しい物か確認して「テンプレートを作成」ボタンをクリック
Unityプロジェクトに「WebGLTemplates」フォルダとその配下が出来ているか確認
ビルド設定を開き「PlayerSettings...」をクリック
赤線の項目にある「WebGLTemplate」に新しく「RPGアツマール」が増えているので選択
このようにプレビューされていれば成功です。