14 Repositories
JavaScript glsl-shaders Libraries
A web app to easily simulate 2D waves in your browser.
Wave Simulator Wave Simulator is a web app that allows to simulate 2D waves in your browser. Simply choose a background image, a color gradient and tw
🍰 An extensible, layer based shader material for ThreeJS
lamina 🍰 An extensible, layer based shader material for ThreeJS These demos are real, you can click them! They contain the full code, too. 📦 More ex
Drawing Newton's fractal using pure js, rust-wasm, SIMDs, threads and GPU
Newton's fractal Runtime Newton's fractal renderer. Click to open in your browser Inspired by 3blue1brown's video about Newton's fractal. Drawing
Interactive visualiser 🌠 for a 3D raymarching engine written in GLSL and computed in a fragment shader on the 2D Plane.
Getting Started Node version used : 16.13.1 First install dependencies with: npm install # or yarn install Then, run the development server: npm run d
WebGL and GLSL projects 2022 🌬
Getting Started Node version used : 16.13.1 First install dependencies with: npm install # or yarn install Then, run the development server: npm run d
🧞♂️ Your magic WebGL carpet
⚠️ ⚠️ BETA! ⚠️ ⚠️ (Most likely I won't maintain this...) 🧞♂️ Aladino – your magic WebGL carpet Aladino is a tiny (around ~5kb gzipped) and dependenc
A simple, template literals-based preprocessor for WGSL shaders
WGSL Preprocessor This library provides a dirt-simple way of adding simple preprocessor macros to your WGSL shaders via tagged templates. It supports:
Robert Penner's easing functions in GLSL, available as a module for glslify.
glsl-easings Robert Penner's easing functions in GLSL, available as a module for glslify. I tried as best I could to make them speedy for GLSL, but I'
curtains.js is a lightweight vanilla WebGL javascript library that turns HTML DOM elements into interactive textured planes.
What is it ? Shaders are the new front-end web developpment big thing, with the ability to create very powerful 3D interactions and animations. A lot
A JavaScript API for drawing unconventional text effects on the web.
A JavaScript API for drawing unconventional text effects on the web. Home — Help Overview When applying effects to text on the web, designers have tra
A vanishing effect for particles and magic lovers using Threejs, GSAP and custom shaders.
Three.js Experiment - Vanishing Suzanne Demo version Get started First, you need nodejs on your computer to build the assets. Install dependencies: np
Smooth WebGL Shader Transformations on Scroll
Rock the Stage with a Smooth WebGL Shader Transformation on Scroll A handy setup to create a smooth scroll based GLSL animation using Three.js and GSA
image/video/content slideshow engine providing high quality animation effects including Kenburns Effect and GLSL Transitions.
Diaporama Diaporama is an image/video/content slideshow engine providing high quality animation effects including Kenburns effect and GLSL Transitions