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
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 ✨
Gotta say, kind of clean in light mode 🤔
October 9, 2025 at 4:40 AM
Gotta say, kind of clean in light mode 🤔
Curled noise is one of those techniques that can completely transform how your generative art feels
Simply layering noise on top of a warped image can create absolutely incredible results - it's kind of shocking
I'm honestly still shocked how this turned out 🪄
#tsl #threejs
Simply layering noise on top of a warped image can create absolutely incredible results - it's kind of shocking
I'm honestly still shocked how this turned out 🪄
#tsl #threejs
September 28, 2025 at 9:28 AM
Curled noise is one of those techniques that can completely transform how your generative art feels
Simply layering noise on top of a warped image can create absolutely incredible results - it's kind of shocking
I'm honestly still shocked how this turned out 🪄
#tsl #threejs
Simply layering noise on top of a warped image can create absolutely incredible results - it's kind of shocking
I'm honestly still shocked how this turned out 🪄
#tsl #threejs
Can make some really cool stuff like this 👇
September 25, 2025 at 9:20 AM
Can make some really cool stuff like this 👇
Think pixellation effects are just for retro games? No way!
This tiny TSL trick shifts the mood of your work dramatically ✨
I used to find it so hard to share effects between shaders, but these little functions are an absolute super power!
#tsl #creativecoding #threejs
This tiny TSL trick shifts the mood of your work dramatically ✨
I used to find it so hard to share effects between shaders, but these little functions are an absolute super power!
#tsl #creativecoding #threejs
September 25, 2025 at 9:19 AM
Think pixellation effects are just for retro games? No way!
This tiny TSL trick shifts the mood of your work dramatically ✨
I used to find it so hard to share effects between shaders, but these little functions are an absolute super power!
#tsl #creativecoding #threejs
This tiny TSL trick shifts the mood of your work dramatically ✨
I used to find it so hard to share effects between shaders, but these little functions are an absolute super power!
#tsl #creativecoding #threejs
I think I have an unhealthy obsession with mesh gradients 😅
I think I've made at least a dozen different versions over the last few years, but the one I made for Fragments might be my favourite yet
Made these with TSL and ThreeJS - so fun 😊
I think I've made at least a dozen different versions over the last few years, but the one I made for Fragments might be my favourite yet
Made these with TSL and ThreeJS - so fun 😊
September 24, 2025 at 7:42 AM
I think I have an unhealthy obsession with mesh gradients 😅
I think I've made at least a dozen different versions over the last few years, but the one I made for Fragments might be my favourite yet
Made these with TSL and ThreeJS - so fun 😊
I think I've made at least a dozen different versions over the last few years, but the one I made for Fragments might be my favourite yet
Made these with TSL and ThreeJS - so fun 😊
Can noise be beautiful?
This is Slate 5 - built entirely with layered noise that somehow comes together amazingly
Took me ages and a ton of tweaking to things just right, honestly I'm a bit obsessed with how this flows
What does it remind you of?
#creativecoding #threejs #tsl
This is Slate 5 - built entirely with layered noise that somehow comes together amazingly
Took me ages and a ton of tweaking to things just right, honestly I'm a bit obsessed with how this flows
What does it remind you of?
#creativecoding #threejs #tsl
September 21, 2025 at 2:42 AM
Can noise be beautiful?
This is Slate 5 - built entirely with layered noise that somehow comes together amazingly
Took me ages and a ton of tweaking to things just right, honestly I'm a bit obsessed with how this flows
What does it remind you of?
#creativecoding #threejs #tsl
This is Slate 5 - built entirely with layered noise that somehow comes together amazingly
Took me ages and a ton of tweaking to things just right, honestly I'm a bit obsessed with how this flows
What does it remind you of?
#creativecoding #threejs #tsl
Ever struggle with washed out colours in your shaders?
Tonemapping can really help!
I adapted some classic tonemap functions to TSL which have really helped!
gist.github.com/phobon/63ba9...
#tsl #threejs #creativecoding
Tonemapping can really help!
I adapted some classic tonemap functions to TSL which have really helped!
gist.github.com/phobon/63ba9...
#tsl #threejs #creativecoding
September 20, 2025 at 5:34 AM
Ever struggle with washed out colours in your shaders?
Tonemapping can really help!
I adapted some classic tonemap functions to TSL which have really helped!
gist.github.com/phobon/63ba9...
#tsl #threejs #creativecoding
Tonemapping can really help!
I adapted some classic tonemap functions to TSL which have really helped!
gist.github.com/phobon/63ba9...
#tsl #threejs #creativecoding
September 17, 2025 at 1:30 PM
Another TSL trick I’m obsessed with - a clean vignette effect.
Drop this into your shaders to add dramatic contrast and make colours pop off the screen ✨
Love how easily you can hit a vibe with just a few lines of TSL.
#tsl #creativecoding #threejs
Drop this into your shaders to add dramatic contrast and make colours pop off the screen ✨
Love how easily you can hit a vibe with just a few lines of TSL.
#tsl #creativecoding #threejs
September 16, 2025 at 2:42 PM
Another TSL trick I’m obsessed with - a clean vignette effect.
Drop this into your shaders to add dramatic contrast and make colours pop off the screen ✨
Love how easily you can hit a vibe with just a few lines of TSL.
#tsl #creativecoding #threejs
Drop this into your shaders to add dramatic contrast and make colours pop off the screen ✨
Love how easily you can hit a vibe with just a few lines of TSL.
#tsl #creativecoding #threejs
September 14, 2025 at 3:05 PM
😞 Shaders broken on different screen sizes
🤩 Perfect aspect ratio correction in ~3 lines
This tiny TSL function gets used in (just about) every single shader I write!
What's your most-used shader helper?
#threejs #creativecoding #tsl
🤩 Perfect aspect ratio correction in ~3 lines
This tiny TSL function gets used in (just about) every single shader I write!
What's your most-used shader helper?
#threejs #creativecoding #tsl
September 14, 2025 at 7:50 AM
😞 Shaders broken on different screen sizes
🤩 Perfect aspect ratio correction in ~3 lines
This tiny TSL function gets used in (just about) every single shader I write!
What's your most-used shader helper?
#threejs #creativecoding #tsl
🤩 Perfect aspect ratio correction in ~3 lines
This tiny TSL function gets used in (just about) every single shader I write!
What's your most-used shader helper?
#threejs #creativecoding #tsl
September 13, 2025 at 12:40 PM
September 12, 2025 at 12:35 PM
🚀 I made a little TSL function to add texture to my artwork and it still shocks me how nice things look with it. Makes a huge difference!
If you're making stuff with shaders and giving TSL a go, this might be useful for you too. What's your favourite shader effect?
#creativecoding #threejs #t
If you're making stuff with shaders and giving TSL a go, this might be useful for you too. What's your favourite shader effect?
#creativecoding #threejs #t
September 12, 2025 at 7:10 AM
🚀 I made a little TSL function to add texture to my artwork and it still shocks me how nice things look with it. Makes a huge difference!
If you're making stuff with shaders and giving TSL a go, this might be useful for you too. What's your favourite shader effect?
#creativecoding #threejs #t
If you're making stuff with shaders and giving TSL a go, this might be useful for you too. What's your favourite shader effect?
#creativecoding #threejs #t
September 11, 2025 at 1:00 PM
Added a big noise technique breakdown on Fragments. Dives deep into using noise not only as a basis for your shaders, but also how and where to use noise to enhance them. How do you all use noise in your shaders? Let me know 👇
Sign up → fragments.supply with a 40% discount 🙇♀ #tsl #threejs
Sign up → fragments.supply with a 40% discount 🙇♀ #tsl #threejs
September 10, 2025 at 10:25 AM
Added a big noise technique breakdown on Fragments. Dives deep into using noise not only as a basis for your shaders, but also how and where to use noise to enhance them. How do you all use noise in your shaders? Let me know 👇
Sign up → fragments.supply with a 40% discount 🙇♀ #tsl #threejs
Sign up → fragments.supply with a 40% discount 🙇♀ #tsl #threejs
I've done a lot of stuff with some of my raymarching shaders - these weird, liminal spaces. So much can be done with it when you tweak shapes and coordinate spaces. I think it might be my favourite technique 😍
Part of the Abiogenic series I made for Fragments
#tsl #creativecoding #threejs
Part of the Abiogenic series I made for Fragments
#tsl #creativecoding #threejs
September 9, 2025 at 2:30 AM
I've done a lot of stuff with some of my raymarching shaders - these weird, liminal spaces. So much can be done with it when you tweak shapes and coordinate spaces. I think it might be my favourite technique 😍
Part of the Abiogenic series I made for Fragments
#tsl #creativecoding #threejs
Part of the Abiogenic series I made for Fragments
#tsl #creativecoding #threejs
I've been asked a lot about early access for Fragments, so some answers:
📅 Early access ends October 1
🙏 40% percent discount
👀 Full preview of content → fragments.supply/techniques/geometric-shapes/
Huge shouts to those that have joined already ❤️
#creativecoding #threejs #tsl
📅 Early access ends October 1
🙏 40% percent discount
👀 Full preview of content → fragments.supply/techniques/geometric-shapes/
Huge shouts to those that have joined already ❤️
#creativecoding #threejs #tsl
September 8, 2025 at 11:30 AM
I've been asked a lot about early access for Fragments, so some answers:
📅 Early access ends October 1
🙏 40% percent discount
👀 Full preview of content → fragments.supply/techniques/geometric-shapes/
Huge shouts to those that have joined already ❤️
#creativecoding #threejs #tsl
📅 Early access ends October 1
🙏 40% percent discount
👀 Full preview of content → fragments.supply/techniques/geometric-shapes/
Huge shouts to those that have joined already ❤️
#creativecoding #threejs #tsl
Shapes, angles, repetition and motion - something so mesmerising when you combine all these things into a shader. Add a little neon glow and cool. shit. happens. ✨
I made this for genuary way back at the start of the year - start of a great journey
I made this for genuary way back at the start of the year - start of a great journey
September 7, 2025 at 9:30 PM
Shapes, angles, repetition and motion - something so mesmerising when you combine all these things into a shader. Add a little neon glow and cool. shit. happens. ✨
I made this for genuary way back at the start of the year - start of a great journey
I made this for genuary way back at the start of the year - start of a great journey
Warp 2
A rad variation on the Warp series - the domain here is warped by an SDF square. You end up getting these interesting jagged edged sort of output. I love how much variance you can create with such small changes 🪄
Check it out → fragments.supply/sketches/warp-2/
#tsl #creativecoding
A rad variation on the Warp series - the domain here is warped by an SDF square. You end up getting these interesting jagged edged sort of output. I love how much variance you can create with such small changes 🪄
Check it out → fragments.supply/sketches/warp-2/
#tsl #creativecoding
September 7, 2025 at 7:30 AM
Warp 2
A rad variation on the Warp series - the domain here is warped by an SDF square. You end up getting these interesting jagged edged sort of output. I love how much variance you can create with such small changes 🪄
Check it out → fragments.supply/sketches/warp-2/
#tsl #creativecoding
A rad variation on the Warp series - the domain here is warped by an SDF square. You end up getting these interesting jagged edged sort of output. I love how much variance you can create with such small changes 🪄
Check it out → fragments.supply/sketches/warp-2/
#tsl #creativecoding
Here's another shader from the Eidolon series - a really rad variation that involves masking with circle repetition. Each band here offsets and rotates the shape at different speeds - super trippy effect 🪄
Made this sketch when I was looking at domain repetition on Fragments 🙇♀️
Made this sketch when I was looking at domain repetition on Fragments 🙇♀️
September 6, 2025 at 2:30 PM
Here's another shader from the Eidolon series - a really rad variation that involves masking with circle repetition. Each band here offsets and rotates the shape at different speeds - super trippy effect 🪄
Made this sketch when I was looking at domain repetition on Fragments 🙇♀️
Made this sketch when I was looking at domain repetition on Fragments 🙇♀️
Over the next month, I'm going to add some more creative coding technique deep-dives to fragments.supply - these are a result of some really fun and interesting experiments I've been doing over the last few months. I have a lot planned (will have to put this in separate posts for now)
September 6, 2025 at 11:30 AM
Over the next month, I'm going to add some more creative coding technique deep-dives to fragments.supply - these are a result of some really fun and interesting experiments I've been doing over the last few months. I have a lot planned (will have to put this in separate posts for now)
Genuary 17
It took me a while to realise how you could generate a ton of shapes in a fragment shader. Loops are neat 🪄
Check it out → https://www.fragments.supply/sketches/genuary-17/
#tsl #creativecoding #threejs
It took me a while to realise how you could generate a ton of shapes in a fragment shader. Loops are neat 🪄
Check it out → https://www.fragments.supply/sketches/genuary-17/
#tsl #creativecoding #threejs
September 5, 2025 at 12:35 PM
Genuary 17
It took me a while to realise how you could generate a ton of shapes in a fragment shader. Loops are neat 🪄
Check it out → https://www.fragments.supply/sketches/genuary-17/
#tsl #creativecoding #threejs
It took me a while to realise how you could generate a ton of shapes in a fragment shader. Loops are neat 🪄
Check it out → https://www.fragments.supply/sketches/genuary-17/
#tsl #creativecoding #threejs