phobon

@phobon.io

557 Followers 2125 Following

Learn creative coding with shaders and Three.js: http://fragments.supply ✨ Design engineer, creative coder & shader artist

Same
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
Overkill? 🤔
Slate
Slate
Slate
Slate
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 ✨
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
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
Fragments dashboard
Different visualisations created using Fragments
Post image
Noise-based shader sketch with orange, blue and purple hues
Post image
Post image
Fragments landing page in dark mode
Post image
Pixellation effect in TSL
Post image
Post image
Classic tonemapping functions in TSL
Slate 5 #tsl #threejs #creativecoding
Post image
Slate 4 #tsl #threejs #creativecoding
😞 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
Slate 3 #tsl #threejs #creativecoding
Slate 2 #tsl #threejs #creativecoding
🚀 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
Slate 1 #tsl #threejs #creativecoding
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
Abiogenic 3
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
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
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