Video wird geladen...

Video konnte nicht geladen werden

Zur Startseite

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 Aufrufe • vor 3 Tagen •via X (Twitter)

KunstWissenschaft & TechnologieBildung
LIVE

Anya Rossi• Live Now

Private livecam show

0 Kommentare

Keine Kommentare verfügbar

Kommentare vom Original-Post werden hier angezeigt

Ähnliche Videos

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 Aufrufe • vor 3 Monaten

“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 Aufrufe • vor 10 Monaten

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 Aufrufe • vor 11 Monaten

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 Aufrufe • vor 2 Monaten

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 Aufrufe • vor 11 Monaten

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 Aufrufe • vor 2 Monaten

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 Aufrufe • vor 10 Monaten

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 Aufrufe • vor 1 Jahr

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 Aufrufe • vor 11 Monaten

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 Aufrufe • vor 3 Jahren

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 Aufrufe • vor 1 Jahr

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 Aufrufe • vor 1 Jahr

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 Aufrufe • vor 7 Monaten

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 Aufrufe • vor 1 Monat

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 Aufrufe • vor 8 Monaten

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 Aufrufe • vor 2 Jahren

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 Aufrufe • vor 1 Jahr