This is a traffic simulation written just for fun. It is heavily inspired by an article from Bilal Himite.

It uses Phaser as the rendering engine.

Simply run npm run dev and open your browser.

To draw new graphs use the GraphBuilderScene scene in main.ts. The graph is logged in the console and can then be place in constants.ts instead of the default one.

• Cars can crash into each other and even go through other cars at intersections as they only monitor the lead car on their road.

• Make car clickable to display position, speed and acceleration
• Spawn vehicle manually
• Prevent spawning vehicle on top of each other
• Make cars aware of cars on the next road (to avoid crash)
• Add ability to pause by pressing p
• Add traffic signs
• Adds a camera to the game allowing to zoom and move around.
• Add buttons to toggle debug (road index, node index, node color, road direction)
• Improve rendering
• Make cars aware of cars going to the same next road on their path (to avoid crash)
• Create a graph generator for random road layouts
• Use delta time for accurate FPS
• Make sure the simulation logic and rendering concerns are isolated
• Reimplement the rendering using d3
• Road speed limit
• Add curved roads
• Allow zooming on the map
• Add tests
• Rework vehicle logic to consider obstacles and not leading vehicle.
  • Traffic signs are obstacles just like vehicles. With a speed of 0
• To prevent bugs, when the leading obstacles for a vehicle is too close, immediately stop the vehicle and stop relying on the acceleration.
• Make a high level data structure that is then translated to low level Graph
  • Include road type (one way, number of lanes, speed limit)
  • Include intersection type (traffic signal or stop signs or right priority, give way)