The school in the middle of the night

全編のカメラ・揺れ・照明と素材を読み込んでいます

※音が出ます
ドラッグで周囲を見回せますSpace:一時停止/再開 Esc:作品ページへ
Yuki Morita
BGM: OtoLogic
横向きにすると鑑賞できます
- FORMAT
- Realtime 3D film
- DURATION
- 00:36.4
- TOOLS
- Maya / UE 5.6 / Three.js
担当:モデリング(Maya)/環境構築・映像制作(UE)/Web版の制作
Web版制作:2026.10.20–10.30 | Web実装にClaude Code/Codexを使用
ブラウザで体験できる、約36秒のWeb 3D作品です。映像は自動で進み、ドラッグで周囲を見回せます。「元映像と比較する」では、元の映像を横に並べて再生し、見え方を比較できます。
元の映像は、何かに追われて学校の廊下を走り、背後を振り返り、最後は光だけの空間へ進んでいく作品です。暗い校舎の中の緊張感と、後半に色や光が重なって空間の見え方が変わる流れを描いています。
MayaとUnreal Engineで制作した映像をもとに、Three.jsでWeb版を制作しました。元のモデルやテクスチャを使い、カメラや照明の動きを参考にしながら、ブラウザ上での見え方を調整しています。


場面へ移動
全編36.4秒。3D画面をドラッグして見回す/Spaceで再生・停止/Rで元の視線。右の画像は近い時刻の参照フレームです。
元作品との対応と再現の範囲
UE Sequenceの全1092フレームとCS_Runningshakeの振幅・周波数・期間を使用。揺れの開始位相は元レンダリングで保存されない乱数のため固定しています。0〜341fはDouga2_Seen1、342f以降の参照画像は連続するDouga2_Seen2_Legacyです。Lumenと面光源の影、霧・レンズ効果・ブラーはWeb向けの近似で、映像との完全一致は未確認です。未公開のローカル検証です。BGM: OtoLogic。