Loading video...

Video Failed to Load

Go Home

Made a WebGPU Advanced Glass Material with Codex and Three.js Live: ๐Ÿ‘‡ Prompt below

viktoroddy's profile picture

Viktor Oddy

68,393 subscribers

30,825 views โ€ข 1 month ago โ€ขvia X (Twitter)

Science & TechnologyEducationGaming
LIVE

Anya Rossiโ€ข Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

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,224 views โ€ข 1 month ago

Made a 3D construction simulation where an autonomous site erects a five storey building component by component, with crane lifts, material deliveries, fastening robots and structural validation. Built with Three.js, WebGPU and Rapier. Showed main stages to keep the video short.
0:19

Made a 3D construction simulation where an autonomous site erects a five storey building component by component, with crane lifts, material deliveries, fastening robots and structural validation. Built with Three.js, WebGPU and Rapier. Showed main stages to keep the video short.

Techartist

32,133 views โ€ข 1 month ago

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 ๐Ÿ‘‡
0:14

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 ๐Ÿ‘‡

Shader Development Studio

58,603 views โ€ข 1 month ago

A Three.js and GLSL mathematical lattice engine that morphs between four geometric topologies, with a glass dock for shape switching and a live telemetry overlay calculating phase coherence. Demo and code ๐Ÿ‘‡
0:15

A Three.js and GLSL mathematical lattice engine that morphs between four geometric topologies, with a glass dock for shape switching and a live telemetry overlay calculating phase coherence. Demo and code ๐Ÿ‘‡

Techartist

14,639 views โ€ข 4 months ago

15s / 15 shots A chaotic daily routine made from a single prompt one reference image with Seedance 2.0 Prompt below ๐Ÿ‘‡
0:15

15s / 15 shots A chaotic daily routine made from a single prompt one reference image with Seedance 2.0 Prompt below ๐Ÿ‘‡

MayorkingAI

18,206 views โ€ข 6 months 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
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 views โ€ข 1 year ago

The Alley. Made with Seedance 2 on OpenArt Video Prompt Below ๐Ÿ‘‡
0:15

The Alley. Made with Seedance 2 on OpenArt Video Prompt Below ๐Ÿ‘‡

MO

12,381 views โ€ข 4 months ago

Acting Innocent ๐ŸŽฌ Made with Seedance 2.0 on mitte.ai Full prompt below ๐Ÿ‘‡
0:15

Acting Innocent ๐ŸŽฌ Made with Seedance 2.0 on mitte.ai Full prompt below ๐Ÿ‘‡

Latte

67,661 views โ€ข 6 months ago

This glass configurator has no custom shaders or geometries. Just MeshPhysicalMaterial and a bunch of standard geometries with rendering order set manually. Not 100% realistic but super simple Live demo & source code: Made with Three.js Hosted on CodePen.IO
0:16

This glass configurator has no custom shaders or geometries. Just MeshPhysicalMaterial and a bunch of standard geometries with rendering order set manually. Not 100% realistic but super simple Live demo & source code: Made with Three.js Hosted on CodePen.IO

Ksenia Kondrashova

59,771 views โ€ข 3 years ago

Rear tracking shot, text-to-video, and AI-generated sound with Kling 2.1. Master Made in Kling AI Prompt below๐Ÿ‘‡
0:10

Rear tracking shot, text-to-video, and AI-generated sound with Kling 2.1. Master Made in Kling AI Prompt below๐Ÿ‘‡

MayorkingAI

76,014 views โ€ข 1 year ago

webgl 3d object morphing using particles as material, powered by Three.js, Poimandres r3f made with v0 and cursor, lots of prompting and manual tweaks
0:13

webgl 3d object morphing using particles as material, powered by Three.js, Poimandres r3f made with v0 and cursor, lots of prompting and manual tweaks

Joel

32,505 views โ€ข 11 months ago

I made this with Seedance 2.5. Prompt below:
0:18

I made this with Seedance 2.5. Prompt below:

Maryam Asim

13,915 views โ€ข 1 month ago

Crazy.. I made this realistic fish cooking short with Seedance 2.0 in 4k ๐Ÿ˜ฑ Prompt below๐Ÿ‘‡
0:15

Crazy.. I made this realistic fish cooking short with Seedance 2.0 in 4k ๐Ÿ˜ฑ Prompt below๐Ÿ‘‡

Abdul ศ˜hakoor

27,389 views โ€ข 3 months ago

I gave 3 app builders the same prompt Claude vs 10x vs Codex Which app builder won? Poll below ๐Ÿ‘‡
0:15

I gave 3 app builders the same prompt Claude vs 10x vs Codex Which app builder won? Poll below ๐Ÿ‘‡

Evan Yadegari

48,548 views โ€ข 4 months ago

Integrated unified spray, foam, and bubbles into my fluid simulation. Runs in real-time with WebGPU, Three.js, and over 1 million particles!
0:18

Integrated unified spray, foam, and bubbles into my fluid simulation. Runs in real-time with WebGPU, Three.js, and over 1 million particles!

Renaud

44,184 views โ€ข 1 year ago

Seedance 2.0 Prompt Share Tried a roller coaster with live inset. Prompt ๐Ÿ‘‡
0:15

Seedance 2.0 Prompt Share Tried a roller coaster with live inset. Prompt ๐Ÿ‘‡

Kลda

61,593 views โ€ข 5 months ago

Made with Seedance 2.0 + GPT image 2 Prompt below:
0:13

Made with Seedance 2.0 + GPT image 2 Prompt below:

Shara

17,748 views โ€ข 4 months ago

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 views โ€ข 4 months ago

This game was built with Claude + Thrixel in a Gauntlet Loop. Thrixel: Generated the editable 3D assets Claude: Assembled the scene in three.js & wrote all game logic 1 prompt + Goal to Game skills โ†’ entire game built autonomously in ~2 hours Give me a game prompt below๐Ÿ‘‡
0:16

This game was built with Claude + Thrixel in a Gauntlet Loop. Thrixel: Generated the editable 3D assets Claude: Assembled the scene in three.js & wrote all game logic 1 prompt + Goal to Game skills โ†’ entire game built autonomously in ~2 hours Give me a game prompt below๐Ÿ‘‡

Rana Hanocka

22,933 views โ€ข 1 month ago