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 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 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 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 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 davidjpy
David's Lighthouse The davidlighthouse.com is my portfolio website hosted on Netlify. It's fully responsive and accessible. You can toggle the light mode and dark mode with the slider. :movie camera: Blender Model...
from abjt14
abjt.dev The 7th edition of my developer portfolio, with some new weapons in my arsenal. - Next.js - Framer Motion - Tailwind CSS - MDX - SVG - Webgl - GLSL - Web Workers Acknowledgements - Huge shoutout to @JoshWComeau...
from collidingScopes
Liquid Logo A free, open-source tool for creating animated logos using a liquid metal aesthetic. Transform static logos and images into flowing animations. Live Demo Try it in real-time in the browser: Liquid Logo Tool...
from metaory
Easiest Usage: One-Liner Script Tag SeedScript Usage - No selector : creates and styles a in - Selector to an element : creates and styles a inside it - Selector to a : uses it directly, no styles or DOM changes Styles...
from GhostCatcg
Webpack 5 + Typescript 4 + Three.js 基础模板 依赖 - Webpack 5 - Typescript 4 - Three.js 130 - gasp - tweakpane - lodash 功能 - 加载资源 - 使用着色器 - 最新gui面板 - tweakpane - gasp动画
from spleennooname
WebGL Clubber Demo A WebGL audio/reactive experiment, where rhythm and melody are computed in MIDI bands and redirected to GLSL shader. tested on Chrome, Huawei P9 Lite Safari, iPhone XR Built with TWGL.js - Tiny,...
from anuraghazra
Shader Expo :sunrise: :rainbow: WebGL Shader Playground. ShaderExpo is purely dependency free shader editor made in Raw WebGL API. Experiment with basic webgl shaders on the fly. Checkout ShaderExpo Case Study :file...