The aim of this project was to take a file as input, and draw a 3D visualization into a graphic window based on that file.
As a bonus, this model can be rotated in 3D space.
-
Full 3D rotation
-
Camera movement
-
Altitude controls
-
Colors according to altitude
-
Zoom in/out
-
Idle animation
-
Parallel/Isometric projection
Relevant information, such as rotation degrees and instructions, can be toggled on-screen with the 'H' key.
The given input map is a 2D grid of numbers, where each number corresponds to its altitude.
For example, giving the following text as input:
0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0
0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0
0 0 10 10 0 0 10 10 0 0 0 10 10 10 10 10 0 0 0
0 0 10 10 0 0 10 10 0 0 0 0 0 0 0 10 10 0 0
0 0 10 10 0 0 10 10 0 0 0 0 0 0 0 10 10 0 0
0 0 10 10 10 10 10 10 0 0 0 0 10 10 10 10 0 0 0
0 0 0 10 10 10 10 10 0 0 0 10 10 0 0 0 0 0 0
0 0 0 0 0 0 10 10 0 0 0 10 10 0 0 0 0 0 0
0 0 0 0 0 0 10 10 0 0 0 10 10 10 10 10 10 0 0
0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0
0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0
Results in this visualization:
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent