Jordan Marcon
@madjor.bsky.social
Freelance Creative Developer • Former @ unseen.co
Reposted by Jordan Marcon
I’ve opened up many of the TSL exercises to everyone!
If you wanna try out some WebGPU shaders and fiddle with them, all in the browser.
Try an exercise and see if you can match the output.
Link: simondev.io/lessons/shad...
#threejs #webgpu
If you wanna try out some WebGPU shaders and fiddle with them, all in the browser.
Try an exercise and see if you can match the output.
Link: simondev.io/lessons/shad...
#threejs #webgpu
November 11, 2025 at 10:58 PM
I’ve opened up many of the TSL exercises to everyone!
If you wanna try out some WebGPU shaders and fiddle with them, all in the browser.
Try an exercise and see if you can match the output.
Link: simondev.io/lessons/shad...
#threejs #webgpu
If you wanna try out some WebGPU shaders and fiddle with them, all in the browser.
Try an exercise and see if you can match the output.
Link: simondev.io/lessons/shad...
#threejs #webgpu
Reposted by Jordan Marcon
📸 we've just released Nuxt Image v2! ✨
💪 full TS support with typed providers + modifiers
⚡ IPX v3
⚗️ server-side image utilities
🎨 template ref access
🌐 new Shopify & GitHub providers
happy optimizing ❤️
👉 read more at nuxt.com/blog/nuxt-i...
💪 full TS support with typed providers + modifiers
⚡ IPX v3
⚗️ server-side image utilities
🎨 template ref access
🌐 new Shopify & GitHub providers
happy optimizing ❤️
👉 read more at nuxt.com/blog/nuxt-i...
November 5, 2025 at 10:49 AM
📸 we've just released Nuxt Image v2! ✨
💪 full TS support with typed providers + modifiers
⚡ IPX v3
⚗️ server-side image utilities
🎨 template ref access
🌐 new Shopify & GitHub providers
happy optimizing ❤️
👉 read more at nuxt.com/blog/nuxt-i...
💪 full TS support with typed providers + modifiers
⚡ IPX v3
⚗️ server-side image utilities
🎨 template ref access
🌐 new Shopify & GitHub providers
happy optimizing ❤️
👉 read more at nuxt.com/blog/nuxt-i...
Reposted by Jordan Marcon
Got a new article up about designing motion when the design doesn’t move. For anyone who’s ever been handed a flat layout and told “make it feel dynamic.”
cydstumpel.nl/how-i-turn-s...
cydstumpel.nl/how-i-turn-s...
How I turn static designs into rich experiences | Blog Cyd Stumpel
I’m preparing a workshop at Wey Wey Web about motion language, which made me realise how many of my habits and instincts for creating web animations have become automatic, here’s my attempt at writing...
cydstumpel.nl
November 2, 2025 at 4:18 PM
Got a new article up about designing motion when the design doesn’t move. For anyone who’s ever been handed a flat layout and told “make it feel dynamic.”
cydstumpel.nl/how-i-turn-s...
cydstumpel.nl/how-i-turn-s...
Reposted by Jordan Marcon
Thinking about using the View Transitions API now that all major browsers support it, but not sure where to start? This article’s for you! ✌️
Very happy to share my first blog post that’s not published on my own website 🥳, thanks Piccalilli!
Very happy to share my first blog post that’s not published on my own website 🥳, thanks Piccalilli!
Browser support for view transitions is rocketing and there's not many better out there to help you understand how to implement them than Cyd Stumpel.
piccalil.li/blog/start-i...
piccalil.li/blog/start-i...
Start implementing view transitions on your websites today
Browser support for view transitions is rocketing and there's not many better out there to help you understand how to implement them than Cyd Stumpel.
piccalil.li
October 28, 2025 at 5:20 PM
Thinking about using the View Transitions API now that all major browsers support it, but not sure where to start? This article’s for you! ✌️
Very happy to share my first blog post that’s not published on my own website 🥳, thanks Piccalilli!
Very happy to share my first blog post that’s not published on my own website 🥳, thanks Piccalilli!
Reposted by Jordan Marcon
✨ My last article about tweening machine is online on Codrops!
I wrote about various challenges encountered when writing my tweening library: the API design choices, staying as low-level as possible etc.
Interesting for me to write it, and I hope it will be interesting for you to read it as well.
I wrote about various challenges encountered when writing my tweening library: the API design choices, staying as low-level as possible etc.
Interesting for me to write it, and I hope it will be interesting for you to read it as well.
Ever wondered how animation libraries actually handle motion?
Willy Brauner breaks it down, sharing the story behind Interpol, a low-level tweening library and the lessons learned while building it.
Read the full article: tympanus.net/codrops/2025...
Willy Brauner breaks it down, sharing the story behind Interpol, a low-level tweening library and the lessons learned while building it.
Read the full article: tympanus.net/codrops/2025...
October 27, 2025 at 4:29 PM
✨ My last article about tweening machine is online on Codrops!
I wrote about various challenges encountered when writing my tweening library: the API design choices, staying as low-level as possible etc.
Interesting for me to write it, and I hope it will be interesting for you to read it as well.
I wrote about various challenges encountered when writing my tweening library: the API design choices, staying as low-level as possible etc.
Interesting for me to write it, and I hope it will be interesting for you to read it as well.
Reposted by Jordan Marcon
20 hours. That's the time I spent on researching and coding up this tribute to my favorite designer Mitsuo Katsui.
Live demo in my @11ty.dev test kitchen: testkitchen.goodbytes.be/experiments/...
Coded in @threejs.org @gsap-greensock.bsky.social @madewithgsap.bsky.social
TSL, AudioContext, JS
Live demo in my @11ty.dev test kitchen: testkitchen.goodbytes.be/experiments/...
Coded in @threejs.org @gsap-greensock.bsky.social @madewithgsap.bsky.social
TSL, AudioContext, JS
October 27, 2025 at 7:44 AM
20 hours. That's the time I spent on researching and coding up this tribute to my favorite designer Mitsuo Katsui.
Live demo in my @11ty.dev test kitchen: testkitchen.goodbytes.be/experiments/...
Coded in @threejs.org @gsap-greensock.bsky.social @madewithgsap.bsky.social
TSL, AudioContext, JS
Live demo in my @11ty.dev test kitchen: testkitchen.goodbytes.be/experiments/...
Coded in @threejs.org @gsap-greensock.bsky.social @madewithgsap.bsky.social
TSL, AudioContext, JS
Reposted by Jordan Marcon
NEW Mini: 3D Rotation!
How to rotate in 3D with arbitrary axes. I tried to make this as accessible as I could
mini.gmshaders.com/p/3d-rotation
How to rotate in 3D with arbitrary axes. I tried to make this as accessible as I could
mini.gmshaders.com/p/3d-rotation
Mini: 3D Rotation
How to rotate with Euler Angles and Axis Angles
mini.gmshaders.com
October 19, 2025 at 1:08 AM
NEW Mini: 3D Rotation!
How to rotate in 3D with arbitrary axes. I tried to make this as accessible as I could
mini.gmshaders.com/p/3d-rotation
How to rotate in 3D with arbitrary axes. I tried to make this as accessible as I could
mini.gmshaders.com/p/3d-rotation
Reposted by Jordan Marcon
Reposted by Jordan Marcon
#MaterialMaker 1.4 (#GodotEngine based PBR material authoring and 3D model texturing tool) is now available on @itchio .
It is based on Godot 4, had a huge UI redesign and has quite a few new nodes.
rodzilla.itch.io/material-mak...
It is based on Godot 4, had a huge UI redesign and has quite a few new nodes.
rodzilla.itch.io/material-mak...
Material Maker 1.4
Material Maker 1.4 is now available for download... I would like to apologize for all the time it took, I seriously underestimated the effort needed to port everything to Godot 4 and the temptation to...
rodzilla.itch.io
October 5, 2025 at 10:39 AM
#MaterialMaker 1.4 (#GodotEngine based PBR material authoring and 3D model texturing tool) is now available on @itchio .
It is based on Godot 4, had a huge UI redesign and has quite a few new nodes.
rodzilla.itch.io/material-mak...
It is based on Godot 4, had a huge UI redesign and has quite a few new nodes.
rodzilla.itch.io/material-mak...
Reposted by Jordan Marcon
I wrote a short post on the weird ‘bug’ I found this week when you animate custom variables and transforms on the same element cydstumpel.nl/debugging-in... please let me know if you can explain why the original approach doesn’t work like you’re explaining something to a five year old ✌️
Debugging in public | Blog Cyd Stumpel
During prototyping my ideas for next year’s ‘new year, new portfolio’ I came upon an interesting limitation in keyframes in combination with custom properties (CSS variables). I was prototyping an ide...
cydstumpel.nl
October 3, 2025 at 2:02 PM
I wrote a short post on the weird ‘bug’ I found this week when you animate custom variables and transforms on the same element cydstumpel.nl/debugging-in... please let me know if you can explain why the original approach doesn’t work like you’re explaining something to a five year old ✌️
Reposted by Jordan Marcon
Anime.js 4.2.0 is out!
🧩 All modules can now be imported individually with subpaths
🎨 CSS variable values support
🏹 Simpler spring API with bounce & duration params
📈 More WAAPI built-in easing functions
🎛️ And an easing editor (animejs.com/easing-editor/)!
Plus tons of fixes and improvements!
🧩 All modules can now be imported individually with subpaths
🎨 CSS variable values support
🏹 Simpler spring API with bounce & duration params
📈 More WAAPI built-in easing functions
🎛️ And an easing editor (animejs.com/easing-editor/)!
Plus tons of fixes and improvements!
September 29, 2025 at 5:42 PM
Anime.js 4.2.0 is out!
🧩 All modules can now be imported individually with subpaths
🎨 CSS variable values support
🏹 Simpler spring API with bounce & duration params
📈 More WAAPI built-in easing functions
🎛️ And an easing editor (animejs.com/easing-editor/)!
Plus tons of fixes and improvements!
🧩 All modules can now be imported individually with subpaths
🎨 CSS variable values support
🏹 Simpler spring API with bounce & duration params
📈 More WAAPI built-in easing functions
🎛️ And an easing editor (animejs.com/easing-editor/)!
Plus tons of fixes and improvements!
Reposted by Jordan Marcon
Seems like I’m not the only one nerding out over sci-fi graphics. Got a bunch of requests for a deeper dive, so I put together a full tutorial with my Geometry Node tips. Get it on patreon 👉https://www.patreon.com/goodgood3d #b3d #3dart #3dartist #blenderart #gamedev #alienearth #scifi
September 17, 2025 at 3:26 PM
Seems like I’m not the only one nerding out over sci-fi graphics. Got a bunch of requests for a deeper dive, so I put together a full tutorial with my Geometry Node tips. Get it on patreon 👉https://www.patreon.com/goodgood3d #b3d #3dart #3dartist #blenderart #gamedev #alienearth #scifi
Reposted by Jordan Marcon
Protection against Supply Chain Attacks
Before heading off to @squiggleconf.com I recorded a video about the recent NPM-related supply chain attacks with the goal to tell you how to protect yourself and your team from them as good as possible.
Including a high-level overview & actionables 👏🏻
Before heading off to @squiggleconf.com I recorded a video about the recent NPM-related supply chain attacks with the goal to tell you how to protect yourself and your team from them as good as possible.
Including a high-level overview & actionables 👏🏻
The BEST way to PROTECT yourself against Supply Chain Attacks
YouTube video by Alexander Lichter
youtu.be
September 19, 2025 at 1:58 PM
Protection against Supply Chain Attacks
Before heading off to @squiggleconf.com I recorded a video about the recent NPM-related supply chain attacks with the goal to tell you how to protect yourself and your team from them as good as possible.
Including a high-level overview & actionables 👏🏻
Before heading off to @squiggleconf.com I recorded a video about the recent NPM-related supply chain attacks with the goal to tell you how to protect yourself and your team from them as good as possible.
Including a high-level overview & actionables 👏🏻
Reposted by Jordan Marcon
Hey 👋 with
with Justine Soulié we just released a new project
Ponpon Mania an interactive online comic!
Animated panels, playful interactions, and a sheep with a dream to become a DJ
Take a look, let us know what you think ✨
👉 ponpon-mania.com
#webgl #illustration #comics #gsap #creativecoding
with Justine Soulié we just released a new project
Ponpon Mania an interactive online comic!
Animated panels, playful interactions, and a sheep with a dream to become a DJ
Take a look, let us know what you think ✨
👉 ponpon-mania.com
#webgl #illustration #comics #gsap #creativecoding
Ponpon Mania - Interactive Comic
Ponpon Mania is an interactive comic. Follow the adventure of a megalomaniac sheep who wants to make the world dance. Created by Justine Soulié & Patrick Heng.
ponpon-mania.com
September 16, 2025 at 11:31 AM
Hey 👋 with
with Justine Soulié we just released a new project
Ponpon Mania an interactive online comic!
Animated panels, playful interactions, and a sheep with a dream to become a DJ
Take a look, let us know what you think ✨
👉 ponpon-mania.com
#webgl #illustration #comics #gsap #creativecoding
with Justine Soulié we just released a new project
Ponpon Mania an interactive online comic!
Animated panels, playful interactions, and a sheep with a dream to become a DJ
Take a look, let us know what you think ✨
👉 ponpon-mania.com
#webgl #illustration #comics #gsap #creativecoding
Reposted by Jordan Marcon
Safari 26 is about to ship a bunch of CSS features I've been eagerly waiting for! 🥳
- Anchor positioning
- Scroll-driven animations
- text-wrap: pretty
Also cool to see contrast-color() land!
webkit.org/blog/17333/w...
- Anchor positioning
- Scroll-driven animations
- text-wrap: pretty
Also cool to see contrast-color() land!
webkit.org/blog/17333/w...
WebKit Features in Safari 26.0
We’re happy to share with you what’s arriving in Safari 26.0!
webkit.org
September 15, 2025 at 9:03 PM
Safari 26 is about to ship a bunch of CSS features I've been eagerly waiting for! 🥳
- Anchor positioning
- Scroll-driven animations
- text-wrap: pretty
Also cool to see contrast-color() land!
webkit.org/blog/17333/w...
- Anchor positioning
- Scroll-driven animations
- text-wrap: pretty
Also cool to see contrast-color() land!
webkit.org/blog/17333/w...
Reposted by Jordan Marcon
🚀 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
Reposted by Jordan Marcon
As I’ve been building a 3D renderer with #WebGPU, once you get past the fundamentals, it becomes harder to find guidance.
So I wrote a blog breaking down the minimal architecture I created, as well as covering basic #3D terminology like Geometry and Materials.
whoisryosuke.com/blog/2025/st...
So I wrote a blog breaking down the minimal architecture I created, as well as covering basic #3D terminology like Geometry and Materials.
whoisryosuke.com/blog/2025/st...
The Structure of a WebGPU Renderer
The blog and portfolio of Ryosuke Hana
whoisryosuke.com
September 4, 2025 at 6:53 PM
As I’ve been building a 3D renderer with #WebGPU, once you get past the fundamentals, it becomes harder to find guidance.
So I wrote a blog breaking down the minimal architecture I created, as well as covering basic #3D terminology like Geometry and Materials.
whoisryosuke.com/blog/2025/st...
So I wrote a blog breaking down the minimal architecture I created, as well as covering basic #3D terminology like Geometry and Materials.
whoisryosuke.com/blog/2025/st...
Reposted by Jordan Marcon
Three.js r180 released 🫰
threejs.org/changelog/?r...
threejs.org/changelog/?r...
September 3, 2025 at 3:07 PM
Three.js r180 released 🫰
threejs.org/changelog/?r...
threejs.org/changelog/?r...
Reposted by Jordan Marcon
new stream, creating an infinite loop with numbers spiral, using #threejs, TSL and exponents www.youtube.com/live/1tUOXPc...
September 1, 2025 at 12:52 PM
new stream, creating an infinite loop with numbers spiral, using #threejs, TSL and exponents www.youtube.com/live/1tUOXPc...
Reposted by Jordan Marcon
🎁 Nuxt 4.1 + 3.19 are out!
🍫 chunk stability with import maps
🦀 experimental @rolldown.rs support
🧪 improved lazy hydration
module dependencies & lifecycle hooks
⚡️ performance optimizations
🛠️ better module DX
happy upgrading ❤️
👉 read more at nuxt.com/blog/v4-1
🍫 chunk stability with import maps
🦀 experimental @rolldown.rs support
🧪 improved lazy hydration
module dependencies & lifecycle hooks
⚡️ performance optimizations
🛠️ better module DX
happy upgrading ❤️
👉 read more at nuxt.com/blog/v4-1
September 2, 2025 at 10:35 PM
🎁 Nuxt 4.1 + 3.19 are out!
🍫 chunk stability with import maps
🦀 experimental @rolldown.rs support
🧪 improved lazy hydration
module dependencies & lifecycle hooks
⚡️ performance optimizations
🛠️ better module DX
happy upgrading ❤️
👉 read more at nuxt.com/blog/v4-1
🍫 chunk stability with import maps
🦀 experimental @rolldown.rs support
🧪 improved lazy hydration
module dependencies & lifecycle hooks
⚡️ performance optimizations
🛠️ better module DX
happy upgrading ❤️
👉 read more at nuxt.com/blog/v4-1
Reposted by Jordan Marcon
Some interactive modules examples I developed for my new article “Build a router for creative transitions”, now available!
⭐️ willybrauner.com/journal/buil...
#article #blogpost #javascript
⭐️ willybrauner.com/journal/buil...
#article #blogpost #javascript
August 28, 2025 at 9:39 AM
Some interactive modules examples I developed for my new article “Build a router for creative transitions”, now available!
⭐️ willybrauner.com/journal/buil...
#article #blogpost #javascript
⭐️ willybrauner.com/journal/buil...
#article #blogpost #javascript
Reposted by Jordan Marcon
Nuxt 4.0 is here at last … and it's all about DX ✨
🗂️ app/ directory for better organisation
🔄 smarter data fetching
⚡️ a faster CLI with socket communication
🔧 improved TypeScript integration
... and a smooth upgrade experience. 💚
👉 nuxt.com/blog/v4
🗂️ app/ directory for better organisation
🔄 smarter data fetching
⚡️ a faster CLI with socket communication
🔧 improved TypeScript integration
... and a smooth upgrade experience. 💚
👉 nuxt.com/blog/v4
Announcing Nuxt 4.0 · Nuxt Blog
Nuxt 4.0 is here! A thoughtful evolution focused on developer experience, with better project organization, smarter data fetching, and improved type safety.
nuxt.com
July 15, 2025 at 10:39 PM
Nuxt 4.0 is here at last … and it's all about DX ✨
🗂️ app/ directory for better organisation
🔄 smarter data fetching
⚡️ a faster CLI with socket communication
🔧 improved TypeScript integration
... and a smooth upgrade experience. 💚
👉 nuxt.com/blog/v4
🗂️ app/ directory for better organisation
🔄 smarter data fetching
⚡️ a faster CLI with socket communication
🔧 improved TypeScript integration
... and a smooth upgrade experience. 💚
👉 nuxt.com/blog/v4
Reposted by Jordan Marcon
WebGPU officially supported in Firefox on Windows in latest release, yay!
mozillagfx.wordpress.com/2025/07/15/s...
mozillagfx.wordpress.com/2025/07/15/s...
July 23, 2025 at 8:57 AM
WebGPU officially supported in Firefox on Windows in latest release, yay!
mozillagfx.wordpress.com/2025/07/15/s...
mozillagfx.wordpress.com/2025/07/15/s...
Reposted by Jordan Marcon
Many responded very positively and curious to my rigged car jack and wanted a tutorial for it.
So here it is 😉
youtu.be/w9as9lX33z0
Enjoy and please share and like. This would help me a lot.
I would love to establish this format 😊
#b3d #blender #blender3d #rigging
So here it is 😉
youtu.be/w9as9lX33z0
Enjoy and please share and like. This would help me a lot.
I would love to establish this format 😊
#b3d #blender #blender3d #rigging
EASY Mechanical Rigging in Blender - How to rig a Car Jack
YouTube video by DemNikoArt
youtu.be
June 20, 2025 at 6:59 PM
Many responded very positively and curious to my rigged car jack and wanted a tutorial for it.
So here it is 😉
youtu.be/w9as9lX33z0
Enjoy and please share and like. This would help me a lot.
I would love to establish this format 😊
#b3d #blender #blender3d #rigging
So here it is 😉
youtu.be/w9as9lX33z0
Enjoy and please share and like. This would help me a lot.
I would love to establish this format 😊
#b3d #blender #blender3d #rigging
Reposted by Jordan Marcon
📝 New Blog Post 📝
I finally sat down to write about what I learned building a Volumetric Lighting effect for the web
In it, I detail how to blend raymarching with post-processing to create beautiful atmospheric light to elevate your next WebGL project
blog.maximeheckel.com/posts/shapin...
I finally sat down to write about what I learned building a Volumetric Lighting effect for the web
In it, I detail how to blend raymarching with post-processing to create beautiful atmospheric light to elevate your next WebGL project
blog.maximeheckel.com/posts/shapin...
On Shaping Light: Real-Time Volumetric Lighting with Post-Processing and Raymarching for the Web - The Blog of Maxime Heckel
A deep dive into Volumetric Lighting implemented via Post-Processing leveraging a custom shader with raymarching to create beautiful light and atmospheric effect for your React Three Fiber and Three.j...
blog.maximeheckel.com
June 10, 2025 at 3:12 PM
📝 New Blog Post 📝
I finally sat down to write about what I learned building a Volumetric Lighting effect for the web
In it, I detail how to blend raymarching with post-processing to create beautiful atmospheric light to elevate your next WebGL project
blog.maximeheckel.com/posts/shapin...
I finally sat down to write about what I learned building a Volumetric Lighting effect for the web
In it, I detail how to blend raymarching with post-processing to create beautiful atmospheric light to elevate your next WebGL project
blog.maximeheckel.com/posts/shapin...