New #WebGL pattern! A Voronoi diagram (love it) with... eyes calculated over the polar coordinates of each cell. No images or graphic libs here, just a #GLSL shader wrapped with JS Live demo & source code: Hosted on CodePen.IO Special thx to The Book of Shadersshow more

Draw GLSL flowers with your cursor! 🌺 One full-screen... plane, two render targets, and a bit of shader magic Live demo & source code: Made with Three.js Hosted on CodePen.IO Special thanks to The Book of Shaders #webgl #glsl #threejs #shader #drawingtoolshow more

If I had to choose one thing to do,... it would be just coding WebGL flowers It's a GLSL shader, a full-screen plane, and 2 render targets to swap on each frame Live demo & source code: Made with Three.js Hosted on CodePen.IO Special thanks to The Book of Shadersshow more

I wanted to create a broken glass effect with... WebGL for a long time! Here it is: interactive, lightweight (around 10KB of GLSL + vanilla JS), and easy to customise (find more controls on codepen) Live demo & source code: Hosted on CodePen.IOshow more

Another minimal JS animation here! Interactive (and damn satisfying)... cursor animation made with only 3kb of pure JS. Not sure how to use it yet – maybe as a base for some shader?.. Anyway, it's fun already :) Live demo & source code: Hosted on CodePen.IOshow more

It's October, my dudes! I've redone one of my... fav old works. The updates: - transparent background - no extra libs so just <15kb of code - parameters that are easy to change without going through the shader Live demo & source code: Hosted on CodePen.IOshow more

This glass configurator has no custom shaders or geometries.... Just MeshPhysicalMaterial and a bunch of standard geometries with rendering order set manually. Not 100% realistic but super simple Live demo & source code: Made with Three.js Hosted on CodePen.IOshow more

I built a website where you can browse the... #threejs shaders code by expanding the <includes> in place. It gives a better understanding of what the code is doing without having to open each file individually. #glsl #WebGLshow more

Bitspace now supports GLSL shaders. Write a fragment shader... - and your uniforms automatically creates inputs on the Shader node. These inputs can be used to pipe colors, vectors or whatever from the rest of your Bitspace environment. new fragmentshow more

We just added over 700 shader presets into Wonder!... You can now attach any SVGs, images and work with really unique shaders all inside of a canvas. We’re very excited to partner with shaders for this launch 🚀 Try it now atshow more

I keep seeing the same pattern with Three.js games,... shaders, p5.js, and now 3D UI. Give a coding agent a strong reference, the live URL, and the source repo. It can study the mechanics, recreate them, and give you a working place to experiment. For this one, I turned a Trevor Noah-inspired book interaction into fictional manuals for Codex, Claude Code, and Cursor. X post: GitHub: Original site:show more

All my demos in one place! I have released... a site with over 25 of my demos over the years all updated and fixed with code on GitHub and each one individually runnable. Many more to come! Check it out: #threejs #webgl #creativecoding #portfolioshow more

Building SPA-like experiences with Next.js With 𝚌𝚊𝚌𝚑𝚎𝙲𝚘𝚖𝚙𝚘𝚗𝚎𝚗𝚝𝚜, the data... behind a page can persist across navigations, so a revisit skips the loading fallback. Mark the read with '𝚞𝚜𝚎 𝚌𝚊𝚌𝚑𝚎' so its result is cached instead of re-queried on each render. That cache also persists in the browser, so revisiting the page reuses it without hitting the server again. Live demo, source code, and docs below ↓show more

Transform images on the web with Nano Banana 2.... Just type a prompt in Gemini in Chrome. No need to upload files or open a new tab.show more

Enter a New Era: V3 LIVE! 🚨 V3 is... just the beginning. A powerful suite of new products are in development, each designed to push the boundaries of what’s possible with Alchemist AI. These features will be deployed in phases over the coming weeks, bringing continuous improvements, new capabilities, and expanded creative potential. Just $ALCH it!🪄✨show more

With the release of Fable 5, I thought it... would be fun to build and open-source a new MacOS screensaver using a metal shader, that way could also try building your own! Totally free, link to the repo belowshow more

Want to reverse the source of a JS app?... Typical unminifiers struggle with statement sequencing, JSX lowering, and other bundler/minifier shenanigans like (0, m.f)(xx) Pionxzh's Wakaru unpacks modules, formats the code, then runs AST transforms to recover intent, recovering readability where possible. Demo video 👇show more

Over the weekend, HBO's “House of the Dragon” came... to life with Vhagar, a 270-foot dragon wrapped around the mast of the Empire State Building. Claim your spot on the Iron Throne here:show more

The Uncle Derek joke. I spent over a decade... tinkering with the wording of this joke but finally figured it out just before my first live at the apollo in 2017. So here it is. I was surprised i was allowed to get away with it. New tour Gary on laughing is on the road.show more