dorkhub

wireframe-world

An infinite wireframe world in WebGL

Erkaman
JavaScript36232 forksMITupdated 10 years ago
visit the demogit clone https://github.com/Erkaman/wireframe-world.gitErkaman/wireframe-world

wireframe-world

This demo draws an infinite, vaporwave-like world using the WebGL framework regl. A link to the demo is here. It should look like the below:

Animated

And click below for a longer video of the demo:

Result

Implementation Details

As for the implementation, it is not very difficult stuff; I divide up the world into chunks(just like in Minecraft), and as the camera traverses the world, the chunks that become out of range are thrown away and are no longer rendered. And in the far away horizon I keep adding new chunks, to give the illusion that the world is infinite.

Build

To run the demo locally on your computer, first change your directory to the directory of the project, then run

npm install

To then run the demo, do

npm start

TODO

Port the program into screensavers for OS X, Windows and Linux.

more like this

ndwfc

🌊💥 N-dimensional Wave Function Collapse with infinite canvas

JavaScript336

search

search projects, people, and tags