2
2

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 1 year has passed since last update.

Skybox AIで生成した360°画像をUnityで取り込んで非パノラマ画像として出力する

Last updated at Posted at 2023-05-30

モチベーション

私はゲームは作っていないのですが、趣味でイラストやアニメーション制作をしています。
とくにアニメでは同じ場所の、いろんな角度の画像が欲しくなるのですがこれを一枚ずつ描いていくと途方もないです。
というわけでできるだけ手を抜ける方法を探してこの記事の内容に至りました。

目標

BlocadeLabsのSkybox AIで生成した360°画像を非パノラマ画像として出力する。

こんな感じの360°画像を
manga_blue_sky.jpg

こんな感じで出力したいてなわけです。
Qiita.jpg

360°画像の生成

これはこの記事の主旨から外れるので詳しくは紹介しませんが、こんな感じでテキスト・アウトライン・テクスチャなどを入力すると360°画像を生成してくれます。
DOWNLOADボタンをクリックしてjpg画像をダウンロードしましょう
(利用規約に則った利用をしましょう)

image.png

Unityで取り込む

1. 空のプロジェクトを作成

  • UnityHubを開く
  • New Project
  • Core > 3Dを選択してCreate project
    • 必要に応じてプロジェクト名と保存場所を設定
      image.png
      image.png

これで空のプロジェクトができました

2. Skyboxにダウンロードした画像を設定

  • 生成した画像をAssetにドラッグ&ドロップ
  • Project paneの+ボタンからMaterialを作成(名前をつけると良いと思います)
  • 作成したMaterialを選択してInspector paneの Shaderを Skybox > Panoramic に設定
  • 同Materialを選択した状態でAssetから生成した画像をSphericalにドラッグ&ドロップ
  • メニューのWindow > Rendering > Lightingを選択してLightingメニューを表示
  • LightingメニューのEnvironmentタブを選択
  • SkyboxMaterialの→ボタンをクリックして先ほど作成したMaterialを選択

スクリーンショット 2023-05-30 23.29.57.png

image.png

image.png

スクリーンショット 2023-05-30 23.33.37.png

スクリーンショット 2023-05-30 23.37.22.png

スクリーンショット 2023-05-30 23.39.07.png

これでSceneの背景に画像が読み込まれました

画像を出力する

1. Unity Recorderをインストール

  • Window > Package Managerを選択
  • PacakgeManager windowのPackages: in ProjectとなっているプルダウンからUnityRegistryを選択
  • 🔍マークの検索フィールドにrecorderと入力して表示されたRecorderを選択、右下のInstallをクリック

image.png

image.png

これで撮影の準備ができました

2. Unity Recorderで静止画を出力

今回は画像が出力できればいいのでMain Cameraの向きを変更して撮影に使います。

  • Window > General > Recorder > Recorder Windowを選択
  • Recorder WindowのRecording ModeをSingle Frameに
  • +Add RecorderをクリックしてImage Seqenceを追加
  • 追加したImage Sequenceを選択してSourceをTargeted Cameraに
  • Output Fileで出力先やファイル名を設定
  • 録画ボタン(デカ三角ボタン)をクリック

image.png

スクリーンショット 2023-05-30 23.51.06.png

Qiita.jpg

やったね!これで出力できました!
カメラについての設定はHierarchy paneからMain Cameraを選択してInspector paneから設定できます。

以上!

参考

2
2
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
2
2

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?