p5js Shadersbit.ly/p5shaders 27 ProjectsPlay Skip to After This Sectionmoire-shaderShader example with concentric circles in a grid that are distorted based on pos…moire-shader-3Shader example with concentric circles in a grid that are distorted based on pos…psychedelic-webcam-shaderThis example passes the webcam to the shader as a texture and manipulates the im…shader-under-canvasExample showing up to load a shader as the background in a p5.js sketch3d-noise-shader-toyTransparent 3D Noise - Shane https://www.shadertoy.com/view/lstGRBwebcam-blur-fractThis example passes the webcam to the shader as a texture and manipulates the im…shader-on-vertexThis is an example showing how to apply shaders to 2D/3D shapes in p5.moire-shader-2Shader example with concentric circles in a grid that are distorted based on pos…bodypix-oneExperiment using bodypix to remove background of webcam video and creating a fee…bodypix-twoExperiment using bodypix to remove background of webcam video and creating a fee…passing-uniformsExample showing how to pass uniforms to a shader in p5.jsshader-with-webcamThis example passes the webcam to the shader as a texture and manipulates the im…basic-shaderThis is a basic example showing a gradient shader loaded in p5.normal-coord-vs-normalizedExample that shows the difference between normal pixel coordinates and normalize…shader-performanceExample that compares the performance of pixel-by-pixel operations in javascript…shader-templateA template for using shaders in P5.js that points to the newest P5 version.recursive-noise-experimentthis is a port of recursive noise experiment by ompuco https://www.shadertoy.com…shader-as-textureThis is an example showing how to apply shaders to 2D/3D shapes in p5.domain-warping-bosfrom book of shaders https://thebookofshaders.com/13/one-colorShader example coloring the entire background bluegradient-colorShader example coloring the entire background a gradientwebcam-feedback-loopthis example creates a feedback loop with the webcam imagep5-canvas-crtA template for using shaders in P5.js that points to the newest P5 version.p5-canvas-filtersA template for using shaders in P5.js that points to the newest P5 version.noise-experiment-bwthis is an edit of recursive noise experiment by ompuco https://www.shadertoy.co…simple-shader-textureThis is an example showing how to apply shaders to 2D/3D shapes in p5.ripple-shaderA bare bones template for P5.js that points to the newest P5 version.Skip to Before This Section
Skip to After This Sectionmoire-shaderShader example with concentric circles in a grid that are distorted based on pos…moire-shader-3Shader example with concentric circles in a grid that are distorted based on pos…psychedelic-webcam-shaderThis example passes the webcam to the shader as a texture and manipulates the im…shader-under-canvasExample showing up to load a shader as the background in a p5.js sketch3d-noise-shader-toyTransparent 3D Noise - Shane https://www.shadertoy.com/view/lstGRBwebcam-blur-fractThis example passes the webcam to the shader as a texture and manipulates the im…shader-on-vertexThis is an example showing how to apply shaders to 2D/3D shapes in p5.moire-shader-2Shader example with concentric circles in a grid that are distorted based on pos…bodypix-oneExperiment using bodypix to remove background of webcam video and creating a fee…bodypix-twoExperiment using bodypix to remove background of webcam video and creating a fee…passing-uniformsExample showing how to pass uniforms to a shader in p5.jsshader-with-webcamThis example passes the webcam to the shader as a texture and manipulates the im…basic-shaderThis is a basic example showing a gradient shader loaded in p5.normal-coord-vs-normalizedExample that shows the difference between normal pixel coordinates and normalize…shader-performanceExample that compares the performance of pixel-by-pixel operations in javascript…shader-templateA template for using shaders in P5.js that points to the newest P5 version.recursive-noise-experimentthis is a port of recursive noise experiment by ompuco https://www.shadertoy.com…shader-as-textureThis is an example showing how to apply shaders to 2D/3D shapes in p5.domain-warping-bosfrom book of shaders https://thebookofshaders.com/13/one-colorShader example coloring the entire background bluegradient-colorShader example coloring the entire background a gradientwebcam-feedback-loopthis example creates a feedback loop with the webcam imagep5-canvas-crtA template for using shaders in P5.js that points to the newest P5 version.p5-canvas-filtersA template for using shaders in P5.js that points to the newest P5 version.noise-experiment-bwthis is an edit of recursive noise experiment by ompuco https://www.shadertoy.co…simple-shader-textureThis is an example showing how to apply shaders to 2D/3D shapes in p5.ripple-shaderA bare bones template for P5.js that points to the newest P5 version.Skip to Before This Section