▼そのUnityの作業、依頼しませんか?
基本知識

【2019】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で作ったゲームを簡単に公開できるサイトがあります。そのゲーム投稿サイトにゲーム投稿するのは、いくつかの手順があります。その方法をお伝えします。...
ABOUT ME
さぎのみや
さぎのみや
超書手。現在はUnityメディア「ユニシャー」の運営とゲーム開発がメインです。Unity、ライティング関係のお仕事お待ちしております。 >>詳しいプロフィール >>Amazonほしいものリスト
【Unity3D】新しいサンプルゲーム(チュートリアル)を作りました!!!
Unity有料サンプルゲーム

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

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

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

>>BOOTHでこのチュートリアルを見る

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

シェアフォローする

さぎのみやのモチベが上がる

コンテンツの質が上がる

あなたの能力も上がる

あなたの
Twitterでのシェア

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

>>さぎのみやのツイッター(@saginomiya8)

 

COMMENT

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

CAPTCHA


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