ブラウザで動くVJ HTML Pack Vol.01
- Digital1,500 JPY
ブラウザ上で動作するVJ向けHTMLビジュアルパックです。 インストール不要。 HTMLファイルを開くだけで、音に反応するリアルタイムビジュアルを再生できます。 ライブ、クラブイベント、配信背景、展示空間などで使用可能。 Three.jsを使用した3D表現、音反応、グリッチ、カレイドスコープ、パーティクル演出などを収録しています。
詳細
内容 HTMLファイル JavaScriptファイル 使用ガイド 主な機能 Audio Reactive Visual 3D Particle System Glitch Effect Kaleidoscope Mirror Effect Webcam Input 外部ビデオ入力対応 MIDI対応 PS5 Controller対応 AKAI APC40 USB MIDI Controller対応 Preset Save / Load Fullscreen VJ Visual 映像入力対応 PC標準カメラ入力対応 Webcam映像入力可能 外部ビデオ入力可能 動画ファイル読み込み可能 リアルタイムで映像をVJ素材として使用できます。 対応コントローラー PS5 DualSense Controller AKAI APC40 USB MIDI Controller ブラウザ上からリアルタイム操作可能です。 ※一部機能（マイク / MIDI / Webcam）はブラウザ権限が必要です。 利用規約 個人利用OK 商用イベント利用OK 改変OK 再配布・転売禁止 価格 1,500円 Update 購入者向けにアップデート配布を予定しています。 演出追加 新エフェクト 軽量化 カラーバリエーション バグ修正
動作環境
Google Chrome 推奨 Mac / Windows 対応 WebGL対応ブラウザ
使い方
1. ファイルを開く vj-final.zipを解凍し、 vj-final.htmlをGoogle Chromeで開いてください。 ※Chrome推奨 ※Mac / Windows対応 2. 音に反応させる 画面左下のMicrophone表示をONにすると、 PCマイク入力に反応してビジュアルが変化します。 ライブ音源やスピーカー音にも反応可能です。 3. コントロールパネルを開く 画面右上の「+」ボタンからControl Panelを開けます。 以下の調整が可能です。 Rotation Speed Glow Strength Spark Power Hue / Saturation Zoom Glitch Kaleidoscope Mirror Effect など。 4. Visualization Modes 複数のビジュアルモードをON/OFFできます。 Particles Stardust Wave Spiral Torus Icosahedron Video などを組み合わせて演出可能。 5. Webcam / Video Input 画面下部のVIDEO INPUTから映像入力可能です。 Webcam PC標準カメラをリアルタイム入力 Video File 動画ファイルを読み込み可能 外部映像入力 HDMIキャプチャなどを使用した外部映像入力にも対応 6. MIDI Controller AKAI APC40 USB MIDI Controller対応。 フェーダー・ノブ・ボタンからリアルタイム操作可能です。 7. PS5 Controller PS5 DualSense Controller対応。 USB / Bluetooth接続後、ブラウザ上で操作可能です。 8. Fullscreen ブラウザをフルスクリーン表示すると、 ライブVJ用途として使用できます。 Mac： control + command + F Windows： F11 9. Preset Save お気に入り設定を保存可能です。 ライブ用セットを複数作成できます。 注意事項 Chrome推奨 一部機能はブラウザ権限が必要です PCスペックによって動作が変わる場合があります AI Image機能は実験機能です
HOW TO USE
## 1. Open the File Open `index.html` with Google Chrome. ※ Chrome Recommended ※ Mac / Windows Supported --- ## 2. Audio Reactive Mode Enable the microphone input to make visuals react to sound in real time. The system can respond to: * Live music * Speakers * Environmental sounds * Microphone input --- ## 3. Open Control Panel Click the “+” button in the top-right corner to open the Control Panel. You can control: * Rotation Speed * Glow Strength * Spark Power * Hue / Saturation * Zoom * Glitch * Kaleidoscope * Mirror Effect and more. --- ## 4. Visualization Modes Enable or combine multiple visual modes. Available modes include: * Particles * Stardust * Wave * Spiral * Torus * Icosahedron * Video Mix modes together for unique VJ performances. --- ## 5. Webcam / Video Input Use VIDEO INPUT at the bottom of the panel. ### Webcam Use your computer’s built-in camera in real time. ### Video File Load local video files. ### External Video Input Supports HDMI capture devices and external camera inputs. --- ## 6. MIDI Controller Compatible with: * AKAI APC40 USB MIDI Controller Use knobs, faders, and pads for live visual control. --- ## 7. PS5 Controller Compatible with: * PS5 DualSense Controller Supports USB and Bluetooth connections. --- ## 8. Fullscreen Mode For live performances, use fullscreen mode. Mac: `control + command + F` Windows: `F11` --- ## 9. Preset Save Save your favorite settings and create multiple live performance presets. --- ## Notes * Google Chrome Recommended * Some features require browser permissions * Performance depends on your PC specifications * AI Image feature is experimental