Nils Landrodie (N0Ls)

🇫🇷 Creative developer @makemepulse · Alumni @ESIEEPARIS / IMAC
🧑🏻‍💻 Shaders · Nodes · WebGL · WebGPU
🛠️ Maker & pole vaulter in my spare time

[Nils Landrodie (N0Ls) @NeeLandro]

@threejs https://t.co/H1wNEMgRya

[Nils Landrodie (N0Ls) @NeeLandro]

Day 5 - Sand
Wind-rippled sand in TSL, inspired by the mesmerizing ripples you can lose yourself in when walking on the beach.
#Nodevember #threejs #TSL #WebGPU

[Nils Landrodie (N0Ls) @NeeLandro]

Since we now have a node-based system for materials in @threejs through TSL that means it's eligible to the nodevember challenge.

I made my own list, and so for the rest of November I’ll build and share TSL materials based on these prompts.
#nodevember #threejs #tsl #webgpu

[Nils Landrodie (N0Ls) @NeeLandro]

@threejs https://t.co/cEnZoPyt1D

[Nils Landrodie (N0Ls) @NeeLandro]

Day 4 - Lava
Didn't have much time for this one, so I ported @simonthommes' Blender lava shader to TSL. Had to make some cuts to reach 60fps in the browser.
I found it a few years ago and used it in Blender project, real wizard work 🔥
#Nodevember #threejs #TSL #WebGPU

[Nils Landrodie (N0Ls) @NeeLandro]

Day 5 - Sand
Wind-rippled sand in TSL, inspired by the mesmerizing ripples you can lose yourself in when walking on the beach.
#Nodevember #threejs #TSL #WebGPU

[Nils Landrodie (N0Ls) @NeeLandro]

@BreezeOg1 @simonthommes It's mostly the same node tree but with less noise octaves. I use a simplex instead of Perlin and just use a 3D noise instead of 4D (so no big crust animation). Also the detail noise is skipped under the crust.

[Nils Landrodie (N0Ls) @NeeLandro]

Day 4 - Lava
Didn't have much time for this one, so I ported @simonthommes' Blender lava shader to TSL. Had to make some cuts to reach 60fps in the browser.
I found it a few years ago and used it in Blender project, real wizard work 🔥
#Nodevember #threejs #TSL #WebGPU

[Nils Landrodie (N0Ls) @NeeLandro]

Day 3 - Soap
Soap bubble in TSL, using thin-film interference and film thickness driven by gravity and flow noise.
#Nodevember #threejs #TSL #WebGPU

[Nils Landrodie (N0Ls) @NeeLandro]

Day 2 - Planet
The classic procedural planet. I aimed for a greener version of Mars in TSL with drifting clouds and a raymarched atmosphere.
#Nodevember #threejs #TSL #WebGPU

[Nils Landrodie (N0Ls) @NeeLandro]

@MabraX Yeah random noise

[Nils Landrodie (N0Ls) @NeeLandro]

Day 1 - Metal
Liquid metal in TSL using compute nodes that runs a wave equation.
#Nodevember #threejs #TSL #WebGPU

[Nils Landrodie (N0Ls) @NeeLandro]

@MabraX There's an exponential damping on velocity combined with a spring term pulling the surface back to the rest position.
And then there's random swells so that it never fully settles.

[Nils Landrodie (N0Ls) @NeeLandro]

Always been curious about techniques for relighting 2D images.

A recent creative research gave me the perfect opportunity to dive into some R&D on the subject and explore WebGPU through TSL (Three.js Shading Language).

Here’s the result 👇

#webgpu #tsl #creativedev #threejs

[Nils Landrodie (N0Ls) @NeeLandro]

@zojln Rip le rush Dofus

[Nils Landrodie (N0Ls) @NeeLandro]

@zojln Mdrrr maintenant je te vois comme : https://t.co/doqfMqYyVb

[⁴⁵ @hoodispida]

One month to go

[RΞZZ @OfficialRezz]

I INTRODUCE .. THE HYPNO GOGGLES ; OUT NOW. a permanent new addition to my merch. Im giving 3 SIGNED pairs away for free, LIKE & RT on this post for a chance to win <3 https://t.co/YNFunWeT0k

[Nils Landrodie (N0Ls) @NeeLandro]

@zojln Bahahha tkt il t'envoie pas de DM slack c'est par mail quand tu te fais virer 😆🙃

[Nils Landrodie (N0Ls) @NeeLandro]

@zojln Zoé be like