~/projects/neon-drift

在线可玩Playable online2026-07-18 更新Updated 2026-07-18

Neon Drift

可直接在浏览器游玩的 3D 霓虹飞行射击游戏,支持键鼠与移动端触控。A 3D neon flight shooter playable directly in the browser, with keyboard, mouse and touch controls.

Three.jsWebGLWeb AudioShaderMaterialObject Pooling
01 / PROBLEM

要解决的问题The problem

在浏览器中实现长时间稳定运行、视觉反馈密集且无需下载素材的 3D 街机体验。Deliver a 3D arcade experience in the browser that runs stably for long sessions, gives dense visual feedback and downloads no external assets.

02 / APPROACH

实现思路Approach

使用 Three.js 构建无限霓虹场景,以对象池和坐标重定基控制运行成本,并用 Web Audio 程序化生成音乐与音效。Three.js renders an endless neon scene; object pooling and coordinate rebasing keep runtime cost down, and Web Audio generates music and sound effects procedurally.

03 / EVIDENCE

公开证据Public evidence

  • 本地化 Three.js 运行时,核心游戏无需联网即可加载The Three.js runtime is served locally, so the core game loads without a network connection
  • 实现水晶、无人机、拾取物、连击倍率、护盾和渐进难度系统Implements crystals, drones, pickups, a combo multiplier, shields and progressive difficulty
  • 使用对象池、环形粒子缓冲和坐标重定基支持长时间游玩Object pooling, ring particle buffers and coordinate rebasing support long play sessions
04 / LIMITS

当前限制Current limits

  • 首次交互前浏览器会保持音频静音,这是 Web Audio 的平台限制Browsers keep audio muted until the first interaction, a platform constraint of Web Audio
  • 最高分仅保存在当前浏览器的 LocalStorage 中High scores live only in the current browser’s LocalStorage