Andy Ray

What?

I released version 6.0 of the @shaderfrog.com GLSL parser with bug fixes and improvements to error reporting. Changes: github.com/ShaderFrog/g...

npm i '@shaderfrog/glsl-parser@6.0.1'

New video out on the Keto and heart disease study (aka LMHR). Findings, FAQs and what it all means.

check out the full video below incl. my chat with the senior author Dr. Matthew Budoff clarifying several standing issues 🔽

Building Lab Rat: Gwen Frey on Logic, Laughter, and Laser Grids - Xbox Wire An interview with developer Gwen Frey about creating her latest title, Lab Rat, out now on Xbox.

Logic, Laughter, and Laser Grids

For anyone interested in behind-the-scenes puzzle dev stuff this is an interview I gave on the making of Lab Rat:

news.xbox.com/en-us/2025/0...

🚀 Launch time! Mantis lets you build immersive 3D storefronts in just a few clicks — no code needed. Bring your products to life, boost engagement, and stand out from the crowd.

Opening access today → mantisxr.com/start
Spots are limited.

#threejs #webgl #creativecoding

This is really unfair to everyone who just voted for him for the racism.

Woohoo @gilcarvalhomdphd.bsky.social is on Bluesky! He does objective, evidence based reviews on nutrition and health. My #1 trusted source on nutrition. Go follow! bsky.app/profile/gilc...

Screenshot of web interface for a multitrack song recorder

I'll probably regret sharing this too early, but here goes: Second LLM quick build experiment project: "Multitrack Song Recorder".

Create a song, share the link with friends, and anyone with the link can record a new track to add to the song.

Live! multitrack-eight.vercel.app

Observations
- It’s very bad at tricker React state issues (stale vars in closures)
- It’s pretty bad at esoteric web APIs (audio)
- Cursor is low quality, very buggy, no support
- Claude code is probably better choice (more expensive)
- Still requires heavy human 🧠 and 🙌, can’t yolo projects

I caved and paid for Cursor, using with Claude right now. So far it has helped me quickly ideate two side project ideas, reducing turnaround time from weeks to days.

a beautiful skeuomorphic tree frog logo, glassy

Photoshop Beta image generation is getting better. It used to be dog trash tier, now seeing some good results!

Prompt: a beautiful skeuomorphic tree frog logo, glassy

There is a secret 10x bonus if a pipe path ever connects from top to bottom or left to right. However I'm not sure if it's possible for the bonus to actually happen! The pipes usually rotate in alternating zigzags, not in a way that leads to long contiguous connections.

Chain Reaction Pipes. #threejs time waster game based on an oldschool Flash classic.

Live! andrewray.s3.us-west-2.amazonaws.com/flip/index.h...

Fwiw shaderfrog is a code editor, you still write raw GLSL, you can see the source code by double clicking red or green nodes in the link above. Connecting nodes is like importing the other shader as a module, and inlining its main function. “Hybrid” graph and code editing

Shaders are inherently visual so I like the idea of some kind of shadercn library having preview images for everything, including functions.

Shader programs, conveniently, are easy to render with a main() fn. And shaderfrog turns full shaders into modules, so they are portable + composable.

Glslify (now dead) is another example- shader snippets published to npm.

@shaderfrog.com 2.0 is also meant to be that - every shader on the site is composable with any other shader. For example this is made up of a few smaller shaders shaderfrog.com/2/editor/clk...

💌 The Web Game Dev Newsletter Issue 025 is out! Read it online here: www.webgamedev.com/newsletter/025, and subscribe to get the next ones delivered right to your inbox! 🚀 #threejs #r3f #gamedev

Recreated an old favorite Flash game time-waster in #threejs. Most of the coding was done by Cursor, which I am truly impressed with.

Live! andrewray.s3.us-west-2.amazonaws.com/flip/index.h...

"Clown Fractal" in @shaderfrog.com 2.0 editor. Using a parallax map sampler of a fractal shader, and plugging that all into a Three.js material for lighting + normals + flections.

Live! shaderfrog.com/2/editor/cm7...

#webgl #threejs #creativecoding

"Glassic" in the @shaderfrog.com 2.0 editor. Messing around with normals and glassy materials.

Live! shaderfrog.com/2/editor/cm6...

#threejs #webgl #screenshotsaturday #creativecoding

YouTube video by Shader Frog Shaderfrog 2.0 Introduction Tutorial

It’s a webgl (browser) shader editor I created. That shader linked is in a three.js scene. But the editor can support any webgl engine. m.youtube.com/watch?v=8u61...

Cartoon Water in @shaderfrog.com 2.0

Live! shaderfrog.com/2/editor/cm7...

#threejs #webgl #screenshotsaturday #shaders

Heart boxes. Happy Valentine's day!

Live: shaderfrog.com/2/editor/cm7...

#threejs #webgl #creativecoding #screenshotsaturday #shaders

"Paper fire" in @shaderfrog.com 2.0. Composing shaders is similar to stacking layers in Photoshop.

Live! shaderfrog.com/2/editor/cm6...

#threejs #webgl #screenshotsaturday #creativecoding

Also there are countless LLM options, but Google AI Studio lets you generate and use an API key immediately for prototyping aistudio.google.com/app/apikey

I made my first ever LLM app! It asks two arguing people to each enter their side of the story, and it generates a witty back-and-forth script in the style of the West Wing. Each person reads their lines aloud, and the script ends in resolution of the issue. It turned out terribly!

New dithering method dropped

I call it Surface-Stable Fractal Dithering and I've released it as open source along with this explainer video of how it works.

Explainer video:
www.youtube.com/watch?v=HPqG...

Source repository:
github.com/runevision/D...

#gamedev #vfx

Embed test d29uqgaj5peif4.cloudfront.net/00e5bf7150b4...

Oh @bsky.app, will you ever properly fetch metadata to show embed card images?

Lots of beautiful detail shows up when sampling fractals multiple times to create a depth / normal map effect #threejs #webgl #shaders shaderfrog.com/2/editor/cm6...