College Game Dev Club Builds Mobile-Friendly 3D Web Game Using Three.js

A college game development club built a browser-based 3D exploration game using Three.js, TypeScript, Cannon.es, and GLSL shaders, distributable via a simple QR code. The game features a car navigating an island with a mini-game and information zones, inspired by developer Bruno Simon's interactive portfolio. To ensure smooth performance on mobile devices, the team used instanced geometry and custom GPU shaders to render 15,000 grass blades, procedural flowers, butterflies, and dolphins while minimizing CPU load. Expensive post-processing effects like SSAO and Bloom were replaced with lightweight alternatives, including darkened grass bases to simulate ambient occlusion and CSS filters for color grading. The project was developed in three phases: establishing driving controls with primitives, integrating 3D models, and finally refining visuals while optimizing for mobile browsers.
This is an AI-generated summary. ShortSingh links to the original source for the complete article.
Discussion (0)
Log in to join the discussion and vote.
Log in