Skip to content

About

3D WebGL Street Racing & Police Chase Game

Resources

Stars

1 star

Watchers

0 watching

Forks

Latest commit

 

History

3 Commits

Folders and files

NameName
Last commit message
Last commit date
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

🏎️ REDLINE PURSUIT (レッドライン・パースート)

License: MIT Three.js Platform GitHub Pages Gamepad

ブラウザで即座に遊べる、スリリングな3Dオープンワールド・ハイウェイ警察チェイスレーシングゲーム!
サーバー不要、インストール不要。PC・Macのブラウザ(Chrome / Edge / Safari)で今すぐプレイ可能。

🎮 今すぐブラウザでプレイする (Live Demo)


📖 目次 (Table of Contents)


🎮 ゲーム概要

『REDLINE PURSUIT』 は、Three.js を駆使して描画される3Dストリートレース&ポリスチェイスゲームです。
広大な 4km×4km のオープンワールドマップを舞台に、迫り来るパトカーの包囲網をドリフトとニトロで突破するレーサー体験、または警察車両を操り違法レーサーをEMPやスパイクストリップで追いつめるチェイス体験が楽しめます。

Web Audio APIによるプロシージャルサウンド生成エンジンを搭載しており、大容量の外部音源ファイルの読み込みを待つことなく、軽量・高速に起動します。


🔥 ゲームモード

1. 🏁 HOT PURSUIT RACE (ホット・パースート・レース)

ライバルの違法レーサー3台と約8.7kmのハイウェイ・サーキットで競うモード。
追跡してくる警察部隊(ヒートレベル1〜5:増援要請、ロードブロック封鎖、スパイクストリップ設置)の妨害を潜り抜け、1位でのフィニッシュを目指します。

2. 🚨 INTERCEPTOR (インターセプター)

プレイヤーが警察側となり、街にはびこる違法レーサー4台を検挙するモード。
パトカー特有の装備である 体当たり、スパイクストリップ設置 (Q / LB)、EMPロックオン照射 (E長押し / RB) を駆使して目標車両をテイクダウンせよ!

3. 🗺️ FREE RUN (フリーラン)

4km四方の広大なマップを自由にドライブできるオープンワールドモード。
巡回中のパトロールカーに見つかると即座にチェイスが開始されます。視界を遮りパトカーを撒いて14秒間逃げ切れば追跡回避成功となり、懸賞金(バウンティ)を獲得できます。


🕹️ 操作方法 (Controls)

キーボード操作およびゲームパッド(Xbox / PlayStation / 汎用コントローラー)に完全対応しています。

キーボード操作

キー 機能
W / ↑ アクセル
S / ↓ ブレーキ / バック
A D / ← → ステアリング(左右旋回)
SPACE ハンドブレーキ(ドリフト開始)
SHIFT / N ニトロブースト(ドリフト・ニアミス等で蓄積)
C 視点切替(三人称近 → 三人称遠 → 運転席コックピット → ボンネット)
V 後方確認カメラ(押している間)
マウス 視点移動(ドラッグ / マウスロック。設定で切替・OFF可)
Q 【警察側】後方にスパイクストリップを設置
E (長押し) 【警察側】前方のターゲットにEMP照射
R コース復帰(スタック時のリセット)
M BGM オン / オフ
ESC / P ポーズメニュー

マウス視点操作

設定画面の 「マウス視点操作」 で以下から選べます(デフォルト: ドラッグ)。

  • ドラッグ: マウスボタン(左または右)を押しながら動かすと、車の周りを回り込むように視点が動きます。
  • マウスロック: 画面をクリックするとカーソルが固定され、マウスを動かすだけで自由に見回せます。ESC で解除(同時にポーズ)。
  • OFF: マウスで視点を動かしません。

1人称(コックピット / ボンネット)視点では首振りのように左右・上下を見回せます。マウス感度・上下反転・「操作をやめると自動で正面に戻る」も設定できます。

ゲームパッド操作

  • RT: アクセル
  • LT: ブレーキ
  • 左スティック: ステアリング
  • A ボタン: ニトロブースト
  • X / B ボタン: ハンドブレーキ(ドリフト)
  • Y ボタン: カメラ視点切替
  • LB: スパイクストリップ設置
  • RB: EMP照射
  • 方向キー下 (↓): 後方確認
  • START: ポーズ
  • BACK (SELECT): リセット
  • メニュー操作: 十字キー/左スティックでカーソル移動、A で決定、B で戻る

Note

ブラウザのセキュリティ仕様(AudioContext Autoplay Policy)により、ゲームパッド操作のみでは音声が開始されない場合があります。その場合は画面内を一度クリックするか、キーボードの任意のキーを押してください。


✨ 主な特徴 (Features)

  • 3D物理&挙動シミュレーション: ドリフトの滑走感、スリップストリーム、カウンターステア、重量感ある衝突レスポンスを再現。
  • ヒートレベル&ダイナミックAI: 警察車両はプレイヤーを追いつめるため、進路妨害・挟み撃ち・ロードブロック(バリケード)・スパイクストリップを戦略的に仕掛けてきます。
  • 4段階のカメラ視点: 臨場感あふれる運転席視点から、全体を見渡せる三人称視点まで自由に切り替え可能。
  • リッチなHUD・UI: 速度計、タコメーター、ミニマップ、ヒートレベルインジケーター、テイクダウン演出を完備。
  • 完全スタンドアロン: 外部のアセットサーバーに依存せず、すべての3Dメッシュやエフェクト、オーディオがコードからプロシージャルに生成されます。

🎯 酔い対策・表示設定

3D酔いが起きにくい快適なプレイ環境を提供するため、設定画面(SETTINGS)で細かなチューニングが可能です:

  • カメラのロール補正: カメラは常に水平を保ち、不要な画面の傾きを抑制。
  • カメラ揺れ (Camera Shake): デフォルトでOFF(お好みに応じてONに切り替え可能)。
  • 画角 (FOV) 調整: 視界の広さをスライダーで自由に変更可能。
  • スピードエフェクト: 高速走行時のブラーや動的FOV変化のON/OFF。
  • センタードット表示: 画面中央に視点固定用のドットを表示し、視覚的な酔いを大幅に軽減。
  • スローモーション演出: クラッシュ・テイクダウン時の演出切り替え。

🛠️ ローカル実行・ビルド方法

ローカルで遊ぶ場合

本プロジェクトは静的ファイルのみで構成されているため、ローカルの index.html をダブルクリックしてブラウザで開くだけでプレイできます。

ソースコードから再ビルドする場合

src/ 配下にモジュール化されたソースコード(Three.js r160ベース)が含まれています。コードを変更してビルドし直す場合は以下を実行してください:

# 依存パッケージのインストール
npm install three@0.160.0 esbuild

# バンドル・最小化ビルド(game.jsの生成)
npx esbuild src/main.js --bundle --format=iife --minify --outfile=game.js

👤 作者・ライセンス

About

3D WebGL Street Racing & Police Chase Game

Resources

Stars

1 star

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages