Loading video...

Video Failed to Load

There was a problem loading this video. This could be due to a temporary network issue or the video might be unavailable.

TypeGPU 💜 Three.js TypeGPU 0.9 can integrate with Three.js Shading Language (TSL) on a very granular level, thanks to the @typegpu/three package. So now, you can write shaders in TypeScript while leveraging the rich Three.js ecosystem! To showcase the integration, we prepared docs and ported a handful of official... show more

Software Mansion

22,925 subscribers

42,792 views • 4 months ago •via X (Twitter)

Science & Technology

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

Stop fighting GLSL strings in Three.js 🥊 TSL (Three.js Shading Language) lets you write shaders in JavaScript with actual IDE support, proper debugging, and the ability to seamlessly extend existing materials. Learn more in my latest blog post 👇🏻 #threejs #webgl #webgpu #tsl #threejsroadmap

Stop fighting GLSL strings in Three.js 🥊 TSL (Three.js Shading Language) lets you write shaders in JavaScript with actual IDE support, proper debugging, and the ability to seamlessly extend existing materials. Learn more in my latest blog post 👇🏻 #threejs #webgl #webgpu #tsl #threejsroadmap

Dan Greenheck

20,905 views • 7 months ago

Here's the kind of magic you can create with the new version of Three.js

Here's the kind of magic you can create with the new version of Three.js

Visionary 3D

12,255 views • 1 year ago

Open-sourcing the Next.js Nights shader! Live: Source: Made with Three.js TSL

Open-sourcing the Next.js Nights shader! Live: Source: Made with Three.js TSL

Matias 🧉

12,954 views • 9 days ago

What's strange to me is that there's a bunch of really sick visual experiments being achieved with Three.js /tsl, but very few actual games. This is one of the best ones I've seen so far.. Give me more examples!

What's strange to me is that there's a bunch of really sick visual experiments being achieved with Three.js /tsl, but very few actual games. This is one of the best ones I've seen so far.. Give me more examples!

Gary Simon

41,838 views • 21 days ago

made this pixelart grass running at 120fps in the Browser, thanks to Three.js and WebGPU

made this pixelart grass running at 120fps in the Browser, thanks to Three.js and WebGPU

Erik

37,173 views • 10 months ago

After a short Sunday nap, I vibe coded an ultra realistic hotel experience with Grok, OpenAI, Cursor, and Three.js in 40 minutes. Thank you Three.js

After a short Sunday nap, I vibe coded an ultra realistic hotel experience with Grok, OpenAI, Cursor, and Three.js in 40 minutes. Thank you Three.js

Denis

35,556 views • 1 year ago

If you want to see a technical breakdown of the 35mm website, I wrote a blog post on Codrops where I detail the Three.js/shaders code ! It's live on Codrops🔗⬇️

If you want to see a technical breakdown of the 35mm website, I wrote a blog post on Codrops where I detail the Three.js/shaders code ! It's live on Codrops🔗⬇️

chakib

14,962 views • 1 year ago

that's crazy.. creating games with ai and three.js is trending time to try this masterpiece with Ghibli vibes made years ago with three.js

that's crazy.. creating games with ai and three.js is trending time to try this masterpiece with Ghibli vibes made years ago with three.js

Aurelien

1,433,407 views • 1 year ago

A painting reborn as data. At Revelium™ Studio with the partnership of Dominik Fojcik, we took Vermeer’s Milkmaid and transformed it into a living 3D point-cloud painting in Three.js with TSL particles. #ThreeJS #WebGPU #AI #TSL #Particles

A painting reborn as data. At Revelium™ Studio with the partnership of Dominik Fojcik, we took Vermeer’s Milkmaid and transformed it into a living 3D point-cloud painting in Three.js with TSL particles. #ThreeJS #WebGPU #AI #TSL #Particles

Niccolò Miranda

54,308 views • 9 months ago

Post fx can really change the look of a scene! Building a gamedev course in Three.js. #threejs #webgl Assets by Quaternius

Post fx can really change the look of a scene! Building a gamedev course in Three.js. #threejs #webgl Assets by Quaternius

Simon

14,569 views • 1 year ago

I asked Fable to build a realistic AAA water simulation with Three.js to see if I should quit my job. 500k tokens later, I'm disappointed. Almost the same exact slop you get with Opus. (Fable on left, Three.js Water Pro on right). Good results still require taste, deep knowledge of the problem domain, and a lot of patience.

I asked Fable to build a realistic AAA water simulation with Three.js to see if I should quit my job. 500k tokens later, I'm disappointed. Almost the same exact slop you get with Opus. (Fable on left, Three.js Water Pro on right). Good results still require taste, deep knowledge of the problem domain, and a lot of patience.

Dan Greenheck

452,462 views • 3 days ago

More coming soon ! I manage to integrate for the first time volumetric 3D video made with Kartel.ai inside the AI world generated in gaussian splatting by World Labs !! I coded all in three.js! And it's possible to integrate elements on the fly ;) And so you can imagine soon what we will produce with that en AI : consistency of character and environment, relighting etc...

More coming soon ! I manage to integrate for the first time volumetric 3D video made with Kartel.ai inside the AI world generated in gaussian splatting by World Labs !! I coded all in three.js! And it's possible to integrate elements on the fly ;) And so you can imagine soon what we will produce with that en AI : consistency of character and environment, relighting etc...

Lovis Odin

33,984 views • 1 year ago

Runs smoothly on mobile! 👏 It was awesome seeing Voicu Apostol’s original render come to life like this over the past weeks, and being able to play with it in real time. If you’re interested in shaders and how they can naturally fit into a JS/TS codebase, try out TypeGPU 💜

Runs smoothly on mobile! 👏 It was awesome seeing Voicu Apostol’s original render come to life like this over the past weeks, and being able to play with it in real time. If you’re interested in shaders and how they can naturally fit into a JS/TS codebase, try out TypeGPU 💜

Iwo Plaza | TypeGPU

110,821 views • 7 months ago

Adding 3D to your Bolt app is super easy now with Three.js! You can use it to make games, add visualizations to your site, or just make the logo spin - with a single prompt!

bolt.new

64,278 views • 1 year ago

The Milkmaid live demo is here! At Revelium™ Studio , with Dominik Fojcik, we re-imagined Vermeer’s Milkmaid through WebGPU, and TSL particles in Three.js turning a timeless painting into living data. #ThreeJS #WebGPU #AI #TSL #Particles

The Milkmaid live demo is here! At Revelium™ Studio , with Dominik Fojcik, we re-imagined Vermeer’s Milkmaid through WebGPU, and TSL particles in Three.js turning a timeless painting into living data. #ThreeJS #WebGPU #AI #TSL #Particles

Niccolò Miranda

70,331 views • 9 months ago

omg.. another three.js madness.. demo and repo 👇

omg.. another three.js madness.. demo and repo 👇

Aurelien

42,157 views • 1 year ago

Just published a new tutorial on Codrops by Jatin Chopra showing how to create a dissolve effect with shaders and particles in Three.js. Huge thanks to Jatin for sharing his expertise and walking us through this technique. 🙏 💙 Read it here:

Just published a new tutorial on Codrops by Jatin Chopra showing how to create a dissolve effect with shaders and particles in Three.js. Huge thanks to Jatin for sharing his expertise and walking us through this technique. 🙏 💙 Read it here:

Manoela Ilic

18,136 views • 1 year ago

🏆 New site added to the GSAP showcase The low poly Three.js castle is magical, and the project gallery is incredibly inspiring. Thanks for sharing this EPIC Agency - Imagine, Build, Tell., beautiful work. site - showcase -

🏆 New site added to the GSAP showcase The low poly Three.js castle is magical, and the project gallery is incredibly inspiring. Thanks for sharing this EPIC Agency - Imagine, Build, Tell., beautiful work. site - showcase -

GSAP

25,945 views • 3 years ago

DRACARYS. LIVE. NOW. A #webgl Three.js experiment on #GPGPU simulations, particles, postprocessing, shaders, water, modelling, audio, lightning and dragons. 🔥🧊🐉 ⤷ [:// 🔊 ON] — #shaders #creative GSAP Astro #HouseofThedragon #dragons

DRACARYS. LIVE. NOW. A #webgl Three.js experiment on #GPGPU simulations, particles, postprocessing, shaders, water, modelling, audio, lightning and dragons. 🔥🧊🐉 ⤷ [:// 🔊 ON] — #shaders #creative GSAP Astro #HouseofThedragon #dragons

Robert Borghesi

41,172 views • 2 years ago

Experimenting with procedural generated words in Three.js

Experimenting with procedural generated words in Three.js

Francesco Di Donato

48,881 views • 1 month ago