Jordan Marcon's Avatar

Jordan Marcon

@madjor.bsky.social

Freelance Creative Developer • Former @ unseen.co

182 Followers  |  442 Following  |  17 Posts  |  Joined: 26.09.2024  |  1.6696

Latest posts by madjor.bsky.social on Bluesky

Video thumbnail

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

11.11.2025 22:58 — 👍 10    🔁 1    💬 0    📌 0

📸 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...

05.11.2025 10:49 — 👍 69    🔁 11    💬 0    📌 1
Preview
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...

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...

02.11.2025 16:18 — 👍 16    🔁 2    💬 0    📌 0

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!

28.10.2025 17:20 — 👍 28    🔁 6    💬 2    📌 0

✨ 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.

27.10.2025 16:29 — 👍 10    🔁 1    💬 0    📌 0
Video thumbnail

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

27.10.2025 07:44 — 👍 7    🔁 3    💬 1    📌 0
Preview
Mini: 3D Rotation How to rotate with Euler Angles and Axis Angles

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

19.10.2025 01:08 — 👍 48    🔁 8    💬 1    📌 1

🔔 Quizzes are live now! Integrated right into each lesson and covering all #gamedev and #threejs sections. These will count toward your completion certificate when it launches.

It's been a while, but homework and tests were the best part of school, right? 😅

17.10.2025 17:36 — 👍 18    🔁 2    💬 1    📌 0
Preview
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...

#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...

05.10.2025 10:39 — 👍 149    🔁 45    💬 7    📌 1
Preview
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...

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 ✌️

03.10.2025 14:02 — 👍 3    🔁 1    💬 0    📌 0
Video thumbnail

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!

29.09.2025 17:42 — 👍 46    🔁 12    💬 2    📌 6
Video thumbnail

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

17.09.2025 15:26 — 👍 13    🔁 2    💬 0    📌 0
The BEST way to PROTECT yourself against Supply Chain Attacks
YouTube video by Alexander Lichter The BEST way to PROTECT yourself against Supply Chain Attacks

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 👏🏻

19.09.2025 13:58 — 👍 26    🔁 7    💬 1    📌 0
Preview
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.

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

16.09.2025 11:31 — 👍 15    🔁 8    💬 1    📌 0
Preview
WebKit Features in Safari 26.0 We’re happy to share with you what’s arriving in Safari 26.0!

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...

15.09.2025 21:03 — 👍 43    🔁 5    💬 2    📌 0
🚀 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

🚀 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

🚀 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

🚀 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

🚀 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

12.09.2025 07:10 — 👍 5    🔁 1    💬 0    📌 0
Preview
The Structure of a WebGPU Renderer The blog and portfolio of Ryosuke Hana

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...

04.09.2025 18:53 — 👍 23    🔁 6    💬 2    📌 0
Video thumbnail

Three.js r180 released 🫰
threejs.org/changelog/?r...

03.09.2025 15:07 — 👍 44    🔁 8    💬 3    📌 1
Video thumbnail

new stream, creating an infinite loop with numbers spiral, using #threejs, TSL and exponents www.youtube.com/live/1tUOXPc...

01.09.2025 12:52 — 👍 15    🔁 1    💬 0    📌 0

🎁 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

02.09.2025 22:35 — 👍 59    🔁 15    💬 0    📌 3
Video thumbnail

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

28.08.2025 09:39 — 👍 23    🔁 2    💬 0    📌 0
Preview
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 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

15.07.2025 22:38 — 👍 218    🔁 56    💬 7    📌 9

WebGPU officially supported in Firefox on Windows in latest release, yay!

mozillagfx.wordpress.com/2025/07/15/s...

23.07.2025 08:57 — 👍 35    🔁 2    💬 0    📌 0
EASY Mechanical Rigging in Blender - How to rig a Car Jack
YouTube video by DemNikoArt EASY Mechanical Rigging in Blender - How to rig a Car Jack

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

20.06.2025 18:59 — 👍 3    🔁 1    💬 0    📌 0
Preview
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...

📝 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...

10.06.2025 15:12 — 👍 41    🔁 12    💬 1    📌 0
Video thumbnail

Aurel's Grand Theater is my new unconventional portfolio: read the case studies, solve mysteries to unlock the secret page or explore freely, jump around & even smash things! Keep your eyes open, you might see many hidden details about my work or myself! #cannonjs #threejs #gsap #blender

21.04.2025 07:21 — 👍 10    🔁 3    💬 4    📌 1
Video thumbnail

Day number 96599 of hacking Tweakpane.

Here is a super straight forward undo/redo plugin for Tweakpane.

Our designer friends deserve to mess up your settings without fear 🫶

17.04.2025 15:17 — 👍 7    🔁 3    💬 1    📌 0
Video thumbnail

After 5 years in the making, I'm very happy to finally release Anime.js v4, my dream animation library:

🧩 New modular API
⚡️ Highly performant
🖱️ Scroll-linked animations
🫵 Draggables
↔️ Responsive
✨ Additive animations
🪽 WAAPI support

And so much more!

Check out the new website animejs.com!

03.04.2025 15:32 — 👍 530    🔁 90    💬 28    📌 33
Preview
A first beta for 1.4 Material Maker 1.4b1 is now available for testing. It has just a few new nodes and features, and fixes quite a few bugs that have been detected in 1.4a3. Thanks a lot to everyone who support this proj...

Material Maker now has a first beta for 1.4.
We will now focus on bug fixes until final is ready (but there might still be a few new features, because, why not?).
rodzilla.itch.io/material-mak...

06.04.2025 14:06 — 👍 41    🔁 9    💬 0    📌 0

Done! 👌

05.04.2025 12:16 — 👍 0    🔁 0    💬 1    📌 0

@madjor is following 20 prominent accounts