Skip to content

Repository files navigation

Wave Racing Icon

WAVE RACING

Un juego de carreras arcade 3D construido desde cero con Three.js

Made with Three.js React Vite JavaScript Mobile Ready


Desarrollado por WaveFrame Studio — © 2026


✨ Características

🎮 Gameplay

  • Carreras de 3 vueltas contra 4 rivales con IA
  • Sistema de drift con física arcade realista
  • Detección de posición en tiempo real
  • Pantalla de resultados con tabla de tiempos

🎨 Visual & Audio

  • Motor 3D con Three.js y tone mapping cinemático
  • Efectos de humo, polvo y marcas de neumáticos
  • Motor de audio procedural por síntesis
  • Música de fondo dinámica y sonido 3D espacial

📷 Cámaras

  • Tercera persona dinámica
  • Vista cockpit con tablero
  • Perspectiva bumper (ras del suelo)
  • Cámara aérea / bird's-eye

📱 Mobile

  • Controles táctiles en modo landscape
  • Joystick virtual flotante
  • Detección automática de orientación
  • Soporte para notch / safe area

📸 Capturas

Wave Racing — Attract Mode

Attract Mode — Vista Aérea
Wave Racing — Gameplay

En Carrera — Cámara Tercera Persona
Wave Racing — Resultados

Tabla de Resultados — Fin de Carrera

🎮 Controles

⌨️ Teclado

Acción Tecla
Acelerar W /
Frenar / Reversa S /
Girar A D /
Derrape / Freno de mano SPACE
Cambiar cámara C
Reiniciar carrera R

📱 Mobile (Landscape)

Zona Control
Mitad izquierda Joystick virtual — dirección
Botón superior derecha GAS ▲
Botón inferior derecha FRENO ▼
Botón superior izquierda (derecha) DRIFT ⚡

El juego detecta automáticamente si estás en un dispositivo táctil y activa los controles móviles. Se requiere modo horizontal (landscape).


🤖 Inteligencia Artificial

Los rivales usan un sistema de IA basado en waypoints con:

  • Seguimiento de línea de carrera por curva de Bézier
  • Adelantamientos y bloqueos según posición relativa
  • Variación de agresividad por piloto
  • Sonido 3D espacializado por posición del auto rival

Pilotos incluidos

Piloto Color
F. Colapinto 🔵 Azul
A. Senna 🟡 Dorado
L. Hamilton 🟢 Verde
M. Verstappen 🟠 Naranja

⚙️ Stack Técnico

Wave Racing
├── Three.js          → Motor 3D, renderizado, física de cámara
├── React 18          → Shell de la aplicación
├── Vite 5            → Dev server con HMR
├── Web Audio API     → Síntesis de motor y música procedural
└── Canvas 2D API     → HUD y minimapa

👥 Créditos

Desarrollado y diseñado íntegramente por

🌐 waveframe.com.ar

© 2026 WaveFrame Studio. Todos los derechos reservados.

About

Juego de carreras 3D multiplataforma (desktop y mobile). Gráficos optimizados, controles adaptativos y física realista para vueltas emocionantes. Pistas dinámicas, IA competitiva y personalización de vehículos. Proyecto open-source listo para probar y extender.

Resources

Stars

3 stars

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages