Ben McCormick
@phobon.io
Learn creative coding with shaders and Three.js: http://fragments.supply ✨
Design engineer, creative coder & shader artist
Design engineer, creative coder & shader artist
Pinned
Ben McCormick
@phobon.io
· Aug 31
Fragments° — Creative coding with shaders
Kickstart your creative coding and shader art journey.
www.fragments.supply
Pretty crazy that this thing I've been working on in my spare time for the last 9 months is launching in a few days 😊
Check out Fragments, a kickstarter for your creative coding journey → https://www.fragments.supply/
#tsl #creativecoding #threejs
Check out Fragments, a kickstarter for your creative coding journey → https://www.fragments.supply/
#tsl #creativecoding #threejs
more volumetric TSL things
December 15, 2025 at 10:58 PM
more volumetric TSL things
feel like things are coming together with this stuff...
December 15, 2025 at 2:02 AM
feel like things are coming together with this stuff...
I posted one of these things a couple of months ago, interested in an update?
More than 140 creative coders, design engineers and shader artists have joined fragments.supply 🌈
It's been a dream to work on and share - I'm shocked and absolutely humbled 🙇♀️
More than 140 creative coders, design engineers and shader artists have joined fragments.supply 🌈
It's been a dream to work on and share - I'm shocked and absolutely humbled 🙇♀️
December 14, 2025 at 10:58 PM
I posted one of these things a couple of months ago, interested in an update?
More than 140 creative coders, design engineers and shader artists have joined fragments.supply 🌈
It's been a dream to work on and share - I'm shocked and absolutely humbled 🙇♀️
More than 140 creative coders, design engineers and shader artists have joined fragments.supply 🌈
It's been a dream to work on and share - I'm shocked and absolutely humbled 🙇♀️
Design engineers who know shaders are basically unicorns. Your market value goes up immediately ✨
December 6, 2025 at 11:02 PM
Design engineers who know shaders are basically unicorns. Your market value goes up immediately ✨
React: https://github.com/phobon/fragments-boilerplate
Vanilla: https://github.com/phobon/fragments-boilerplate-vanilla
Love to see what you make with these! 🙏
Vanilla: https://github.com/phobon/fragments-boilerplate-vanilla
Love to see what you make with these! 🙏
December 5, 2025 at 3:01 PM
React: https://github.com/phobon/fragments-boilerplate
Vanilla: https://github.com/phobon/fragments-boilerplate-vanilla
Love to see what you make with these! 🙏
Vanilla: https://github.com/phobon/fragments-boilerplate-vanilla
Love to see what you make with these! 🙏
How to start learning shaders:
1. Copy a boilerplate
2. Break it
3. Understand why it broke
4. Repeat
That's the whole game. Everything else is iteration.
I've got a Three.js and TSL-based boilerplate you can use right now! A couple of links below 👇
1. Copy a boilerplate
2. Break it
3. Understand why it broke
4. Repeat
That's the whole game. Everything else is iteration.
I've got a Three.js and TSL-based boilerplate you can use right now! A couple of links below 👇
December 5, 2025 at 3:01 PM
How to start learning shaders:
1. Copy a boilerplate
2. Break it
3. Understand why it broke
4. Repeat
That's the whole game. Everything else is iteration.
I've got a Three.js and TSL-based boilerplate you can use right now! A couple of links below 👇
1. Copy a boilerplate
2. Break it
3. Understand why it broke
4. Repeat
That's the whole game. Everything else is iteration.
I've got a Three.js and TSL-based boilerplate you can use right now! A couple of links below 👇
I feel like every time I go back to trying to figure out volumetrics (raymarching stuff) my brain just stumbles.
Following the same process - rest, digest, return and there's just something missing.
Anyone else have these sorts of white whales they're always chasing?
Following the same process - rest, digest, return and there's just something missing.
Anyone else have these sorts of white whales they're always chasing?
December 2, 2025 at 11:59 AM
I feel like every time I go back to trying to figure out volumetrics (raymarching stuff) my brain just stumbles.
Following the same process - rest, digest, return and there's just something missing.
Anyone else have these sorts of white whales they're always chasing?
Following the same process - rest, digest, return and there's just something missing.
Anyone else have these sorts of white whales they're always chasing?
The moment shaders clicked for me: I stopped trying to understand everything and started started trying to break one small thing.
Then I fixed it. Then I broke it differently - rinse and repeat.
All of a sudden, I got dangerous (positive) 💪
Then I fixed it. Then I broke it differently - rinse and repeat.
All of a sudden, I got dangerous (positive) 💪
December 1, 2025 at 11:00 PM
The moment shaders clicked for me: I stopped trying to understand everything and started started trying to break one small thing.
Then I fixed it. Then I broke it differently - rinse and repeat.
All of a sudden, I got dangerous (positive) 💪
Then I fixed it. Then I broke it differently - rinse and repeat.
All of a sudden, I got dangerous (positive) 💪
Thats a pretty amazing way to put it really 😊 there’s definitely a mind shift involved for sure. Kind of easy to forget after all this time
November 30, 2025 at 11:30 PM
Thats a pretty amazing way to put it really 😊 there’s definitely a mind shift involved for sure. Kind of easy to forget after all this time
Shaders look like black magic until you realize that they're just math...
... and not even hard math (a lot of the time 😅)
... and not even hard math (a lot of the time 😅)
November 30, 2025 at 11:05 PM
Shaders look like black magic until you realize that they're just math...
... and not even hard math (a lot of the time 😅)
... and not even hard math (a lot of the time 😅)
Finally pushed this huge change to Fragments (2.0 haha)! 🚀
So much cool stuff:
- New dashboard and navigation
- TSL sketch code is totally free
- New interactivity technique and a bunch of new utilities
Love to hear what you all think!
www.fragments.supply/techniques
#threejs #creativecoding
So much cool stuff:
- New dashboard and navigation
- TSL sketch code is totally free
- New interactivity technique and a bunch of new utilities
Love to hear what you all think!
www.fragments.supply/techniques
#threejs #creativecoding
Techniques — Fragments
Learn and experiment with creative coding techniques. Foundational shader programming techniques with deep-dives, implementation guides, and related examples.
www.fragments.supply
November 27, 2025 at 7:20 AM
Finally pushed this huge change to Fragments (2.0 haha)! 🚀
So much cool stuff:
- New dashboard and navigation
- TSL sketch code is totally free
- New interactivity technique and a bunch of new utilities
Love to hear what you all think!
www.fragments.supply/techniques
#threejs #creativecoding
So much cool stuff:
- New dashboard and navigation
- TSL sketch code is totally free
- New interactivity technique and a bunch of new utilities
Love to hear what you all think!
www.fragments.supply/techniques
#threejs #creativecoding
It's Black Friday, so Fragments is 25% off! 🎉
Use code BLACK25 for lifetime access to:
• 110+ shader breakdowns
• 10+ creative coding techniques
• 36+ utilities
• GitHub boilerplates
• Private Discord
Tell a friend!
#tsl #threejs #creativecoding
www.fragments.supply/writing/22-b...
Use code BLACK25 for lifetime access to:
• 110+ shader breakdowns
• 10+ creative coding techniques
• 36+ utilities
• GitHub boilerplates
• Private Discord
Tell a friend!
#tsl #threejs #creativecoding
www.fragments.supply/writing/22-b...
Black Friday 2025 — 25% off Fragments — Fragments
25% off Fragments for Black Friday, plus a preview of the new Fragments V2 platform and upcoming Interactivity technique.
www.fragments.supply
November 26, 2025 at 1:42 AM
It's Black Friday, so Fragments is 25% off! 🎉
Use code BLACK25 for lifetime access to:
• 110+ shader breakdowns
• 10+ creative coding techniques
• 36+ utilities
• GitHub boilerplates
• Private Discord
Tell a friend!
#tsl #threejs #creativecoding
www.fragments.supply/writing/22-b...
Use code BLACK25 for lifetime access to:
• 110+ shader breakdowns
• 10+ creative coding techniques
• 36+ utilities
• GitHub boilerplates
• Private Discord
Tell a friend!
#tsl #threejs #creativecoding
www.fragments.supply/writing/22-b...
❤️ I’m on a mission to just reduce reduce reduce. Harder than it looks haha
November 19, 2025 at 1:17 PM
❤️ I’m on a mission to just reduce reduce reduce. Harder than it looks haha
Been sketching things out for what I'm calling fragments.supply v2 and really happy with how it's leveling up
Having a super clear navigation like this gives a great idea of just how much stuff there is
Loved how it looked before, but this is a massive upgrade ✨
Having a super clear navigation like this gives a great idea of just how much stuff there is
Loved how it looked before, but this is a massive upgrade ✨
November 19, 2025 at 11:56 AM
Been sketching things out for what I'm calling fragments.supply v2 and really happy with how it's leveling up
Having a super clear navigation like this gives a great idea of just how much stuff there is
Loved how it looked before, but this is a massive upgrade ✨
Having a super clear navigation like this gives a great idea of just how much stuff there is
Loved how it looked before, but this is a massive upgrade ✨
It is pretty incredible to me think fragments.supply has ALMOST hit 100 members (99 😅)
I humbling, amazing experience to share this with so many curious creative developers. Forever grateful 🙏
Should I do a giveaway to celebrate the century?
I humbling, amazing experience to share this with so many curious creative developers. Forever grateful 🙏
Should I do a giveaway to celebrate the century?
November 11, 2025 at 11:56 AM
It is pretty incredible to me think fragments.supply has ALMOST hit 100 members (99 😅)
I humbling, amazing experience to share this with so many curious creative developers. Forever grateful 🙏
Should I do a giveaway to celebrate the century?
I humbling, amazing experience to share this with so many curious creative developers. Forever grateful 🙏
Should I do a giveaway to celebrate the century?
Wrote a post about some of my favourite TSL distortion functions, along with some fun updates for Fragments
The collection is starting to get really substantial now, super happy with how it's all going ✨
https://www.fragments.supply/writing/19-making-pixels-misbehave
The collection is starting to get really substantial now, super happy with how it's all going ✨
https://www.fragments.supply/writing/19-making-pixels-misbehave
November 10, 2025 at 9:58 AM
Wrote a post about some of my favourite TSL distortion functions, along with some fun updates for Fragments
The collection is starting to get really substantial now, super happy with how it's all going ✨
https://www.fragments.supply/writing/19-making-pixels-misbehave
The collection is starting to get really substantial now, super happy with how it's all going ✨
https://www.fragments.supply/writing/19-making-pixels-misbehave
Build something you need.
Others probably need it too 🫡
Others probably need it too 🫡
November 10, 2025 at 1:54 AM
Build something you need.
Others probably need it too 🫡
Others probably need it too 🫡
Design engineers,
invest in your creative skillset.
Your future self will thank you.
invest in your creative skillset.
Your future self will thank you.
November 8, 2025 at 11:05 PM
Design engineers,
invest in your creative skillset.
Your future self will thank you.
invest in your creative skillset.
Your future self will thank you.
I don’t know them specifically. I know of www.cosmos.so/luca but not sure who else
luca (@luca) / Cosmos
A home for curating your universe
www.cosmos.so
October 20, 2025 at 1:48 PM
I don’t know them specifically. I know of www.cosmos.so/luca but not sure who else
Not sure if I've mentioned this before* but I've been deep diving into generative art and creative coding with shaders and threejs.
I built fragments.supply - copy-paste snippets and creative coding flow, ready to go.
If you want to get hands-on fast, it's all here 🙌
* a great joke 😅
I built fragments.supply - copy-paste snippets and creative coding flow, ready to go.
If you want to get hands-on fast, it's all here 🙌
* a great joke 😅
October 18, 2025 at 10:57 PM
Not sure if I've mentioned this before* but I've been deep diving into generative art and creative coding with shaders and threejs.
I built fragments.supply - copy-paste snippets and creative coding flow, ready to go.
If you want to get hands-on fast, it's all here 🙌
* a great joke 😅
I built fragments.supply - copy-paste snippets and creative coding flow, ready to go.
If you want to get hands-on fast, it's all here 🙌
* a great joke 😅
Yeah, I used to check out awwwards quite often but fallen off it a lot lately
I have a really active www.cosmos.so going which is pretty good but always keen to find more inspo sources
Got a huge board that's just like future ui, neon stuff - it's very nice haha
I have a really active www.cosmos.so going which is pretty good but always keen to find more inspo sources
Got a huge board that's just like future ui, neon stuff - it's very nice haha
Welcome to Cosmos
A discovery engine for creatives.
www.cosmos.so
October 17, 2025 at 2:45 PM
Yeah, I used to check out awwwards quite often but fallen off it a lot lately
I have a really active www.cosmos.so going which is pretty good but always keen to find more inspo sources
Got a huge board that's just like future ui, neon stuff - it's very nice haha
I have a really active www.cosmos.so going which is pretty good but always keen to find more inspo sources
Got a huge board that's just like future ui, neon stuff - it's very nice haha
👋 Creative coders, what's your go-to for visual inspiration?
I want to explore different areas and expand my skills. I've got a couple of go to places I check out, but wondering what else is out there.
Would love to see what inspires you. Your recs would be appreciated 🫶
I want to explore different areas and expand my skills. I've got a couple of go to places I check out, but wondering what else is out there.
Would love to see what inspires you. Your recs would be appreciated 🫶
October 17, 2025 at 12:03 PM
👋 Creative coders, what's your go-to for visual inspiration?
I want to explore different areas and expand my skills. I've got a couple of go to places I check out, but wondering what else is out there.
Would love to see what inspires you. Your recs would be appreciated 🫶
I want to explore different areas and expand my skills. I've got a couple of go to places I check out, but wondering what else is out there.
Would love to see what inspires you. Your recs would be appreciated 🫶
This week's newsletter is out! I talk about Roli Lightpad Blocks!
... and also about my struggles 🪄
www.fragments.supply/writing/16-a...
... and also about my struggles 🪄
www.fragments.supply/writing/16-a...
I almost quit making this LED effect — Fragments
Hours of tweaking shapes and offsets almost broke me. Here's what happens when you push through the frustration.
www.fragments.supply
October 16, 2025 at 1:29 AM
This week's newsletter is out! I talk about Roli Lightpad Blocks!
... and also about my struggles 🪄
www.fragments.supply/writing/16-a...
... and also about my struggles 🪄
www.fragments.supply/writing/16-a...
Took that threejs noise sketch and pushed it further - the new outputs are showing me stuff I didn't even think about before.
Amazing how a few tiny tweaks can stack up and turn some mundane shapes into something special.
Honestly love when the code just does its own thing ✨
Amazing how a few tiny tweaks can stack up and turn some mundane shapes into something special.
Honestly love when the code just does its own thing ✨
October 14, 2025 at 2:02 AM
Took that threejs noise sketch and pushed it further - the new outputs are showing me stuff I didn't even think about before.
Amazing how a few tiny tweaks can stack up and turn some mundane shapes into something special.
Honestly love when the code just does its own thing ✨
Amazing how a few tiny tweaks can stack up and turn some mundane shapes into something special.
Honestly love when the code just does its own thing ✨