AI 仓库情报摘要

FR-AI / ANALYSIS

为什么值得关注

该游戏展示了无需后端、完全在浏览器中运行的高性能3D游戏，集成了最新的 Web 技术（React 19、Three.js、TanStack Start），并支持桌面和移动端的响应式控制。

适合谁使用

寻求现代技术栈示例的网页游戏开发者
学习 React 和 Three.js 的实践者
对程序化生成感兴趣的计算机图形学学生
需要作品集或黑客马拉松项目的开发者

典型使用场景

学习 React + Three.js 集成开发3D网页应用
原型设计无限跑酷赛车游戏机制
演示程序化环境生成与对象池优化
作为支持手机划控的浏览器游戏参考

项目优势

使用最新的 React 19、Three.js 和 TypeScript 构建
程序化生成的霓虹城市与无限高速公路及氛围效果
通过道路回收和对象池实现性能优化
自动保存至 localStorage，无需后端

使用前须知

尚无音效或碰撞动画（列为未来增强）
仅限单人模式，没有多人游戏或在线排行榜
依赖浏览器 localStorage，进度与设备绑定

README 快速开始

🏎️ NEON CAR RUSH

NEON CAR RUSH is a modern browser-based infinite 3D arcade racing game built with React 19, Three.js, TypeScript, TanStack Start, Tailwind CSS, and Vite.

Inspired by classic endless highway racers, the game features a procedural neon city, multiple unlockable vehicles, boost mechanics, smooth WebGL rendering, and responsive controls for both desktop and mobile devices.

Everything runs directly in the browser with no backend required, while player progress is automatically saved using localStorage.

🚀 Project Overview

This project demonstrates real-world applications of:

🏎️ 3D browser game development

🌆 Procedural environment generation

⚡ Real-time WebGL rendering using Three.js

🎮 Arcade game mechanics

💾 Local persistence using browser storage

📱 Responsive desktop and mobile gameplay

🚀 Performance optimization using object pooling and recycled world generation

The game continuously generates an endless futuristic highway while maintaining smooth performance through optimized rendering techniques.

✨ Features

🌆 Procedural Neon City — Infinite highway with futuristic skyline, glowing buildings, stars, moon, atmospheric fog, and neon lighting.

🚗 Multiple Vehicles — Unlock sports cars, SUVs, trucks, buses, and monster trucks using collected coins.

🎮 Arcade Gameplay — Three-lane movement, jumping, increasing speed, endless gameplay, and instant restart.

🪙 Coin Collection — Collect coins during gameplay to unlock new vehicles.

⚡ Boost Mode — Temporary invincibility, speed boost, animated timer, and warning effects.

🚘 Garage System — Unlock, select, and permanently save your favorite vehicles.

💾 Auto Save — Coins, unlocked vehicles, selected vehicle, and high score are automatically stored locally.

📱 Mobile Controls — Swipe gestures for movement and jumping.

🎨 Modern UI — Neon-inspired HUD with responsive interface.

⚡ Performance Optimized — Infinite road recycling, object pooling, efficient collision detection, and lightweight rendering.

🛠 Technologies Used

React 19 ⚛️
Three.js 🌍
TypeScript 🔷
TanStack Start 🚀
TanStack Router 🧭
Tailwind CSS v4 🎨
Vite ⚡
WebGL Rendering 🖥️
Browser Local Storage 💾

No backend required. No database required.

📂 Project Structure

NEON-CAR-RUSH

│

项目描述

🏎️ Infinite 3D arcade racing game built with React 19, Three.js, TypeScript, TanStack Start, and Vite. Dodge traffic, collect coins, unlock vehicles, and race through a procedural neon city.

NEON-CAR-RUSH