Unity超初心者講座！無料３D背景のHDRI画像とドラッグで360度パノラマでカメラを動かそう

「かっこいい3D風景をつくりたい」
「ゲームの作り方を知りたい」

でも
「どうやればいいか、わからない」

と悩んでいませんか？

このページでは、だれでも、できる方法でゲームのつくり方を紹介しています

今回は、3Dゲームで背景を表示する方法とドラッグで360度カメラを動かす方法を紹介します

ぜひ、チャレンジしてください

つぎの目次の流れにそって進めます

Youtubeでさらにくわしく、ゲームのつくり方を紹介しています

>> イラスト55 @ クリエイティブ情報を紹介

・Unityをはじめて聞いた方
・HDRIとはなんなの？
・無料３D背景のHDRI画像とドラッグで360度カメラを動かそう
まとめ

・Unityをはじめて聞いた方

Unityとはゲームをつくためのソフトです

Unityは世界でもっとも使われているゲームをつくるためのソフトです

公式サイトからインストールプログラムをダウンロードすることができます

＜Unity公式サイト＞
https://unity.com/ja

Unityのインストールの方法を次のページで紹介しています

ぜひ、合わせてご覧ください

＜UNITYのインストール方法と初めての使い方を紹介しているページ＞
https://illust55.com/2018/

・HDRIとはなんなの？

今回、ご紹介するHDRIは360度のパノラマ背景です

HDRIは360度見ることができる3DやVRのための背景です

前だけではなく、後ろ、上、下も背景になります

・無料３D背景のHDRI画像とドラッグで360度カメラを動かそう

・背景の部品をダウンロードしよう

無料の3D背景をダウンロードできるHDRIヘブンにアクセスしてください

１．無料の3D背景をダウンロードできるPolyヘブンにアクセスしてください

https://polyhaven.com/hdris

２．トップ画面の「HDRIs」をクリックしてください

HDRIが現れます

・背景にするHDRIをクリックしてください

「Download」のボタンをクリックするとダウンロードがはじまります

・「Download」のボタンをクリックしてください

・Unityに背景の部品をくわえよう

Unityを起動してください

１．「プロジェクト」をクリックしてください

２．「新規作成」をクリックしてください

３Dのプロジェクトをつくります

１．「3D」をクリックしてください

２．「プロジェクト名」、「保存先」を決めてください

３．「作成」をクリックしてください

ダウンロードした「HDRI」ファイルをドラッグ＆ドロップしてください

１．「Assets」をクリックしてください

２．ダウンロードしたファイルをドラッグ＆ドロップしてください

読みこんだファイルをクリックしてください

１．読みこんだファイルをクリックしてください

２．「TextureShape」をクリックしてください

３．「Cube」をクリックしてください

背景に映すために「マテリアル」ファイルをつくります

１．空いている場所で右クリックをしてください

２．「Create」 → 「Material」をクリックしてください

3Dの背景に「マテリアル」の種類を変えます

１．現れた「Materialファイル」をクリックしてください

２．「Shader」をクリックしてください

３．検索ウィンドウに「cubemap」を入れてください

４．現れた「cubemap」をクリックしてください

HDRIファイルを「マテリアル」に設定します

・HDRIファイルを「Cubemap」にドラッグ＆ドロップしてください

背景の設定ウィンドウが現れます

１．「Window」→「Rendering」→「Lighting」をクリックしてください

２．「Lighting」のウィンドウが現れます

背景を設定します

１．「Environment」をクリックしてください

２．「Skybox」に「Material」をドラッグ＆ドロップしてください

背景が現れました

・「360度」の背景が現れました

※ 画面内でマウス右ボタンをドラッグすると周りを見ることができます

・3Dの背景をドラッグで360度見渡すプログラムをつくろう

このままではプレイ中にドラッグで、360度見ることができません

１．空いている場所で右クリックをしてください

２．「Create」 → 「C# Script」をクリックしてください

プログラムファイルをつくります

ダブルクリックするとプログラムを変えられるソフトが起動します

１．現れた「C# Script」をダブルクリックしてください

２．「Visual Studio」が起動します

次のプログラムを貼り付けてください

ゲーム中に360度カメラを動かすプログラム

using System.Collections;
using System.Collections.Generic;
using UnityEngine;

public class NewBehaviourScript : MonoBehaviour
{
    public float speed = 3.5f;
    private float X;
    private float Y;

    // Start is called before the first frame update
    void Start()
    {
     
	 }

    // Update is called once per frame
    void Update()
    {
        if (Input.GetMouseButton(0))
        {
            transform.Rotate(new Vector3(Input.GetAxis("Mouse Y") * speed, -Input.GetAxis("Mouse X") * speed, 0));
            X = transform.rotation.eulerAngles.x;
            Y = transform.rotation.eulerAngles.y;
            transform.rotation = Quaternion.Euler(X, Y, 0);
        }
    }
}

・もとのプログラムを消して、すべて貼り付けてください