glslCanvas
shader-web-background
glslCanvas | shader-web-background | |
---|---|---|
3 | 3 | |
1,878 | 196 | |
- | 3.6% | |
0.0 | 0.0 | |
10 months ago | 11 months ago | |
JavaScript | JavaScript | |
MIT License | GNU General Public License v3.0 only |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
glslCanvas
- What did they use?
- Mechanical Watch
-
The Book of Shaders
I took a deeper dive this past weekend, and what a treat! They've embedded examples that you can interact with using a tool they've created called glslCanvas which helps make it a bit more hands on. I have always appreciated that about devs who share their work using tools like Codepen or Codesandbox because it helps make sense of what can otherwise feel extremely overwhelming.
shader-web-background
- Another frame of the endless generative video, noise and radial gradient as a source of spectral color, another 3d-to-2d noise as feedback displacer, GLSL, realtime
- Very slow feedback with light dispersion spectrum
-
The Birth Of A New Sun Would Religions Exist
https://github.com/xemantic/shader-web-background/blob/main/API.md#uniform-setter
What are some alternatives?
glslViewer - Console-based GLSL Sandbox for 2D/3D shaders
jeelizFaceFilter - Javascript/WebGL lightweight face tracking library designed for augmented reality webcam filters. Features : multiple faces detection, rotation, mouth opening. Various integration examples are provided (Three.js, Babylon.js, FaceSwap, Canvas2D, CSS3D...).
matrix-engine - webGL2 implementation (opengles2/3). ClassObject scene draw orientend framework based on crazzy fast glmatrix engine. ECMA 6 JS Project in base. Obj loader, raycast, BVH animation etc.
glsl-smaa - SMAA (Enhanced Subpixel Morphological Antialiasing) post-processing; WebGL (OpenGL ES 2.0) implementation with no fluff.
react-native-gcanvas - react native canvas based on gpu opengl glsl GCanvas -- A lightweight cross-platform graphics rendering engine. (超轻量的跨平台图形引擎)
curtainsjs - curtains.js is a lightweight vanilla WebGL javascript library that turns HTML DOM elements into interactive textured planes.
shadertoy-react - 6kB "Shadertoy" like react component letting you easily render your fragment shaders in your React web projects, without having to worry about implementing the WebGL part.
webgl-starfield - Procedural Parallax Starfields in WebGL
thebookofshaders - Step-by-step guide through the abstract and complex universe of Fragment Shaders.
julia-set-with-shaders - Julia set render with GLSL shaders and P5.js library
webgl-mipmaps-explainer - explore mipmap and anisotropic filtering options in webgl2
glNoise - A collection of GLSL noise functions for use with WebGL with an easy to use API.