Coronaville

• 

  Version 1 - promotional thumbnail

• 

  Versions 2 and 3 - promotional thumbnail

• 

  Version 4 - Final - promotional thumbnail

• 

  In-game (start)

• 

  In-game (social distancing)

• 

  In-game (healing)

• 

  New Features!

Inspiration

This blog post: https://www.washingtonpost.com/graphics/2020/world/corona-simulator/

What it does

In the game you need to ask people to stop moving to slow down the spread of the virus and "flatten the curve".

How I built it

I coded everything from scratch using plain HTML, CSS and JavaScript.

Challenges I ran into

Fine-tuning parameters so that the simulation looks realistic.
Update: Trying to keep up with suggestions I've been getting on social media :-)

Accomplishments that I'm proud of

Many of my friends tried it and shared the first version already.
Update: Now many of my friends give feedback and help design new features!

What I learned

Check my video to find out :-)
Update: There's even a second now: https://youtu.be/i1ftMgY_9Jc
Update: A third is coming up really soon :-)
Update: Third video is out: https://youtu.be/YFWZrc3PXxI

What's next for Coronaville

Version 2 just came out, working on version 3 already. Spoiler alert: it will include toilet paper!
Update: Version 3 is out and it has Toilet Paper! And social distancing.
Update: Version 4 is on its way.
Update: Final version (4) is out! With many new features like:

• objects that can be infected
  
• masks for protection
  
• a clinic
  
• and few others: play and find out what they are ;-)

Built With

• css3
• html5
• javascript
• mysql
• php