Tagawasak ng Syudad
At a Glance
- Problem
- No engaging way to showcase game development and 3D skills.
- Role
- Built the 3D city destruction game with physics and controls.
- Solution
- Browser-based 3D game with interactive demolition mechanics.
- Result
- Playable demo showcasing WebGL and game logic.
- Proof
- Live demo and GitHub above.
Overview
Tagawasak ng Syudad (City Destroyer) is a high-performance 3D sandbox physics demonstration built to test the extreme limits of browser rendering and real-time audio synthesis. It allows users to simulate the procedural destruction of a custom-built city block with zero pre-rendered animations or heavy assets.
The Problem It Solves
Traditional 3D web applications and games rely heavily on massive pre-baked animation files and large static media assets, leading to severe page load lag and high bandwidth overhead. This project solves this by leveraging pure procedural math—generating all 3D geometries, particle-based physics trajectories, and dynamic collision audio frequencies entirely on the client side in real time, showing how highly interactive games can remain lightweight and fast.
Key Features
- Procedural Destruction: Buildings are composed of individual entities that react to physics-based impacts and explosions.
- Arsenal of Destruction: Includes Bombs, Asteroid Strikes, Fire, Kaiju Monsters, and Atomic Nukes.
- Dynamic Audio: Custom Web Audio API implementation that generates unique destruction sounds in real-time.
- Visual Effects: Integrated particle systems for fragment debris, smoke, and screen shake trauma.
Want to build high-performance PWAs or full-stack platforms?
Let's coordinate to build custom software, offline-first mobile webapps, or high-throughput databases.
Get in Touch →Want a tool like this?
Let's build a custom version for your workflow — fast, reliable, and tailored to your team.
Get in Touch →