Andy Ray
@andrewray.me
Creative full stack developer and engineering manager. Typescript, React, Next.js, Three.js, WebGL, Golang. Dabble in compilers. License plates, biking, Vim.
Blog: https://andrewray.me
Creator of Shaderfrog https://shaderfrog.com/2
He/him
Blog: https://andrewray.me
Creator of Shaderfrog https://shaderfrog.com/2
He/him
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/[email protected]'
npm i '@shaderfrog/[email protected]'
6.0.0 Breaking change: parser.parse() -> parse() with better error message by AndrewRayCode · Pull Request #53 · ShaderFrog/glsl-parser
This change adds a new API to access the parse function directly rather than import the parser. The README has been updated in this branch to reflect the change.
Old way to parse:
import { parser }...
github.com
April 28, 2025 at 4:42 AM
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/[email protected]'
npm i '@shaderfrog/[email protected]'
Reposted by Andy Ray
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 🔽
check out the full video below incl. my chat with the senior author Dr. Matthew Budoff clarifying several standing issues 🔽
April 18, 2025 at 3:09 PM
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 🔽
check out the full video below incl. my chat with the senior author Dr. Matthew Budoff clarifying several standing issues 🔽
Reposted by Andy Ray
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...
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...
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.
news.xbox.com
April 15, 2025 at 9:26 PM
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...
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...
Reposted by Andy Ray
🚀 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
Opening access today → mantisxr.com/start
Spots are limited.
#threejs #webgl #creativecoding
April 8, 2025 at 10:22 PM
🚀 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
Opening access today → mantisxr.com/start
Spots are limited.
#threejs #webgl #creativecoding
Reposted by Andy Ray
This is really unfair to everyone who just voted for him for the racism.
April 7, 2025 at 12:18 AM
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...
Why do some people with constipation feel better after fiber is REDUCED or even eliminated???
Are scientists lying about fiber? Did we get it all wrong?
full video below🔽🔽
Are scientists lying about fiber? Did we get it all wrong?
full video below🔽🔽
March 30, 2025 at 6:29 PM
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...
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
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
March 20, 2025 at 3:32 AM
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
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
- 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
March 19, 2025 at 9:56 PM
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
- 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.
March 19, 2025 at 9:51 PM
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.
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
Prompt: a beautiful skeuomorphic tree frog logo, glassy
March 14, 2025 at 11:51 PM
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
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.
March 11, 2025 at 3:29 AM
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...
Live! andrewray.s3.us-west-2.amazonaws.com/flip/index.h...
March 11, 2025 at 3:27 AM
Chain Reaction Pipes. #threejs time waster game based on an oldschool Flash classic.
Live! andrewray.s3.us-west-2.amazonaws.com/flip/index.h...
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
March 11, 2025 at 1:35 AM
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.
Shader programs, conveniently, are easy to render with a main() fn. And shaderfrog turns full shaders into modules, so they are portable + composable.
March 10, 2025 at 11:53 PM
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.
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...
@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...
shaderfrog.com
March 10, 2025 at 2:42 PM
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...
@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...
Reposted by Andy Ray
💌 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
Newsletter – Issue 025 | Web Game Dev
www.webgamedev.com
March 4, 2025 at 4:11 PM
💌 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...
Live! andrewray.s3.us-west-2.amazonaws.com/flip/index.h...
February 28, 2025 at 6:15 AM
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...
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
Live! shaderfrog.com/2/editor/cm7...
#webgl #threejs #creativecoding
February 27, 2025 at 11:50 PM
"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
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
Live! shaderfrog.com/2/editor/cm6...
#threejs #webgl #screenshotsaturday #creativecoding
February 21, 2025 at 6:26 PM
"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
Live! shaderfrog.com/2/editor/cm6...
#threejs #webgl #screenshotsaturday #creativecoding
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...
Shaderfrog 2.0 Introduction Tutorial
YouTube video by Shader Frog
m.youtube.com
February 18, 2025 at 2:54 AM
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
Live! shaderfrog.com/2/editor/cm7...
#threejs #webgl #screenshotsaturday #shaders
February 17, 2025 at 9:38 PM
Cartoon Water in @shaderfrog.com 2.0
Live! shaderfrog.com/2/editor/cm7...
#threejs #webgl #screenshotsaturday #shaders
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
Live: shaderfrog.com/2/editor/cm7...
#threejs #webgl #creativecoding #screenshotsaturday #shaders
February 14, 2025 at 8:56 PM
Heart boxes. Happy Valentine's day!
Live: shaderfrog.com/2/editor/cm7...
#threejs #webgl #creativecoding #screenshotsaturday #shaders
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
Live! shaderfrog.com/2/editor/cm6...
#threejs #webgl #screenshotsaturday #creativecoding
February 10, 2025 at 4:19 AM
"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
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
Sign in - Google Accounts
aistudio.google.com
February 3, 2025 at 2:54 AM
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