We have collection of more than 1 Million open source products ranging from Enterprise product to small libraries in all platforms. We aggregate information from all open source repositories. Search and find the best for your needs. Check out projects section.
regl - 👑 Functional WebGL
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 functionalregl-cnn - Digit recognition with Convolutional Neural Networks in WebGL
GPU 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 networksnyc-buildings - An interactive 3D visualization of the all the buildings in Manhattan.
An 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-vizwireframe-world - An infinite wireframe world in WebGL
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. Port the program into screensavers for OS X, Windows and Linux.
wireframe demo webgl infinite retro procedural-generation procedural glsl movie recorder animation reglmixmap - interactive webgl mapping library emphasizing direct access to the rendering pipeline
mixmap 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 shadersimplicit-mesh - create simplicial complex meshes from an implicit function
Build 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 stackglcolumn-mesh - generate a 3d mesh of a greek column
Return a mesh with vertex mesh.positions and mesh.cells triangle faces.
regl mesh 3d column doric ionic corinthian greek simplicial-complexdeferred-regl - defer operations to a regl instance
Create a new fake regl instance dregl that queues all operations.Provide a real regl implementation and run all operations from the queue.
regl webgl deferredgeo-ambient-occlusion - Generates a per-vertex ambient occlusion array for arbitrary meshes.
Generates a per-vertex ambient occlusion array for arbitrary meshes. Note: requires OES_texture_float extension.
ambient-occlusion gpu reglregl-line-builder - Draw pretty lines in WebGL with the Canvas2D API.
Draw pretty lines in WebGL with the Canvas2D API.
webgl reglregl-typings - 🏰 TypeScript typings for regl
React'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 webglregl-model - Generate a model matrix from position, scale, and rotation vectors.
and model is now a function that accepts the same input as the initialState object.
regl modelreact-regl - Custom React Fiber Reconciler Renderer for Regl WebGL
There 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 graphaudiofabric - a 3d music visualization
a 3d music visualization
music-visualizer music visualization 3d regl regl-webgl webglcitibike-trips - Visualizing citibike trips with webgl
Playing 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 citibikeregl-anim - Some weird animations made with regl and WebGL
Using 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 recorderregl-fire - Fire particle system made with regl
Cheap-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.
