🎨 3D Music Portfolio

音楽と視覚芸術が融合する3次元空間

Three.jsで構築された3D空間で音楽作品を体験してください。
音楽に反応するビジュアライザーと組み合わせた、新感覚のポートフォリオです。

🌌
Cyber Dreams
Ambient Electronic
4:32
🧘
Digital Zen
Lo-Fi Chill
3:48
🌃
Neon Nights
Synthwave
5:15
⚛️
Quantum Flow
Experimental
6:22
3D空間を構築中...
0%
Scene Controls

Objects: 0
FPS: 60
Track Info
Cyber Dreams
nemotea
グラニュラーシンセシスとリバーブエフェクトを組み合わせた実験的なアンビエント作品。
🔊
0:00 4:32
Audio Visualizer

🎮 操作ガイド

🖱️

マウス操作

ドラッグで視点回転、ホイールでズーム、右クリックでパン移動

🎵

音楽再生

楽曲カードをクリックして選択、プレイヤーで再生制御

🎨

視覚効果

パーティクル、ワイヤーフレーム、グローエフェクトの切り替え

🤖

カメラモード

手動回転、自由飛行、自動回転の3つのモードを選択

⚙️ 技術仕様

🔧

Three.js r128

WebGLレンダリング、カスタムシェーダー、パフォーマンス最適化

🎚️

Web Audio API

リアルタイム音声解析、FFT処理、音楽ビジュアライザー

パーティクルシステム

10,000個の動的パーティクル、音楽連動アニメーション