---
title: "Discussion on \"How to Build Disaster Simulations on a Real Map: Animated Canvas Layers and Collapsing 3D Buildings with Mapbox GL JS and Three.js\" | Hashnode"
description: "Discussion on \"How to Build Disaster Simulations on a Real Map: Animated Canvas Layers and Collapsing 3D Buildings with Mapbox GL JS and Three.js\". At some point, a map project needs more than markers and polygons. You want something to happen on the map: water moving up a street, smoke drifting with the wind, or a shockwave spreading out from a"
url: "https://hashnode.com/posts/disaster-simulation-real-map-mapbox-three-js/6ad05935fb11435ce8281161"
---

[Feed](https://hashnode.com/feed) /

Discussion

# [How to Build Disaster Simulations on a Real Map: Animated Canvas Layers and Collapsing 3D Buildings with Mapbox GL JS and Three.js](https://freecodecamp.org/news/disaster-simulation-real-map-mapbox-three-js?utm_source=hashnode&utm_medium=feed)

At some point, a map project needs more than markers and polygons. You want something to happen on the map: water moving up a street, smoke drifting with the wind, or a shockwave spreading out from a

Oct 15 · 64 min read · freecodecamp.org  
Read the article

-   [#javascript](https://hashnode.com/tag/javascript)
-   [#canvas](https://hashnode.com/tag/canvas)
-   [#mapbox](https://hashnode.com/tag/mapbox)
-   [#web-development](https://hashnode.com/tag/web-development)

## Written by

[Alex Oliinyk](https://hashnode.com/@alexov)

@alexov · Kyiv, Ukraine

  
[View profile](https://hashnode.com/@alexov)

Indie web developer and publisher

Indie web developer and publisher. Building browser games and reference sites since 2016 — including the Chrome Dino fan project chromedino.com. I write about browser games, hidden features, and the craft of simple software.

## Responses

Markdown supported · ⌘↵ to post

No responses yet.