WEBGL RACING / ROAD RAGE

暴力摩托
把速度与反击,交给双手。

从落日海岸驶入霓虹高架,再穿过荒漠公路。驾驶摩托、躲避碰撞,在并行超车时寻找出手机会,与 AI 骑手争夺终点。

Three.jsWeb AudioJavaScriptesbuild

个人学习作品 · AI 辅助开发 · 浏览器本地单机 AI 竞速 · 支持键盘与触屏

暴力摩托实际渲染画面:骑手、摩托与公路赛道
游戏实际渲染截帧。摩托、骑手和赛道由程序化几何构建。
TRY IT / 操作指引

先稳住车,再找机会。

在菜单中选择赛道和车款,通过右上角或暂停菜单开启游戏声音。电脑使用键盘;手机自动加速,用屏幕按钮转向、制动、攻击和释放氮气。

  1. 加速、转向与制动默认自动油门,A / D 或 ← / → 转向,S / ↓ 或空格制动。弯道提前收速,避免连续碰撞损失生命。
  2. 左右攻击与氮气J 向左攻击,K 向右攻击;靠近并排行驶的对手再出手。按住 Shift 使用氮气,留意生命与氮气余量。
  3. 暂停与重新出发P 或 Esc 暂停。手机使用暂停按钮;从暂停和结算界面继续、重新比赛或返回菜单。
THREE ROADS / THREE RIDES

换一条路,换一种节奏。

三条赛道与三款摩托可在开始前选择。

01 / SUNSET COAST

落日海岸

暖色天空与海岸公路拉开第一段冲刺。在弯道中调整走线,出弯后用氮气追近前车。

02 / NEON EXPRESSWAY

霓虹高架

驶过霓虹灯光中的高架道路。把注意力留给前方路线与并排对手,在超车窗口发起反击。

03 / DESERT HIGHWAY

荒漠公路

山体与荒漠组成开阔远景。速度之外,也需要管理生命和氮气,让优势维持到终点。

CHOOSE YOUR BIKE

街道猎手 · 追风者 · 铁甲骑士

在菜单中查看车款属性,选择适合自己操作习惯的摩托。骑手随转向倾斜,攻击时向对应一侧出手。

INSIDE THE IMPLEMENTATION

让每次操作都有反馈。

竞速、对抗与画面共用明确的比赛状态。

01 / PROCEDURAL WORLD

用几何构建摩托与公路

Three.js 绘制车轮、车架、骑手和赛道路面。镜头跟随摩托前进,车身倾斜、车轮转动与环境共同呈现速度感。

02 / CLOSE COMBAT

先靠近,再出手

左右攻击有各自的方向与有效距离,结合冷却和受击状态产生反馈。操作时观察相邻骑手,控制超车距离与时机。

03 / RACE STATE

把比赛组织成一轮体验

选择、倒数、竞速、暂停与结算彼此衔接。AI 骑手参与名次竞争,HUD 持续显示速度、进度、生命与氮气。

04 / INPUT & AUDIO

键盘和触屏都能上路

手机采用自动油门和触屏按钮,电脑使用自动油门、键盘转向、制动和左右攻击。引擎与动作声音通过 Web Audio 合成,在开始操作后启用。

BUILD & CHECK

源码与验证一同维护。

游戏作为独立模块随个人网站构建。首页与作品专栏只展示静态封面,打开游戏入口后才加载三维场景和音效。

项目保留逻辑测试与静态站点检查。实际运行表现取决于设备和浏览器,可在菜单中调整画质。

FROM THE REPOSITORY ROOTnpm ci
npm test
npm run build
npm run check
游戏源码:demos/road-rage · 发布入口:/play/road-rage/
SCOPE & REFERENCE

参考来源与运行范围

玩法参考参考用户提供的 QQ 飞车三维网页演示的追尾竞速表现,将玩法重新设计为摩托竞速与近身对抗。

原创实现本作品的摩托、骑手、赛道与界面由程序构建,不使用商业游戏的模型、贴图或声音文件。Three.js 等依赖的许可声明随构建产物保留。

运行范围当前为浏览器本地单机游戏,对手由程序控制;不包含真人联网对战、账号系统或服务端排名。作品用于个人技术学习与交互体验,与原游戏品牌无隶属关系。

现在开始公路争锋 ↗← 返回全部作品演示