I recreated a simplified version of the iconic mobile game "Crossy Road" following the Crossy Road with Three.js tutorial by Hunor Márton Borbély. This project demonstrates my ability to develop interactive 3D applications for the web while building upon a structured learning resource.
The project involved setting up a complete 3D environment, including configuring the scene, camera, and lighting to create a visually engaging game world. I designed and rendered static elements like trees and dynamic obstacles such as moving cars and trucks, ensuring smooth animations and realistic interactions.
Key features include collision detection logic, event-driven controls for player movement, and a dynamically generated infinite scrolling map. These elements required careful optimization and efficient resource management to maintain performance.
By completing this tutorial, I enhanced my understanding of Three.js fundamentals, animation techniques, and real-time interaction handling in JavaScript. This project allowed me to refine my skills in blending 3D graphics, game mechanics, and user experience design, while giving credit to the excellent tutorial that guided my development process.
You can see the page below ⬇️