"There's Something Underground" in #threejs @shadrfrog 2.0 alpha. Composing between a PBR material and procedural effects. Hybrid graph code injection makes this trivial, and easy + fun to iterate on. shaderfrog.com/2/editor/cluof…

Now Shaderfrog 2.0 users can access high res textures in the editor! Example: shaderfrog.com/2/editor/clu65…

I added a contributors readme to the Shaderfrog editor github.com/ShaderFrog/edi…

Weekend hacking: added a 2d vector grid, and node configuration editors, to Shaderfrog 2.0. Signups open! shaderfrog.com/2/

Having a disturbing amount of fun playing with this Perlin noise effect. So many possible variations when composing with #threejs built-in materials in the Shaderfrog 2.0 editor. Live! shaderfrog.com/2/editor/clw9t…

Still addicted to this effect. Another Shaderfrog 2.0 #threejs variation. Uses the Perlin noise shader for the transmission map! And uses the lava shader for the normal map. Live! shaderfrog.com/2/editor/clwd3…

Now I want to show you the real power of Shaderfrog 2.0 😌 The artistic unit of composition is a full shader. Compose effects with a single click! Browse through shaders like synthesizer presets. With full control over the GLSL. Signups open shaderfrog.com/2

One more #threejs Perlin noise pattern variation: "Demon tree". The GLSL vertex warp + Poly Haven textures + PBR material = yum yum Live! shaderfrog.com/2/editor/clwek…

Twist series #1 in #threejs Shaderfrog 2.0"Twisted Twister" Live!: shaderfrog.com/2/editor/clwha…

Speaker variations in Shaderfrog 2.0 #threejs. Who wore it better? Gearspeaker: shaderfrog.com/2/editor/clwl7… Pointiboi: shaderfrog.com/2/editor/clwl2… Colorspeaker: shaderfrog.com/2/editor/clwkw…

Normal map blending + refraction experiment. Composing a few Shadertoy shaders in #threejs in Shaderfrog 2.0 Live shaderfrog.com/2/editor/clxtz… Credit for each procedural normal map in the source code comments!

Took a stab at making a Shaderfrog "how it works" page. Does it contain too much information? Not enough? shaderfrog.com/2/how-it-works

Breaking changes released in 5.0.0 of @shaderfrog/glsl-parser. Only affects you if you're using the rename utility functions. Release notes: github.com/ShaderFrog/gls… npm install --save @shaderfrog/[email protected]

Achieved something very silly, inefficient, and fun to play with in Three.js in the Shaderfrog 2.0 alpha: Using shader programs as parallax maps! Here's a fractal shader used to fake depth on an object. Live: shaderfrog.com/2/editor/clzjf…

Lots of interesting effects are enabled by UV backfilling. Messing around with shaders as parallax maps in #threejs Shaderfrog Live: shaderfrog.com/2/editor/clzkg…

Backfilling UVs in #threejs Shaderfrog 2.0 means you can treat shaders like image inputs. Here's the awesome gl-transition (github.com/gl-transitions…) library applied to full shaders! Live: shaderfrog.com/2/editor/clzn3…

Ugh, this is so much fun to experiment with. Galaxy parallax map transition in Three.js Shaderfrog 2.0. Live: shaderfrog.com/2/editor/clznh…

I hacked together a Shadertoy import into Shaderfrog 2.0 / Three.js. Doesn't support most features, but it's a starting point! Right now it converts to screen shader with gl_FragCoord. Up next I want to add an option to use UV coords for the conversion.

Posting about Bluesky gets you shadowbaned on Twitter, but now that Bluesky supports video, I'm defaulting to posting shader content there first. I hope you'll join me! This #threejs parallax map shader in Shaderfrog 2.0 is insanely fun to play with: bsky.app/profile/andrew…

After 16 years, it's time for me to say goodbye to Twitter. You can find me on Bluesky bsky.app/profile/andrew… Or subscribe to my blog andrewray.me/subscribe See you on the other side✌️