Check out the gallery. The source code of all the gallery examples can be found here. To try out regl right away, you can use the live editor in the gallery.
webgl regl stackgl gl graphics computer-graphics opengl glsl data flow reactive functionalGPU accelerated handwritten digit recognition with regl. Note that this network will probably be slower than the corresponding network implemented on the CPU. This is because of the overhead associated with transferring data to and from the GPU. But in the future we will attempt implementing more complex networks in the browser, such as Neural Style, and then we think that we will see a significant speedup compared to the CPU.
regl cnn digit-recognition demo gpu webgl convolutional-neural-networks gpgpu deep-learning glsl digit recognition mnist convolutional neural network networksAn interactive 3D visualization of the all the buildings in Manhattan.
data-visualization 3d regl regl-webgl webgl manhattan new-york-city nyc interactive-visualizations interactive data-vizAs 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. Port the program into screensavers for OS X, Windows and Linux.
wireframe demo webgl infinite retro procedural-generation procedural glsl movie recorder animation reglmixmap provides basic plumbing for webgl cartography and then gets out of your way. You have direct control over loading data, mapping geometry to a cartographic projection in your vertex shader, and coloring your maps in the fragment shader.mixmap supplies a bounding box layer model. As the bounding box changes, mixmap will call your code to request bounding box manifests at the appropriate zoom level and mixmap will call your code again to handle adding and removing geometry.
maps geo webgl regl shadersBuild a 3d mesh with resolution opts.size from an implicit function fn(x,y,z).If opts is a number of array, it is interpreted as the opts.size.
geometry mesh 3d signed-distance implicit-function webgl regl stackglReturn a mesh with vertex mesh.positions and mesh.cells triangle faces.
regl mesh 3d column doric ionic corinthian greek simplicial-complexCreate a new fake regl instance dregl that queues all operations.Provide a real regl implementation and run all operations from the queue.
regl webgl deferredGenerates a per-vertex ambient occlusion array for arbitrary meshes. Note: requires OES_texture_float extension.
ambient-occlusion gpu reglDraw pretty lines in WebGL with the Canvas2D API.
webgl reglReact's component types are parametrized with the types of their props (and state, for stateful components). This allows for compile-time error checks regarding props' names and types, and that's a Good Thing.
regl typescript typings webgland model is now a function that accepts the same input as the initialState object.
regl modelThere is a React Storybook included in the /docs directory with usage examples. The source for the Storybook is in /stories directory and demonstrates how to create the examples. This library is a React wrapper for the Regl library. Visit the Regl gallery page for more ideas on usage.
regl webgl react reconciler renderer 3d-graphics glsl shaders glsl-shaders regl-webgl glslify scene grapha 3d music visualization
music-visualizer music visualization 3d regl regl-webgl webglPlaying with some citibike trip data made available at https://www.citibikenyc.com/system-data. Most of the dataset was too large for the repo, so you'll have to go download the data for yourself.
regl webgl data visualization citibikeUsing the WebGL framework regl, I made some weird animations. All of them are basically just using trigonometric functions to create patterns in a fragment shader. Check out the source code if you are interested.
regl webgl shaders shader animation movie recorderCheap-looking fire particle system implemented with regl. The fire is rendered as a particle system of about 300 particles. It turns out that only 300 particles can result in a significant amount of overdraw, and this will cause poor performance on lower-end graphics cards.
demo regl webgl particles fire animation glsl regl-fire
We have large collection of open source products. Follow the tags from
Tag Cloud >>
Open source products are scattered around the web. Please provide information
about the open source projects you own / you use.
Add Projects.