shadertoy-react
glslCanvas
shadertoy-react | glslCanvas | |
---|---|---|
1 | 3 | |
114 | 1,882 | |
- | - | |
0.0 | 0.0 | |
about 1 year ago | 10 months ago | |
JavaScript | JavaScript | |
MIT License | MIT License |
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.
shadertoy-react
-
Looking for an example of using the Javascript shadertoy-react node module with a Typescript React project
I have a basic React Typescript project for a simple website. I would like to use the shadertoy-react module ( https://github.com/mvilledieu/shadertoy-react ) to make a cool background for this website.
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.
What are some alternatives?
shader-park-core - A JavaScript library for creating real-time 2D and 3D shaders. JS -> Shader. https://shaderpark.com/ https://twitter.com/shaderpark
glslViewer - Console-based GLSL Sandbox for 2D/3D shaders
shader-web-background - Displays GLSL fragment shaders as a website background. Supports offscreen buffers and floating point textures on almost any browser and hardware. Compatible with Shadertoy.
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.
shader-doodle - A friendly web-component for writing and rendering shaders.
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.
thebookofshaders - Step-by-step guide through the abstract and complex universe of Fragment Shaders.
clouds - Clouds wallpaper
webgl-mipmaps-explainer - explore mipmap and anisotropic filtering options in webgl2
mathematical-sculptures - Generate custom parametric surfaces ✒️💠
gpu-io - A GPU-accelerated computing library for running physics simulations and other GPGPU computations in a web browser.