Behind the Scenes: Building "Ghost in the Grid" - A 2D Emergent Hide-and-Seek Simulation

In this technical deep dive, we'll explore the architecture and implementation of Ghost in the Grid , a 2D simulation where autonomous agents compete in a high-stakes game of hide-and-seek. We'll cover the physics, the AI decision-making, and the robust vision system that makes the game feel fair and challenging. The Architecture: A Modular Approach The core of the simulation is built on a modular, object-oriented architecture. We chose Matter.js for the physics engine and React for the UI and rendering. 1. The Simulation Engine ( Engine.ts ) The Engine class is the heart of the project. It orchestrates the physics world, manages game phases, and handles the rendering loop. Preparation Phase : The Hider has a limited time to move tools (boxes, planks, ramps) and create a hiding spot. Search Phase : The Seeker is released and begins its systematic search. Over Phase : Triggered when the Hider is spotted or time runs out. 2. Autonomous Agents ( Agent.ts ) Both the Hider and Seeker inheri