WebGL2 球体可視化
Perlin ノイズベースの粒子球体をリアルタイムに描画。5パスレンダリング。
NCS Visualizer
Web App更新 2026-09-14
WebGL2 で動作するリアルタイム音楽可視化ツール。Spicetify の NCS Visualizer をブラウザへ完全移植し、音楽に合わせて高品質なビジュアルエフェクトをリアルタイムで描画します。インストール不要で、最新のブラウザからすぐに利用できます。
A real-time music visualization tool powered by WebGL2. It is a complete browser port of the Spicetify NCS Visualizer, rendering smooth, high-quality visual effects synchronized with your music. No installation is required—simply open it in a modern web browser and start visualizing.
Features
機能
リアルタイム FFT 解析
20-200Hz の低音域を解析し、音に合わせて球体が反応。
ガウシアンブラー
分離型ガウシアンブラーでなめらかなグロウ表現を実現。
カスタムカラー
発光色を自由に設定可能。デフォルトは NCS オレンジ。
PWA 対応
一度開けばオフラインでも利用可能なプログレッシブ Web アプリ。
音楽ファイル再生
MP3 / WAV / FLAC / OGG など多彩な形式に対応。
ピッチ・速度変更
再生速度・ピッチを調整して自分好みにカスタマイズ。
ソースコード公開
NCS4JSのコアコードが公開されています。再現したい方はどうぞ。
使い方
アプリを開く
「起動する」ボタンで NCS Visualizer を開きます。
音楽ファイルを追加
MP3、WAV、FLACなどの音楽ファイルを追加します。
自動可視化
再生と同時に WebGL2 の球体可視化が始まります。
対応形式
MP3AACFLACWAVM4AOGG
FAQ
よくある質問と回答
音楽ファイルはアップロードされますか？
いいえ。ファイルはブラウザ内で処理され、サーバーには送信されません。
無料ですか？
はい。NCS Visualizerは完全無料です。
オフラインで利用できますか？
はい。PWAに対応しているため、一度開けばオフラインでも利用できます。
プレイリストは保存されますか？
はい。プレイリストの保存に対応しています。また削除も可能です。
スマホでも使えますか？
はい。AndroidやiPhoneなどのスマートフォンでも利用できます。
インストールは必要ですか？
いいえ。ブラウザだけで利用できます。アプリのインストールは必要ありません。
Related