Cube Crossy Road
par Daniel Cañizales @ricabel75
- 94
- 0
- 0
Introducción
Este proyecto consiste en el desarrollo de un videojuego web inspirado en Crossy Road, creado con JavaScript y Three.js para generar gráficos 3D interactivos en el navegador. Su objetivo fue aplicar conocimientos de programación, diseño interactivo y desarrollo web mediante la implementación de mecánicas como el movimiento del personaje, la detección de colisiones, la animación de obstáculos y un sistema de puntuación.
Además de recrear una experiencia de juego funcional, el proyecto permitió explorar el uso de gráficos 3D en la web, la organización modular del código y el diseño de interfaces interactivas. El resultado es una aplicación ligera y accesible que combina creatividad, tecnología y una estética low-poly minimalista.
url para probar el juego https://cubecrossyweb.netlify.app/

Materiales
Tecnologías Utilizadas:
1. HTML para la estructura de la aplicación.
2. CSS para el diseño visual y la interfaz de usuario.
3. JavaScript para la lógica y funcionalidad del videojuego.
4. Three.js para la creación y renderizado de gráficos 3D.
5. Vite como herramienta de desarrollo y construcción del proyecto.
6. Netlify plataforma en la nube que permite alojar y publicar sitios web y aplicaciones de manera rápida y automatizada.
Cube Crossy Road
La inspiración para este proyecto surgió de mi interés por combinar dos áreas que me apasionan: el arte 3D y el desarrollo Front End. Como artista 3D, siempre he disfrutado crear entornos y experiencias visuales, y actualmente estoy aprendiendo programación web para complementar mis habilidades creativas.
Durante el desarrollo del proyecto utilicé JavaScript y Three.js para construir un videojuego interactivo inspirado en Crossy Road, implementando mecánicas como movimiento del personaje, detección de colisiones y sistema de puntuación. A nivel visual, opté por una estética low-poly minimalista que refleja mi experiencia en diseño y modelado 3D.
Este proyecto representa un paso importante en mi formación, ya que me permitió unir creatividad y programación, explorando cómo el arte 3D y el desarrollo web pueden trabajar juntos para crear experiencias digitales interactivas y atractivas.



0 commentaire
Connectez-vous ou inscrivez-vous gratuitement pour commenter