Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

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

swmansion's profile picture

Software Mansion

22,404 subscribers

42,736 görüntüleme • 4 ay önce •via X (Twitter)

Bilim & Teknoloji
LIVE

Anya Rossi• Live Now

Private livecam show

0 Yorum

Yorum bulunmuyor

Orijinal gönderinin yorumları burada görünecek

Benzer Videolar

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
0:13

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 görüntüleme • 7 ay önce

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

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

Visionary 3D

12,255 görüntüleme • 1 yıl önce

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

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

Matias 🧉

12,954 görüntüleme • 8 gün önce

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!
0:18

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,756 görüntüleme • 20 gün önce

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

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

Erik

37,173 görüntüleme • 10 ay önce

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🔗⬇️
0:19

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 görüntüleme • 1 yıl önce

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
0:15

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 görüntüleme • 1 yıl önce

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
0:19

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 görüntüleme • 1 yıl önce

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
0:15

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 görüntüleme • 9 ay önce

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

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 görüntüleme • 1 yıl önce

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.
0:10

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 görüntüleme • 1 gün önce

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...
0:14

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 görüntüleme • 1 yıl önce

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 💜
0:14

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 görüntüleme • 7 ay önce

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!
0:13

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 görüntüleme • 1 yıl önce

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
0:17

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 görüntüleme • 9 ay önce

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:
0:10

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 görüntüleme • 1 yıl önce

omg.. another three.js madness.. demo and repo 👇
0:18

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

Aurelien

42,157 görüntüleme • 1 yıl önce

🏆 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 -
0:18

🏆 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 görüntüleme • 3 yıl önce

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
0:18

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,170 görüntüleme • 2 yıl önce

Designing glassware in the browser - in realtime - with physical thickness simulation made with Three.js and Needle
0:18

Designing glassware in the browser - in realtime - with physical thickness simulation made with Three.js and Needle

herbst

22,651 görüntüleme • 10 ay önce