@shaderfrog

Official Twitter account for https://xitter.cf/t.co/inSgGdNuTH

 San Francisco
shaderfrog.com
Joined March 2015
  • Tweets166
  • Following5
  • Followers514
35Media
After 16 years, it's time for me to say goodbye to Twitter. You can find me on Bluesky bsky.app/profile/andrewray.m… Or subscribe to my blog andrewray.me/subscribe See you on the other side✌️
1
3
317
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/andrewray.m…
1
1
3
320
I hacked together a @Shadertoy import into @shaderfrog 2.0 / @threejs. 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.
2
3
34
1,171
Ugh, this is so much fun to experiment with. Galaxy parallax map transition in @threejs @shaderfrog 2.0. Live: shaderfrog.com/2/editor/clzn…
1
7
46
2,948
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/gl…) library applied to full shaders! Live: shaderfrog.com/2/editor/clzn…
6
20
162
7,917
Lots of interesting effects are enabled by UV backfilling. Messing around with shaders as parallax maps in #threejs @shaderfrog Live: shaderfrog.com/2/editor/clzk…
2
11
76
4,250
Achieved something very silly, inefficient, and fun to play with in @threejs 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/clzj…
1
4
22
1,207
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/glsl-p… npm install --save @shaderfrog/[email protected]

Release 5.0.0 · ShaderFrog/glsl-parser

PR that introduced this change This introduces breaking changs to the utility API functions renameBindings, renameFunctions, and renameTypes and changes their signatures to take the specific scope ...

github.com
1
6
351
Took a stab at making a @shaderfrog "how it works" page. Does it contain too much information? Not enough? shaderfrog.com/2/how-it-work…
1
1
4
331
Normal map blending + refraction experiment. Composing a few Shadertoy shaders in #threejs in @shaderfrog 2.0 Live shaderfrog.com/2/editor/clxt… Credit for each procedural normal map in the source code comments!
4
27
1,658
Speaker variations in @shaderfrog 2.0 #threejs. Who wore it better? Gearspeaker: shaderfrog.com/2/editor/clwl… Pointiboi: shaderfrog.com/2/editor/clwl… Colorspeaker: shaderfrog.com/2/editor/clwk…
1
10
408
Twist series #1 in #threejs @shaderfrog 2.0"Twisted Twister" Live!: shaderfrog.com/2/editor/clwh…
1
1
7
413
One more #threejs Perlin noise pattern variation: "Demon tree". The GLSL vertex warp + @polyhaven textures + PBR material = yum yum Live! shaderfrog.com/2/editor/clwe…
1
2
1
13
1,088
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
5
15
760
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/clwd…
1
5
395
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/clw9…
4
8
2
78
6,560
Weekend hacking: added a 2d vector grid, and node configuration editors, to @shaderfrog 2.0. Signups open! shaderfrog.com/2/
2
4
391
I added a contributors readme to the @shaderfrog editor github.com/ShaderFrog/editor…

editor/CONTRIBUTING.md at main · ShaderFrog/editor

Contribute to ShaderFrog/editor development by creating an account on GitHub.

github.com
1
3
383
Now @shaderfrog 2.0 users can access high res textures in the editor! Example: shaderfrog.com/2/editor/clu6…
1
6
304
"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/cluo…
1
4
36
1,709
Load more