Загрузка видео...

Не удалось загрузить видео

На главную

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,073 subscribers

43,471 просмотров • 2 дней назад •via X (Twitter)

ИскусствоНаука и технологииОбразование
LIVE

Anya Rossi• Live Now

Private livecam show

Комментарии: 0

Нет доступных комментариев

Здесь появятся комментарии из оригинального поста

Похожие видео

The rumoured 20th-gen iPhone is said to be a curved, pebble like slab of glass, featuring an ever so slight curvature around the display that hides the bezels completely. Liquid Glass UI elements would make way more sense on that kind of hardware. It’s gonna be so beautiful. 📸: AppleTrack / YouTube
0:13

The rumoured 20th-gen iPhone is said to be a curved, pebble like slab of glass, featuring an ever so slight curvature around the display that hides the bezels completely. Liquid Glass UI elements would make way more sense on that kind of hardware. It’s gonna be so beautiful. 📸: AppleTrack / YouTube

Shishir

1,088,821 просмотров • 3 месяцев назад

“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 просмотров • 10 месяцев назад

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 просмотров • 11 месяцев назад

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 просмотров • 2 месяцев назад

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 просмотров • 11 месяцев назад

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,070 просмотров • 2 месяцев назад

Trapped in a glass box, with little to no enrichment & strangers gawking & tapping on the glass—THIS is how hamsters suffer in pet stores 💔 Discover why you should NEVER buy a hamster!
0:19

Trapped in a glass box, with little to no enrichment & strangers gawking & tapping on the glass—THIS is how hamsters suffer in pet stores 💔 Discover why you should NEVER buy a hamster!

PETA

12,767 просмотров • 10 месяцев назад

A sneak peek at the new Liquid Glass Nav Bar in Play! All the effects, animations, and interactivity come built in—no need to try and replicate things! We're releasing a version of Play with Liquid Glass this week. Sign up below if you're interested!
0:15

A sneak peek at the new Liquid Glass Nav Bar in Play! All the effects, animations, and interactivity come built in—no need to try and replicate things! We're releasing a version of Play with Liquid Glass this week. Sign up below if you're interested!

Play

17,695 просмотров • 1 год назад

If you want a taste of Liquid Glass beta 1… get behind an element in Safari, leave the app by swiping the home bar, and then navigate back. Frost is gone. Haha
0:10

If you want a taste of Liquid Glass beta 1… get behind an element in Safari, leave the app by swiping the home bar, and then navigate back. Frost is gone. Haha

Quinn Nelson

58,629 просмотров • 11 месяцев назад

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 просмотров • 3 лет назад

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,522 просмотров • 1 год назад

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,329 просмотров • 1 год назад

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 просмотров • 7 месяцев назад

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

51,021 просмотров • 1 месяц назад

A man in Los Angeles, California is seeing violently beating the glass of an advertisement with a rock This is on Sunset and people drive by as if nothing is happening because everyone is so desensitized to this behavior in California This is Gavin Newsom’s leadership
0:17

A man in Los Angeles, California is seeing violently beating the glass of an advertisement with a rock This is on Sunset and people drive by as if nothing is happening because everyone is so desensitized to this behavior in California This is Gavin Newsom’s leadership

Wall Street Apes

555,360 просмотров • 8 месяцев назад

The stunning #Redmi13 5G is a masterpiece of design and innovation! With a sleek Crystal Glass Design in vibrant hues, and an eye-catching Ring Flash, this is a true style statement. Meet #The5GStar on 9th July'24, 12 Noon. 🎥
0:20

The stunning #Redmi13 5G is a masterpiece of design and innovation! With a sleek Crystal Glass Design in vibrant hues, and an eye-catching Ring Flash, this is a true style statement. Meet #The5GStar on 9th July'24, 12 Noon. 🎥

Redmi India

126,038 просмотров • 2 лет назад

Just taking things too far with this date picker over here Got infinite month scrolling going Kept the scrollbar visible in the video so you can see that the scrolling is actually spoofed (there are only ever 3 calendar grids rendered at a time)
0:10

Just taking things too far with this date picker over here Got infinite month scrolling going Kept the scrollbar visible in the video so you can see that the scrolling is actually spoofed (there are only ever 3 calendar grids rendered at a time)

Caleb Porzio ⚡️

10,777 просмотров • 1 год назад