【VRChat WORLD向け】 動く！東京湾スカイボックス Animated Tokyo Bay Skybox

【VRChat WORLD向け】

動く！東京湾スカイボックス

Animated Tokyo Bay Skybox

静止画だった夜景が、動き出す。

東京湾をイメージした夜景をベースに、

水面・月光・都市の灯り・雲にアニメーションを加えた

VRChat WORLD向けの動くSkyboxです。

海には細かな波が流れ、

水面に映った月の光も波に合わせてきらめき、

遠くのビル群では色とりどりの灯りが瞬き、

その手前を雲がゆっくりと流れていきます。

単純にSkybox全体を回転させるのではなく、

複数のレイヤーを独立して動かすことで、

静止画Skyboxでは表現できない

「生きている夜景」を目指しました。

＜動作デモ動画＞

https://vt.tiktok.com/ZSVpUN9jy/

━━━━━━━━━━━━━━━━━━

■ このSkyboxの特徴

━━━━━━━━━━━━━━━━━━

◆ 海が波打つ「動く水面」

海を背景から独立したレイヤーとして構成。

大きな波と細かなさざ波を組み合わせることで、

静止した海ではなく、

常にゆっくりと動いている水面を表現しています。

水平線や遠景が大きく崩れないよう調整しているため、

夜景を保ちながら水面の動きを楽しめます。

◆ 月光の反射も波と一緒に動く

月の光が映り込んだ水面も、

海と同じ波の動きを共有しています。

反射画像だけを単純に左右へ動かすのではなく、

水面が揺れることによって

月光が細かく砕け、きらめくような表現にしています。

月と海を眺めるチルワールドにもおすすめです。

◆ 都市の灯りがきらめく

ビルの灯りも専用レイヤーとして分離。

夜景の中にある窓や看板などの光が、

それぞれ異なるタイミングで明滅します。

白・暖色・青・紫・緑など、

さまざまな色の光を使用することで、

実際の都市夜景のような賑やかさを演出しています。

夜景そのものは固定されているため、

ビルが動いてしまうことはありません。

◆ 雲が夜空を流れる

夜景と月よりも手前に雲レイヤーを配置。

雲が月の前を横切ることで、

Skyboxでありながら奥行きを感じられる構成にしています。

360°パノラマで目立ちやすい左右の継ぎ目や、

天頂付近での雲の歪みについても対策を行っています。

━━━━━━━━━━━━━━━━━━

■ 多重レイヤー構造

━━━━━━━━━━━━━━━━━━

このSkyboxでは、

・夜空 / ビル

・海

・都市の灯り

・月

・月光反射

・雲

などを複数のレイヤーとして扱っています。

それぞれに異なる動きや発光表現を与えることで、

1枚の画像をそのまま回転させるSkyboxとは違う

立体感のある夜景を作っています。

━━━━━━━━━━━━━━━━━━

■ 日本語プリセットで簡単設定

━━━━━━━━━━━━━━━━━━

難しいShaderの知識がなくても使えるように、

日本語のプリセット機能を用意しています。

まずプリセットを選んで、

好みに合わせて少し調整するだけでもOKです。

「とりあえず動かしてみたい！」

という方のために、

動きが分かりやすい高速デモ設定も用意しています。

━━━━━━━━━━━━━━━━━━

■ 細かいパラメータ調整にも対応

━━━━━━━━━━━━━━━━━━

慣れている方はMaterialのInspectorから、

・海の波の強さ

・波の速度

・さざ波

・水面のきらめき

・月の動き

・月光反射

・雲の速度

・雲の濃さ

・都市灯りの明るさ

・都市灯りの瞬き

・灯りの変化速度

などを調整できます。

「ほとんど動かない静かな夜景」から

「動きがはっきり分かる幻想的な都市」まで、

ワールドに合わせて変更できます。

━━━━━━━━━━━━━━━━━━

■ 初心者の方でも簡単に導入できます

━━━━━━━━━━━━━━━━━━

基本的な導入はとてもシンプルです。

① 商品フォルダをUnityのAssetsへ入れる

②

Window

→ Rendering

→ Lighting

→ Environment

を開く

③ Skybox Materialへ

「AnimatedTokyoBay_v1_Product」

を設定

基本導入はこれだけです。

UdonをHierarchyへ配置する必要はありません。

また、本商品を導入しても

既存ワールドのVRCWorld / Spawn / Floor等を

削除する必要はありません。

詳しい手順は同梱の初心者向けREADMEをご確認ください。

━━━━━━━━━━━━━━━━━━

■ こんなワールドにおすすめ

━━━━━━━━━━━━━━━━━━

・都会の夜景ワールド

・高層ビル / 屋上ワールド

・海辺のチルワールド

・バー / ラウンジ

・ホテル

・夜のデートワールド

・睡眠 / リラックスワールド

・撮影ワールド

・展望台

・イベント会場

特に、

「景色を眺めながらゆっくり過ごすワールド」

との相性を意識して制作しています。

━━━━━━━━━━━━━━━━━━

■ 内容物

━━━━━━━━━━━━━━━━━━

・Animated Tokyo Bay Skybox本体

・専用Skybox Shader

・設定済みMaterial

・各種レイヤーTexture

・日本語プリセット / 日本語Inspector

・初心者向けREADME

・パラメータ説明

・トラブルシューティング

━━━━━━━━━━━━━━━━━━

■ Udon不要

━━━━━━━━━━━━━━━━━━

基本的なアニメーションはShader側で動作します。

そのため、

Skyboxを動かすためだけにUdonを設置したり、

UdonSharpのプログラムを設定したりする必要はありません。

MaterialをSkyboxへ設定するだけで使用できます。

━━━━━━━━━━━━━━━━━━

■ ご注意

━━━━━━━━━━━━━━━━━━

・VRChat WORLD向けの商品です。

・アバター向けの商品ではありません。

・Unity / VRChat SDKの仕様変更により、将来的に動作や表示が変化する場合があります。

・ワールド側のPost Processing / Bloom / Exposure等によって見え方が変化します。

・ご使用の環境によって明るさや発光の印象が異なる場合があります。

・商品画像に使用イメージを含む場合があります。実際の表示については実機キャプチャをご確認ください。

━━━━━━━━━━━━━━━━━━

■ 動くSkyboxシリーズ

━━━━━━━━━━━━━━━━━━

静止した背景ではなく、

「その場所に時間が流れているように感じる空」

を目指したAnimated Skyboxシリーズです。

今回の東京湾では、

派手なエフェクトを追加するのではなく、

波が動く。

月光が揺れる。

街の灯りが瞬く。

雲が流れる。

そんな小さな変化を重ねることで、

ずっと眺めていたくなる夜景を目指しました。

あなたのワールドの景色作りに

使っていただけたら嬉しいです。