メインコンテンツまでスキップ

360度カメラでスカイボックスの作り方

ゲームエンジンで開発をしている際に、自分で作成した360度写真を使いたいと思い、無料Skybox素材配布場所というウェブサイトを作成しました。

360度写真の作り方

360度写真の作り方

このサイトを作成した際に、どのように撮影したのかを紹介します。

準備

機材は下記を利用しました。

撮影

360度写真の撮影では、撮影者の位置を変えて最低でも2枚の写真を撮影します。

撮影の流れは以下の通りです。

  1. Insta360を固定する
  2. タイマーで360度写真撮影(1枚目)
  3. 次の写真と合成できるように反対側に移動して撮影(2枚目)

これで2枚の写真が撮影できます。

合成前の写真

撮影した写真データをFigmaに取り込み、確認します。

Figmaでの確認

今回はHDRIの写真ではなく、PNG形式でエクスポートするため、Figmaで手軽に加工を行います。

Figmaはソースファイルの管理が容易なため、このような使い方をしています。

Skyboxは大まかに、上半分が空、下半分が地面として利用できます。

それをSkyboxとして利用したウェブサイトがこのようになります。

Skyboxとして利用したウェブサイト

[2025-01-03 追記] 新規の写真を追加しました。