Erkaman / Wireframe World
Licence: mit
An infinite wireframe world in WebGL
Stars: â 347
Programming Languages
javascript
184084 projects - #8 most used programming language
procedural
45 projects
Projects that are alternatives of or similar to Wireframe World
Langterm
đšī¸ WebGL-based VT220 emulator, made as a learning example and frontend for a text adventure
Stars: â 35 (-89.91%)
Mutual labels: retro, webgl, glsl, demo
Regl Cnn
Digit recognition with Convolutional Neural Networks in WebGL
Stars: â 490 (+41.21%)
Mutual labels: webgl, glsl, demo
Regl Fire
Fire particle system made with regl
Stars: â 16 (-95.39%)
Mutual labels: webgl, glsl, demo
Sky Shader
âī¸ WebGL sky and sun shader editor
Stars: â 90 (-74.06%)
Mutual labels: webgl, glsl, demo
Polygon Shredder
The polygon shredder that takes many cubes and turns them into confetti
Stars: â 686 (+97.69%)
Mutual labels: webgl, glsl, demo
Glsl Godrays
This module implements a volumetric light scattering effect(godrays)
Stars: â 155 (-55.33%)
Mutual labels: webgl, glsl, demo
Material Maker
A procedural textures authoring and 3D model painting tool based on the Godot game engine
Stars: â 880 (+153.6%)
Mutual labels: procedural-generation, glsl
Terrain Builder
đ Procedural terrain using Three.js and perlin noise, Now Accelerated by your GPU!
Stars: â 228 (-34.29%)
Mutual labels: procedural-generation, demo
glsl-cos-palette
glsl function for making cosine palettes
Stars: â 26 (-92.51%)
Mutual labels: procedural-generation, glsl
VulkanRenderer
Personal repo for learning the vulkan graphics api
Stars: â 42 (-87.9%)
Mutual labels: procedural-generation, glsl
Magicshader
đŽ Tiny helper for three.js to debug and write shaders
Stars: â 205 (-40.92%)
Mutual labels: webgl, glsl
SdfFontDesigner
Offline font tuning/bitmap generation via shaders
Stars: â 56 (-83.86%)
Mutual labels: procedural-generation, glsl
Blotter
A JavaScript API for drawing unconventional text effects on the web.
Stars: â 2,833 (+716.43%)
Mutual labels: webgl, glsl
Pmfx Shader
Cross platform shader system for HLSL, GLSL, Metal and SPIR-V.
Stars: â 245 (-29.39%)
Mutual labels: webgl, glsl
Html Gl
Get as many FPS as you need and amazing effects by rendering HTML/CSS in WebGL
Stars: â 3,391 (+877.23%)
Mutual labels: webgl, glsl
Gl React
gl-react â React library to write and compose WebGL shaders
Stars: â 2,536 (+630.84%)
Mutual labels: webgl, glsl
Glmaps
Data visualization examples and tutorials from scratch. æ°æŽå¯č§åį¤ēäžäģŖį éä¸æ°æåĻäš æį¨ã
Stars: â 288 (-17%)
Mutual labels: webgl, demo
Webgl Fundamentals
WebGL lessons that start with the basics
Stars: â 3,315 (+855.33%)
Mutual labels: webgl, glsl
Project Skylines
procedural retro 3d game, winner of the GitHub Gameoff 2017
Stars: â 293 (-15.56%)
Mutual labels: procedural-generation, retro
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:
And click below for a longer video of the demo:
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.
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].