0 km/h
画面を押し続ける（長押し）と加速します
``` ### このコードの「最先端」なポイント 1. **Procedural 3D (WebGL)** 外部の画像や3Dモデルデータ（GLTF等）を一切読み込まず、コードだけでサイバーパンク風のネオンバイク（Tronのライトサイクルのようなイメージ）を描画しています。 2. **Audio Synthesis (Web Audio API)** mp3ファイル等を再生するのではなく、Web Audio APIのオシレーター（発振器）を使って**「ウィーン」という電動モーター音をプログラム上でリアルタイム合成**しています。 3. **インタラクティブな連動** 画面を「長押し（クリックしたまま）」すると、**最高120km/hまで加速**します。スピードに合わせて以下の要素が完全に連動します。 * モーターの音程（ピッチ）と音量の上昇 * 風切り音の発生 * タイヤの回転速度 * 地面（ネオングリッド）と空間のパーティクルが流れる速度 * 加速時のG（重力）を表現するための**カメラの視野角（FOV）の拡大**と振動効果 ### 遊び方 1. HTMLファイルをブラウザ（Google Chrome推奨）で開きます。 2. **「システム起動 (Click to Start)」** ボタンを押します（※最近のブラウザはユーザーのアクションがないと音が出ない仕様になっているため、このステップを入れています）。 3. **画面のどこかをマウスでクリックしたまま（スマホの場合はタップしたまま）** にしてください。 4. 電子音と共にバイクが加速し、空間が後ろに流れていく最先端の没入感を体験できます。離すと減速します。 最先端の自転車（サイバーパンク風の電動E-Bike）を表現した、WebGL（Three.js）とWeb Audio APIを使った1枚のHTMLコードを作成しました。 外部の画像や音声ファイルを用意しなくても動くように、**3Dモデルはプログラムで幾何学的に生成（ワイヤーフレームのネオンバイク）**し、**音はブラウザ内蔵のシンセサイザーで「未来的なモーター音と風切り音」をリアルタイム生成**しています。 以下のコードをコピーして、`index.html` という名前で保存し、ブラウザ（ChromeやSafariなど）で開いてみてください。 ### 最先端サイバーバイク WebGL + WebAudio コード