基于 Three.js+TS 的3D 打字赛车游戏,手速决定你的车速

0 阅读2分钟

项目简介

打字狂飙 (Type Rally) 是一个 Web 3D 赛车游戏,使用 TypeScript + Three.js + Vite 开发,游戏内置两套完整游玩模式,共用同一套物理仿真逻辑:

  1. 竞速模式:传统 WASD 操控赛车,漂移、蓄能、拾取道具,和 5 个 AI 车手在峡谷赛道竞速;
  2. 打字模式:本作最大亮点,打字充当油门,手速和正确率直接决定赛车的行驶速度。打错会掉速、车辆打滑,连续错字直接触发刹车。

赛道上分布补给点,可以拾取火箭、地雷、护盾、氮气,漂移还可以对道具进行蓄能强化,增加战术可玩性。游戏提供 6 套赛车皮肤,仅改变外观,不会带来任何性能加成。同时内置 WebAudio 实时合成的原创背景音乐,游戏体验完整。

在线体验地址:<打字狂飙TYPE RALLY - 3D打字赛车游戏 - 打字狗dazigo.vip/>

image.png

⌨️打字模式怎么玩?

打字模式下,WASD 按键全部失效,依靠敲击 A‑Z 字母进行游戏:

  • 打字充能动力条,手速越快动力越高,车速越快;就算不敲击键盘赛车也会低速蠕行,不会直接停下;
  • 正确率非常关键:相同手速,错误越多车速越低,打错字符车辆会向沙地打滑;
  • 打完单词按空格切换下一个单词;Enter释放道具;ESC暂停游戏;
  • 分为简单、困难、地狱三档难度:简单难度约 30WPM 即可夺冠,地狱难度需要 75WPM 以上。

⚠️注意:打字模式需要实体键盘,触屏设备仅可体验竞速模式。

✨游戏亮点

  1. 全部程序化生成:地形、赛车模型、涂装、粒子效果,无外部图片、模型素材;
  2. 完整游戏系统:SAT 碰撞检测、AI 对手、道具强化、漂移小喷、来袭预警;

📁项目技术栈

  • 渲染:Three.js
  • 语言:TypeScript
  • 构建工具:Vite
  • 音频:Web Audio API(实时合成音乐音效)
  • 测试:Node 单元测试 + Playwright E2E 自动化测试

📝适合人群

  1. 前端开发者,想学习 Three.js 3D 游戏开发、物理碰撞、WebAudio 音频合成;
  2. 想要趣味化练习打字速度,厌倦传统枯燥打字软件;
  3. 想找轻量网页小游戏,网页打开即玩,无需下载客户端。

#Three.js #typescript #web游戏 #打字游戏 #打字狗在线打字 #浏览器游戏