wireframe-world - GitLite

KO | EN

gitlite — search

#python #hacktoberfest #react #typescript #llm #rust #nodejs #macos #java #vue #awesome-list #mcp #ios #open-source

wireframe-world

(★ 364)

An infinite wireframe world in WebGL

File Explorer

Download Latest Version (.zip)

- anim.gif
- demo.html
- demo.js
.gitignore
LICENSE
noise.js
package.json
README.md
wireframe_world.js

# Installation Guide

1. Get the code

git clone https://github.com/Erkaman/wireframe-world

Downloads the entire project code from GitHub to your computer.

cd wireframe-world

Moves into the project folder you just downloaded.

2. Node.js

Easy Recommended

Prerequisites

Git Needed to download the project code from GitHub.
Node.js Node.js must be installed to use npm. The LTS version is recommended.

npm install

Downloads and installs the libraries listed in package.json.

npm start

Starts the development/run server.

✅ After running the command, open the address shown in the terminal (usually something like http://localhost:3000) in your browser.

Pulled directly from this repo's README.

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# wireframe-world

This demo draws an infinite, vaporwave-like world using the WebGL
framework [regl](https://github.com/mikolalysenko/regl). A link to the
demo is [here](http://erkaman.github.io/wireframe-world/www/demo.html). It should look
like the below:

![Animated](https://raw.githubusercontent.com/Erkaman/wireframe-world/gh-pages/images/anim.gif)

And click below for a longer video of the demo:

[![Result](http://img.youtube.com/vi/tE9geTQxgZc/0.jpg)](https://www.youtube.com/watch?v=tE9geTQxgZc)

## 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

```bash
npm install
```

To then run the demo, do

```bash
npm start
```

## TODO

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