フリーランスを目指すなら
ゲーム系の案件を探せるサイト
基本知識

【2020】UnityをWebGLにビルド(書き出し)する方法【超図解】

webgl-unity
  • WebGLにビルドしたい
  • WebGLにビルドして公開したい

ということを解決します。

WebGLはプラグインなしで、ブラウザ上でゲームを遊ぶためのものです。とても便利なやつですね。

UnityでWebGLにビルドする流れ

この流れ進めていきます。

  1. 【Scene In Build】に作ったSceneをドラッグ&ドロップ
  2. WebGLプラットフォームに変える
  3. 設定変更
  4. ビルドする

1.【Scene In Build】に作ったSceneを入れる

Scene-bulid1

●【Scene In Build】に作ったシーンを入れる流れ

【File】→【Build Setting】→【Sceneをドラッグ&ドロップする】→【一番上になっているのがSceneの初めになっていることを確認する】

もしシーンが1つしかない場合は、その1つを【Scene In Build】にドラッグ&ドロップしてください。

2.WebGLプラットフォームに変える

Scene-bulid1

●WebGLにプラットフォームに変える

【File】→【Build Setting】→【WebGLを選択】→【Switch Platform】→【WebGLの横にUnityマークがついていればOK】

webgl-unity

こんな感じでプラットフォーム(ゲームを動かすための土台)を変更できます。

【Development Build】のチェックは外れていることを確認してください。

もしエラーがでたら、Unityをインストールする際にWebGLにビルドするために必要なものをインストールしていない可能性があります。

Unityインストール

WebGLというチェックボックスにチェックをつけてインストールしてくださいませ。その際にもう一度、UnityやVisual Studioをインストールする必要はありません。

3.設定変更

Player Settings

【player Setting】を押してください。

そしたら、【Inspector】に【PlayerSettings】が表示されます。

icon-unity

アイコン設定したら、「5」にいきましょう。ちなみにアイコン設定しなくてもいいです。

4.ビルドする

Build-unity

【Build】をクリックしましょ。

保存する画面が出てくるので、場所はどこでもいいので、保存しましょう。時間かかります。

もしエラーが起こる場合はこちらの記事を参考にしてください。

Unityにてビルドしたのに保存されない
10秒で解決!WebGLでビルドしたのに保存されないエラーを解決する【Unity】Unityでビルドしたのに保存されない、 という悩みを解決します。 ●ビルドしたときの保存されないエラーを解決方法は 保存先のフォルダの名前を半角にする、ユーザー名下のフォルダ先を保存先にするです。...

もしかしたらエラーを解決できるかもです。

まとめ

  1. 【Scene In Build】に作ったSceneをドラッグ&ドロップ
  2. WebGLプラットフォームに変える
  3. 設定変更
  4. ビルドする

今回はWebGLにビルドしました。

今度は公開していきましょ。

>>>【Unity】unityroomに投稿する具体的な方法【完全図解】

unityroom
【Unity】unityroomに投稿する具体的な方法【完全図解】【Unity】unityroomというUnityで作ったゲームを簡単に公開できるサイトがあります。そのゲーム投稿サイトにゲーム投稿するのは、いくつかの手順があります。その方法をお伝えします。...
【Unity3D】新しいサンプルゲーム(チュートリアル)を作りました!!!
Unity有料サンプルゲーム

「Unityで3Dゲームを本格的に作っていきたい!」という人におすすめのチュートリアルとなっています。

画像のようなゲームの作り方を販売しています。色々と応用できるチュートリアルとなっています。ぜひ、作ってみてください。

詳細
>>【Unity3Dサンプルゲーム・チュートリアル】「フリスビーを犬に届けよ!」の概要

このチュートリアルを購入する>>

新作Unityアセット

【RT・フォローであなたのスキルが上がる】

シェアフォローする

管理人のモチベが上がる

コンテンツの質が上がる

あなたの能力も上がる

あなたの
シェア・フォロー

であなたの能力が上がります。

「#ユニシャー」をつけて拡散してください。

「Unishar-ユニシャー」公式アカウントをフォローする>>

フリーランスを目指すなら
ゲーム案件を探すサイト
新卒でゲーム業界志望なら
新卒でゲーム業界志望の人におすすめの就活サイト
応援ありがとうございます!
「Unishar-ユニシャー」の支援方法

COMMENT

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

CAPTCHA


このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください