iiinova — where your digital self keeps evolving

phobon @phobon.io · 17/06/2026

Coming back to a skill after a long break doesn't feel like a fresh start. It feels like waking up in a hole you dug yourself. If you've stepped away from something and dreaded coming back, this one's for you. fragments.supply/writing/36-a-practical-guide-to-improving-at-creative-coding

010

phobon @phobon.io · 15/06/2026

Undulating waveforms using threejs and tsl Slowing getting back into my creative coding workflow ✨

050

phobon @phobon.io · 09/06/2026

In this creative coding tool, it uses a node graph, but it's a little bit different to the way a shader graph usually works I still want the flexibility of writing code and it being the star of the show - but with some really powerful additions to superpower things Here's the Slate project ✨

040

phobon @phobon.io · 08/06/2026

Spending a bit more time working on this creative tool pipeline. Adding some chromatic aberration to this raymarched TSL shader Really coming along now - finally starting to get excited again about making things 🙏

040

phobon @phobon.io · 06/06/2026

I've been writing custom shaders for a really long time with an - admittedly - pretty brittle setup. So, I decided to create a different kind of creative coding tool. It's really early on but already feels amazing! I should release it some day 🙏 What tools have you made to help your process?

000

phobon @phobon.io · 05/06/2026

A lot of people have asked me how these things are made and where to get started. I made a course that goes into it all! This chaotic raymarching shader was made with TSL and threejs ✨ Check it out at fragments.supply and maybe use this code for 10% off: ZUD58MN7

160

phobon @phobon.io · 04/06/2026

Generative architecture - throwback to a Genuary 25 shader made with TSL 🏢

040

phobon @phobon.io · 30/05/2026

Hyper-saturated, intense, polar coordinate shader made with TSL

030

phobon @phobon.io · 29/05/2026

A shader tribute to sunnk made with TSL

150

phobon @phobon.io · 28/05/2026

Part of the Kaleidoscopic Fractal series

030

phobon @phobon.io · 27/05/2026

Postprocessing dithering explorations

000

phobon @phobon.io · 25/05/2026

Cascade 4 - Part of the Kaleidoscopic Fractal series

010

phobon @phobon.io · 22/05/2026

Something about these cloudy, whimsical shapes that just makes me feel good 😊 One of the more beautiful mesh gradients I've made recently with #tsl and #threejs

010

phobon @phobon.io · 22/05/2026

This raymarching shader means a bit more to me now after the Destiny 2 news. What an amazing game! I've loved it the entire run (yes, even Curse of Osiris). Here is my humble tribute to the darkness 🫡 See you all starside again soon 🙇‍♂️ #tsl #threejs #destiny2

001

phobon @phobon.io · 21/05/2026

Pure Hyperlight vibes. Combining neon and noise for this tribute to one of my favourite games ✨ All made with #tsl and #threejs

020

phobon @phobon.io · 19/05/2026

Cosy fractal shader for the change in weather (at least here in Australia!) 🥶 Made with #tsl and #threejs

010

phobon @phobon.io · 17/05/2026

Neon-soaked procedural rain shader made with #tsl and #threejs

020

phobon @phobon.io · 15/05/2026

Made for design engineers, creative coders, and anyone who wants to learn! Fragments is built around progressively more complex shader techniques and how to experiment with them to create something unique and spectacular.

110

phobon @phobon.io · 15/05/2026

My Three.js + TSL shader course — Fragments — is open for registration until the end of May! It's the perfect way to learn the techniques that power some of the most incredible shaders out there, and how to build them in code.

161

phobon @phobon.io · 14/05/2026

It's the day before Fragments opens again, and I'm starting to get those (all too familiar) butterflies I'm at that stage of my life where I don't generally feel that real anticipation, like the night before a big game. So strange that I miss it now 😊 Can't wait! #threejs #creativecoding

010

phobon @phobon.io · 13/05/2026

I still think it's amazing that just a few lines of code can produce something so mesmerising ✨ This is still one of my absolute favourite shaders, and it's just a few simple steps put together. Magical! #threejs #creativecoding

051

phobon @phobon.io · 12/05/2026

It's so fun tweaking values and seeing shaders twist and change in front of your eyes! I've been loving Dialkit - fits into the new Fragments experience really nicely imo 😍 #creativecoding #threejs

040

phobon @phobon.io · 08/05/2026

Here's a sneak preview of the new Fragments experience launching in less than two weeks! Clean 🧼 Can't wait for everyone to check it out! fragments.supply

Here's a sneak preview of the new Fragments experience launching in less than two weeks! Clean 🧼

Can't wait for everyone to check it out!

https://fragments.supply

010

phobon @phobon.io · 08/05/2026

everyone: if you're shipping dark theme you're too late! me:

010

phobon @phobon.io · 07/05/2026

Really happy with how the new content experience in Fragments has turned out. It feels _really_ dynamic. Being able to see working shader examples directly alongside the content I think is a total game changer 🚀 #creativecoding #threejs

0100

phobon @phobon.io · 05/05/2026

What a great time for an announcement (especially given I forgot to do it a couple of days ago)! fragments.supply will be open for registration for a couple of weeks starting May 15th around 10am Sydney time! 🚀 More to come! Watch this space 👀

010

phobon @phobon.io · 01/05/2026

Build generative systems and land on all of these amazing happy accidents. Here are some outputs from the Bands series www.fragments.supply/works/bands-1 #creativecoding #threejs

0100

phobon @phobon.io · 10/02/2026

120

phobon @phobon.io · 10/02/2026

My Three.js + TSL shader course — Fragments — is open for registration for the next 2 weeks! It's the perfect way to learn the techniques that power some of the most incredible shaders out there, and how to build them in code.

130

phobon @phobon.io · 14/12/2025

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 🙇‍♀️

020

phobon @phobon.io · 22/11/2025

Still really enjoying these noise-based things 🪇 Once I've got these updates out for Fragments, I'll get back to working on this stuff, super fun 😊 #tsl #threejs

Noise-based shader sketch with orange, blue and purple hues

040

phobon @phobon.io · 19/11/2025

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 ✨

130

phobon @phobon.io · 14/10/2025

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 ✨

040

phobon @phobon.io · 09/10/2025

Gotta say, kind of clean in light mode 🤔

030

phobon @phobon.io · 28/09/2025

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

1112

phobon @phobon.io · 25/09/2025

Can make some really cool stuff like this 👇

020

phobon @phobon.io · 25/09/2025

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

260

phobon @phobon.io · 24/09/2025

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 😊

060

phobon @phobon.io · 21/09/2025

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

020

phobon @phobon.io · 20/09/2025

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

030

phobon @phobon.io · 16/09/2025

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

0100