---
title: "Discussion on \"Recreating Real-World Terrain With React, Three.js & WebGL Shaders\" | Hashnode"
description: "Discussion on \"Recreating Real-World Terrain With React, Three.js & WebGL Shaders\". Flight Simulator, Heard Of It?\nYou might know about Microsoft's Flight Simulator release in August last year and like me, if you're interested in flight simulators or photorealistic recreations of real life places, you might have spent a lot of time ..."
url: "https://hashnode.com/posts/recreating-real-world-terrain-with-react-threejs-and-webgl-shaders-1/6033a216f51caf444856432d"
---

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

Discussion

# [Recreating Real-World Terrain With React, Three.js & WebGL Shaders](https://techblog.geekyants.com/recreating-real-world-terrain-with-react-threejs-and-webgl-shaders-1?utm_source=hashnode&utm_medium=feed)

Flight Simulator, Heard Of It? You might know about Microsoft's Flight Simulator release in August last year and like me, if you're interested in flight simulators or photorealistic recreations of real life places, you might have spent a lot of time ...

Feb 22, 2021 · 10 min read · techblog.geekyants.com  
Updated Jul 9, 2021  
Read the article

-   [#reactjs](https://hashnode.com/tag/reactjs)
-   [#threejs](https://hashnode.com/tag/threejs)
-   [#webgl](https://hashnode.com/tag/webgl)
-   [#graphics](https://hashnode.com/tag/graphics)
-   [#3d](https://hashnode.com/tag/3d)

## Written by

[Rishabh Karnad](https://hashnode.com/@RishabhKarnad)

@RishabhKarnad

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

Developer at GeekyAnts

## Responses 9

Markdown supported · ⌘↵ to post

[Efrén Vázquez](https://hashnode.com/@efrensho)

[Mar 18, 2021](https://hashnode.com/posts/recreating-real-world-terrain-with-react-threejs-and-webgl-shaders-1/6033a216f51caf444856432d/comment/60539b8e8899a615727e6146)

This is freaking amazing, thanks!

[Pirat Kapitaen](https://hashnode.com/@Piti)

[Mar 7, 2021](https://hashnode.com/posts/recreating-real-world-terrain-with-react-threejs-and-webgl-shaders-1/6033a216f51caf444856432d/comment/6044c9468458d42fc821bf8a)

Thanks for your article, Richard! That is exactly what I have been thinking off recently! You are presenting me the solution with your article.

[Vincent Lamy](https://hashnode.com/@Vinc3r)

[Mar 1, 2021](https://hashnode.com/posts/recreating-real-world-terrain-with-react-threejs-and-webgl-shaders-1/6033a216f51caf444856432d/comment/603d1567c3970d02fe0fdc1a)

To get satellite maps, you may enjoy using NoniMapView: [aeguerre.free.fr/Public/Windows/NoniMapView](http://aeguerre.free.fr/Public/Windows/NoniMapView/) It's have not been update since 2012 but still works.

[Brett Cooper](https://hashnode.com/@BrettNZ)

[Feb 27, 2021](https://hashnode.com/posts/recreating-real-world-terrain-with-react-threejs-and-webgl-shaders-1/6033a216f51caf444856432d/comment/6039b6eb2b6fa36588f80ec4)

I used [planlaufterrain.com](https://planlaufterrain.com/) to convert lidar images into 3D maps for three.js Cool to learn about [tangrams.github.io/heightmapper](https://tangrams.github.io/heightmapper/) as an alternative. [observablehq.com/@hellonearthis/pa-sites-of-aotea…](https://observablehq.com/@hellonearthis/pa-sites-of-aotearoa)

[Abhishek Pundir](https://hashnode.com/@abhishekpundir)

[Feb 24, 2021](https://hashnode.com/posts/recreating-real-world-terrain-with-react-threejs-and-webgl-shaders-1/6033a216f51caf444856432d/comment/60360eeebc9bf67747fdd8d3)

Great Write Up!

[Edidiong Asikpo (Didi)](https://hashnode.com/@didicodes)

[Feb 24, 2021](https://hashnode.com/posts/recreating-real-world-terrain-with-react-threejs-and-webgl-shaders-1/6033a216f51caf444856432d/comment/6036038f0dde8f7722d1f33d)

I really enjoyed reading this article [Rishabh Karnad](https://hashnode.com/@RishabhKarnad). Thanks for sharing.

[Rahul](https://hashnode.com/@RAHULISM)

[Feb 24, 2021](https://hashnode.com/posts/recreating-real-world-terrain-with-react-threejs-and-webgl-shaders-1/6033a216f51caf444856432d/comment/6035cff7bc9bf67747fdd158)

Damnnn.........

[Sky](https://hashnode.com/@skys)

[Feb 23, 2021](https://hashnode.com/posts/recreating-real-world-terrain-with-react-threejs-and-webgl-shaders-1/6033a216f51caf444856432d/comment/60355dacbc9bf67747fdcbf2)

Hats off!

[Ramires Baptista](https://hashnode.com/@ramires)

[Feb 23, 2021](https://hashnode.com/posts/recreating-real-world-terrain-with-react-threejs-and-webgl-shaders-1/6033a216f51caf444856432d/comment/60354ff2bc9bf67747fdcab6)

Isso é fantástico! Valeu por compartilhar sobre essa descoberta e quanto carinho nesse projeto camarada. Contratulations!