Custom graphics programs (GLSL) for specialized visual effects.
from lettier
3D Game Shaders For Beginners Interested in adding textures, lighting, shadows, normal maps, glowing objects, ambient occlusion, reflections, refractions, and more to your 3D game? Great! Below is a collection of...
from bradley
A JavaScript API for drawing unconventional text effects on the web. Home — Help Overview When applying effects to text on the web, designers have traditionally been constrained to those provided by CSS. In the...
from martinlaxenaire
What is it ? Knowledge and technical requirements Installation and usage In a browser, you can use the UMD files located in the dist directory: Usage with React Note that if you are using React, you might want to try...
from doxas
twigl twigl.app is an online editor for One tweet shader, with gif or webm, jpeg, png generator and sound shader, and broadcast live coding. get started Example: regulation There are four modes in twigl.app, each of...
from emilwidlund
Alma Alma is an interactive playground for generative graphics. It comes with a unique node-based editor for WebGL experiences, and a layer-based renderer which can mix graph layers with raw GLSL-based layers. Nominated...
from drojdjou
J3D J3D was a WebGL based 3D engine. I used it for my personal experiments and demos. It's a playground rather than a production environment. It consists of a Javascript rendering engine and a C#/Unity3d scene exporter....
from polygonjs
Polygonjs ! NPM package npm npm-url ! Twitter twitter-img twitter-url ! Discord discord-img discord-url ! Forum forum-img forum-url Polygonjs is a node-based 3D WebGL design tool . Home Page Documentation Try Demo...
from iyinchao
🔮 Liquid Glass Studio English README.md 简体中文 README-zh.md O‘zbekcha README-uz.md The Ultimate Web Recreation of Apple’s Liquid Glass UI, powered by WebGL2 & WebGPU. Includes most Liquid Glass features with fine-grained...
from vaneenige
THREE.Phenomenon THREE.Phenomenon is a tiny wrapper around three.js built for high-performance WebGL experiences. With it's simple API a mesh can be created that contains multiple instances of a geometry combined with a...
from xemantic
shader-web-background Displays GLSL fragment shaders as a website background. Supports Shadertoy shaders, multipass - ping-pong offscreen buffers, feedback loops, floating-point textures. Either with WebGL 1 or 2, will...
from SuboptimalEng
👾 Three.js Games Hello world! My internet name is Suboptimal and I am an Indian software engineer. This is the repo where I keep track of my Three.js game dev experiments. I also post the demos on twitter so feel free...
from Erkaman
glsl-godrays This module implements the volumetric light scattering effect godrays described in "Volumetric Light Scattering as a Post-Process" as a GLSL shader. A demo is provided at: The camera in the demo is...
from repalash
Open shader repository Collection of many open source shaders GLSL, HLSL, CG in popular open source game development and rendering engines and public repositories. Aim is to have a common index of shader snippets and...
from Tw1ddle
Interactive procedurally generated sun and skies. Run it in your browser. This extends code from my Ludum Dare 33 entry, Otherworldly Stars. Usage Use the controls in the top right of the demo page to modify the shader...
from cdaein
Ssam Ssam.js 쌈 as in Korean dish wraps your HTML5 Canvas sketches and provides helpful features such as animation props and file exports. It is inspired by canvas-sketch . ⚠️ This module is in an early stage of...
from Leonxlnx
LUMEN, the generative shader studio Try it live → A self-contained web tool that generates looping abstract shader art: liquid chrome, silk ribbons, soft gradient blooms, aura rings, light rays, halftone fields, data...
from DanRuta
WebAssembly WebGL Shaders Example project for using WebGL shaders in a WebAssembly program. Article link Run , for dependencies, to serve files, and for compiling changes. To compile: emcc -o ./dist/appWASM.js...
from collidingScopes
Liquid Shape Distortions 🌀 Create psychedelic animations in real-time in the browser. P art of your next trip. Webgl shader animation created using liquid motion, distorted shapes, shadows, and light. Live demo: The...
from alaingalvan
Image Editor Effects ! License license-img license-url ! Codepen codepen-img codepen-url Image processing effects used in image editors like Adobe Photoshop or GIMP are used to composite different layers and adjust the...
from doinel1a
node : pnpm : bun : yarn : demo : license : code-of-conduct : issues : pulls : browserslist : commitlint : chrome-icon : firefox-icon : edge-icon : opera-icon : safari-icon : Vite Three.js — Template This development...
from avin
Creative experiments Live :
from Ameobea
3D Sketches + Experiments This holds the outputs of my foray into 3D modeling, shaders, Three.JS, and psuedo-gamedev. It consists of a variety of scenes, sketches, and experiments that I created while learning and...
from JatinChopra
Emissive Dissolve Effect Dissolve Effect a popular technique used in games to make things disintegrate or transform. Build using shaders and particles in Three.js. Article on Codrops Demo Installation Credits -...
from houmahani
Atmospheric Depth Gallery A Three.js depth-scrolling image gallery where scroll velocity drives atmospheric mood and subtle motion, while each image defines its own background palette. Article on Codrops Demo...