Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

A quick Three.js experiment exploring an infinite carousel of liquid glass tiles, rendered in real time with WebGPU and TSL. Each card is a thick refractive slab sitting on a curved grid that never ends. Short explanation of how the glass is rendered in the thread 👇

shadersweden's profile picture

Shader Development Studio

1,748 subscribers

57,935 görüntüleme • 1 ay önce •via X (Twitter)

SanatBilim & TeknolojiEğitim
LIVE

Anya Rossi• Live Now

Private livecam show

0 Yorum

Yorum bulunmuyor

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

Benzer Videolar

The liquid glass carousel is live. Rebuilt it a bit since the last one, cleaner refraction, better dispersion on the edges. Still real-time Three.js, WebGPU and TSL. Still quite unoptimized :) Link below 👇
0:17

The liquid glass carousel is live. Rebuilt it a bit since the last one, cleaner refraction, better dispersion on the edges. Still real-time Three.js, WebGPU and TSL. Still quite unoptimized :) Link below 👇

Shader Development Studio

27,140 görüntüleme • 1 ay önce

People told us not all glass is "liquid glass" and that we were just riding the Apple hype with our Three.js infinite liquid glass carousel (it was actually one person). So we rebuilt it with an actual GPGPU cloth sim. It's now less liquid glass and more jelly glass, to be fair.
0:11

People told us not all glass is "liquid glass" and that we were just riding the Apple hype with our Three.js infinite liquid glass carousel (it was actually one person). So we rebuilt it with an actual GPGPU cloth sim. It's now less liquid glass and more jelly glass, to be fair.

Shader Development Studio

13,942 görüntüleme • 1 ay önce

1/ I let Claude use the API, and the result is an effectively infinite G1 locomotion dataset, rendered in a CAD apartment environment. Here's how:
0:16

1/ I let Claude use the API, and the result is an effectively infinite G1 locomotion dataset, rendered in a CAD apartment environment. Here's how:

Guy Tevet

19,828 görüntüleme • 1 ay önce

“The scene begins with a man sitting at a table. There is a small glass of orange juice on the table. He picks up the glass, drinks all of the orange juice, and places the empty glass back down on the table.”
0:10

“The scene begins with a man sitting at a table. There is a small glass of orange juice on the table. He picks up the glass, drinks all of the orange juice, and places the empty glass back down on the table.”

Find me on bsky @colin-fraser.net

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

Sitting in the back of a self-driving car playing video games and taking in the views through the glass roof. Life with a Tesla is pretty great
0:18

Sitting in the back of a self-driving car playing video games and taking in the views through the glass roof. Life with a Tesla is pretty great

Devin Olsen

56,026 görüntüleme • 3 ay ö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,804 görüntüleme • 1 yıl önce

Aave Glass, our take on Apple's Liquid Glass, now works across mobile and web. We've published a post that breaks down how we built Aave Glass and the family of components it now powers. Read it below.
0:16

Aave Glass, our take on Apple's Liquid Glass, now works across mobile and web. We've published a post that breaks down how we built Aave Glass and the family of components it now powers. Read it below.

Aave

92,620 görüntüleme • 3 ay önce

Still one of my fav projects I worked on in the day job – an interactive experience showing low-carbon technology for the home Custom 3D models created in Blender 🔶 and everything is rendered in the browser using Three.js and the awesome react-three-fiber
0:18

Still one of my fav projects I worked on in the day job – an interactive experience showing low-carbon technology for the home Custom 3D models created in Blender 🔶 and everything is rendered in the browser using Three.js and the awesome react-three-fiber

Robin Hawkes

26,548 görüntüleme • 3 yıl önce

Possibly one of the most impressive Safari bugs I’ve run into lately: Going back (with a swipe) in *any* React app that uses Navigation API freezes the page for three seconds. What’s fun is the main thread is not frozen, only the rendered page is.
0:15

Possibly one of the most impressive Safari bugs I’ve run into lately: Going back (with a swipe) in *any* React app that uses Navigation API freezes the page for three seconds. What’s fun is the main thread is not frozen, only the rendered page is.

Ivan Akulov

51,293 görüntüleme • 2 ay önce

Let's make Android development in React Native great and fun again. This is the official native Material 3 carousel composable rendered using Expo native views. The result is a simple-to-use React component with all native behavior (gestures and transitions) built in.
0:19

Let's make Android development in React Native great and fun again. This is the official native Material 3 carousel composable rendered using Expo native views. The result is a simple-to-use React component with all native behavior (gestures and transitions) built in.

Oliver Lopez

19,336 görüntüleme • 1 yıl önce

An ice sphere lookdev and a fun R&D that may only be 5% seen on the shot I'll use it on. Handcrafted with Blender, Cycles, and JangaFX Software EmberGen. Rendered with OTOY The Render Network. Glass dispersion made possible by SMOUSE 🔸 🏳️‍🌈🏳️‍⚧️ Shaders Plus. #b3d
0:16

An ice sphere lookdev and a fun R&D that may only be 5% seen on the shot I'll use it on. Handcrafted with Blender, Cycles, and JangaFX Software EmberGen. Rendered with OTOY The Render Network. Glass dispersion made possible by SMOUSE 🔸 🏳️‍🌈🏳️‍⚧️ Shaders Plus. #b3d

Reynante Martinez

24,588 görüntüleme • 1 yıl önce

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 Three.js examples 👇
0:16

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 Three.js examples 👇

Software Mansion

42,869 görüntüleme • 8 ay önce

Thanks to an Android app called Liquid Glass, I can finally achieve an almost limitless Liquid Glass lock screen experience on One UI. It supports depth effects, lets you tweak all kinds of glass parameters, and even allows full font customization. You can use virtually any font you download, giving you an incredible level of freedom. The results are genuinely stunning. The biggest downside is that the setup is quite complicated. Adjusting the clock, in particular, takes a lot of steps instead of being something you can edit directly, so the learning curve is fairly steep. I really hope the developer can make the customization process more intuitive in future updates, and add more language options, especially Chinese, so more users can enjoy it.
0:10

Thanks to an Android app called Liquid Glass, I can finally achieve an almost limitless Liquid Glass lock screen experience on One UI. It supports depth effects, lets you tweak all kinds of glass parameters, and even allows full font customization. You can use virtually any font you download, giving you an incredible level of freedom. The results are genuinely stunning. The biggest downside is that the setup is quite complicated. Adjusting the clock, in particular, takes a lot of steps instead of being something you can edit directly, so the learning curve is fairly steep. I really hope the developer can make the customization process more intuitive in future updates, and add more language options, especially Chinese, so more users can enjoy it.

Ice Universe

52,006 görüntüleme • 2 ay önce