正在加载视频...

视频加载失败

加载此视频时出现问题。这可能是由于临时网络问题，或视频可能不可用。

Built a building you can explore and take apart 🏢 Three.js + WebGL, procedural geometry, an isometric camera, and characters animated with motion capture and Inverse Kinematics. Zoom into a floor, then a room… and end up watching someone sip coffee. All running in your browser.

Jav

10,005 subscribers

14,940 次观看 • 16 天前 •via X (Twitter)

艺术科学技术

Anya Rossi• Live Now

Private livecam show

14 条评论

Daytona 的头像

Daytona16 天前

Your super talented Jav, thats for sure.

Jav 的头像

Jav16 天前

Thanks Andre!

Ivrqen 的头像

Ivrqen16 天前

wonder what the draw call count looks like once you hit disassemble

Gregorynotmendel 的头像

Gregorynotmendel16 天前

that so beauty i need to see the website plsss

Anand Shenoy 的头像

Anand Shenoy16 天前

Beautiful graphics! Can’t stop thinking about the potential use cases. Great work

Jav 的头像

Jav16 天前

Thanks Anand! 🫶

slowfreeze 的头像

slowfreeze16 天前

Incredible architectural work brother, very impressive!!

Jav 的头像

Jav16 天前

Thanks my brother ! ✨

Ansari dev 的头像

Ansari dev16 天前

That takes imagination, nice work

Jav 的头像

Jav16 天前

🫡✨

Curio Loom 的头像

Curio Loom16 天前

is there a link to poke around in this?

Jav 的头像

Jav16 天前

I'll be uploading it to my website 🫡

Chris 的头像

Chris15 天前

Fire works

ustare 的头像

ustare16 天前

zoom floor → room → someone sipping coffee is the dream scale ladder. procedural + mocap IK in-browser is wild. does the iso camera fight you indoors?

相关视频

I was curious how far I could push three.js and WebGL this weekend, and ended up building a complete Yosemite photography simulator in a browser tab — real sun, real Moon, real lidar — with a working film camera on a tripod you can take to my favoirte spots in Yosemite.

I was curious how far I could push three.js and WebGL this weekend, and ended up building a complete Yosemite photography simulator in a browser tab — real sun, real Moon, real lidar — with a working film camera on a tripod you can take to my favoirte spots in Yosemite.

Trond Wuellner

28,261 次观看 • 1 个月前

Built a web app with AI using Three.js + WebGL that turns motion, mechanics and symmetry into an interactive 3D experience featuring a gear mechanism, gyroscope, turbine, coil and geometric structures. Workflow ↓

Built a web app with AI using Three.js + WebGL that turns motion, mechanics and symmetry into an interactive 3D experience featuring a gear mechanism, gyroscope, turbine, coil and geometric structures. Workflow ↓

Techartist

24,529 次观看 • 3 个月前

ChatGPT-6 Astra built Little Rail World, a fully interactive planet with trains, villages and freight systems running in the browser where you spin the globe, hop aboard and haul cargo across the world with Three.js and WebGL.

ChatGPT-6 Astra built Little Rail World, a fully interactive planet with trains, villages and freight systems running in the browser where you spin the globe, hop aboard and haul cargo across the world with Three.js and WebGL.

0xMarioNawfal

43,611 次观看 • 1 个月前

A procedural Three.js seaplane outpost featuring custom GLSL Gerstner water, floatplane buoyancy, physical wakes and spray, dynamic lighting and weather, animated workers, and simulated flight operations. All rendered in the browser and coded with ChatGPT 5.6 Sol.

A procedural Three.js seaplane outpost featuring custom GLSL Gerstner water, floatplane buoyancy, physical wakes and spray, dynamic lighting and weather, animated workers, and simulated flight operations. All rendered in the browser and coded with ChatGPT 5.6 Sol.

Techartist

12,243 次观看 • 3 个月前

Introducing Anatomy Describe a machine in one line. Claude brings it to life. - Interactive isometric wireframes you can rotate, inspect and explore - WebGL shaders for fire, water, plasma and more - Real 3D motion, with individual parts that rotate and move Install it as an agent skill. Fully open source.

Introducing Anatomy Describe a machine in one line. Claude brings it to life. - Interactive isometric wireframes you can rotate, inspect and explore - WebGL shaders for fire, water, plasma and more - Real 3D motion, with individual parts that rotate and move Install it as an agent skill. Fully open source.

R

2,687,330 次观看 • 1 个月前

Opus 5.5 + /anatomy skill is insane for motion animation • Interactive isometric wireframes you can rotate, inspect and explore • WebGL shaders for fire, water, plasma and more • Real 3D motion, with individual parts that rotate send to Claude:

Opus 5.5 + /anatomy skill is insane for motion animation • Interactive isometric wireframes you can rotate, inspect and explore • WebGL shaders for fire, water, plasma and more • Real 3D motion, with individual parts that rotate send to Claude:

Movez

174,774 次观看 • 1 个月前

Turn your playlist into a rhythm game. I built a fully procedural cartoon lowrider you control with a gamepad. Try to bounce, hop and lean in time with the music yourself. Turn on your audio 🔥 Built inside Omma AI with Three.js & Claude

Turn your playlist into a rhythm game. I built a fully procedural cartoon lowrider you control with a gamepad. Try to bounce, hop and lean in time with the music yourself. Turn on your audio 🔥 Built inside Omma AI with Three.js & Claude

Joseph Azar

21,665 次观看 • 4 个月前

Introducing Move One, an easy way to capture and create 3D animations with just a phone #MadeWithMove 🎥 Capture motion anywhere with a single camera ⚡️ Get your data back in minutes 🤖 Animate 3D characters Try for free👇

Introducing Move One, an easy way to capture and create 3D animations with just a phone #MadeWithMove 🎥 Capture motion anywhere with a single camera ⚡️ Get your data back in minutes 🤖 Animate 3D characters Try for free👇

Move AI

67,569 次观看 • 3 年前

Claude Fable 5.1 built a full browser embroidery editor in one HTML file with no Three.js, no WebGL and no shaders, rendering fabric pixel by pixel and thread in 6 passes including shadow, core color, twisted ply lines and highlights so it looks like actual floss. → Draw with a needle cursor and paths convert into running, back, chain, satin, French knot and lazy daisy stitches → Fabric generated from overlapping sine waves with a fake normal and directional light, zero GPU rendering → Built in under an hour by someone with zero knowledge of any of it

Claude Fable 5.1 built a full browser embroidery editor in one HTML file with no Three.js, no WebGL and no shaders, rendering fabric pixel by pixel and thread in 6 passes including shadow, core color, twisted ply lines and highlights so it looks like actual floss. → Draw with a needle cursor and paths convert into running, back, chain, satin, French knot and lazy daisy stitches → Fabric generated from overlapping sine waves with a fake normal and directional light, zero GPU rendering → Built in under an hour by someone with zero knowledge of any of it

0xMarioNawfal

40,628 次观看 • 1 个月前

I asked Claude Opus 5.5 to explain how a rocket engine works by building an interactive Raptor 3 you can take apart in your browser. Cut it open, follow the oxygen and the methane through both turbopumps, then throttle it and watch the shock diamonds move.

I asked Claude Opus 5.5 to explain how a rocket engine works by building an interactive Raptor 3 you can take apart in your browser. Cut it open, follow the oxygen and the methane through both turbopumps, then throttle it and watch the shock diamonds move.

Konstantin Saifoulline

1,183,861 次观看 • 1 个月前

Someone just built a tool that turns any object image into a fully coded, animation-ready 3d model in your browser. just drop a photo and it sculpts the object in pure Three.js code, animation-ready with pivots, physics anchors, and PBR materials. 100% free.

Someone just built a tool that turns any object image into a fully coded, animation-ready 3d model in your browser. just drop a photo and it sculpts the object in pure Three.js code, animation-ready with pivots, physics anchors, and PBR materials. 100% free.

Superman

37,637 次观看 • 3 个月前

SOMEONE USED OPUS 5.5 TO BUILD A 3D ZOOM FROM A WHOLE DATA CENTER DOWN TO A SINGLE SILICON ATOM, AND IT'S JUST ONE HTML FILE It walks into the data center, opens a server, takes apart an NVIDIA Blackwell graphics card, then dives through the chip, its circuits and its transistors until you land on one atom. About an hour of work in total, running right in the browser.

SOMEONE USED OPUS 5.5 TO BUILD A 3D ZOOM FROM A WHOLE DATA CENTER DOWN TO A SINGLE SILICON ATOM, AND IT'S JUST ONE HTML FILE It walks into the data center, opens a server, takes apart an NVIDIA Blackwell graphics card, then dives through the chip, its circuits and its transistors until you land on one atom. About an hour of work in total, running right in the browser.

0xMarioNawfal - The Roundtable Show

53,930 次观看 • 1 个月前

Sol from OpenAI one-shotted a multi-tentacled creature morphology and RL training harness, launched and monitored the run on vast.ai on an H200 and created a Three.js + WebGL / WebGPU browser environment for the harvested policy to crawl around in. I woke up and this guy was running on my computer

Sol from OpenAI one-shotted a multi-tentacled creature morphology and RL training harness, launched and monitored the run on vast.ai on an H200 and created a Three.js + WebGL / WebGPU browser environment for the harvested policy to crawl around in. I woke up and this guy was running on my computer

Aaron Lemke

27,751 次观看 • 4 个月前

whipped up a fun mockup tool with my boi astra today upload a screenshot, customize the shapes and colors, set the camera, add a lil motion, and export! all in browser and 100% free ✨

whipped up a fun mockup tool with my boi astra today upload a screenshot, customize the shapes and colors, set the camera, add a lil motion, and export! all in browser and 100% free ✨

Charlie Clark

20,311 次观看 • 2 个月前

Today we’re sharing an experimental release of Spark Radix, a WebGPU-powered Gaussian splat renderer built on three.js. Render and explore detailed 3D worlds directly in your browser. Available today for developers to try and test 👇

Today we’re sharing an experimental release of Spark Radix, a WebGPU-powered Gaussian splat renderer built on three.js. Render and explore detailed 3D worlds directly in your browser. Available today for developers to try and test 👇

spark

63,363 次观看 • 12 天前

Built a Complex Procedural 3D Scene with Three.js Powered by Hy4! I used Hy4 through WorkBuddy to turn a simple one-line prompt into a complex procedural 3D scene using Three.js. → Procedurally generated 3D environments → Detailed geometry and immersive visuals → Dynamic scene composition → AI-powered coding from a single prompt The impressive part? Turning a simple idea into a complex 3D experience with just one prompt. This shows Hy4's creative and coding potential in action. Built with WorkBuddy: Tencent Hy Tencent AI WorkBuddy #Hy4 #WorkBuddy #ThreeJS #3DDevelopment #ProceduralGeneration

Built a Complex Procedural 3D Scene with Three.js Powered by Hy4! I used Hy4 through WorkBuddy to turn a simple one-line prompt into a complex procedural 3D scene using Three.js. → Procedurally generated 3D environments → Detailed geometry and immersive visuals → Dynamic scene composition → AI-powered coding from a single prompt The impressive part? Turning a simple idea into a complex 3D experience with just one prompt. This shows Hy4's creative and coding potential in action. Built with WorkBuddy: Tencent Hy Tencent AI WorkBuddy #Hy4 #WorkBuddy #ThreeJS #3DDevelopment #ProceduralGeneration

Krishna Agrawal

100,183 次观看 • 6 天前

Cursor now has a built-in web browser. You can say "start my app" and it will run the dev server in a terminal and then navigate the browser to localhost:3000. It can take screenshots of the page for iterating on design, and you can send DOM elements to the agent with prompts!

Cursor now has a built-in web browser. You can say "start my app" and it will run the dev server in a terminal and then navigate the browser to localhost:3000. It can take screenshots of the page for iterating on design, and you can send DOM elements to the agent with prompts!

Lee Robinson

216,307 次观看 • 1 年前

A CHINESE GIRL USED FABLE 5 TO BUILD A GAME THAT TURNS YOUR HAND INTO WATER it's for meditation you move your hand, the water moves with it that's the whole game what's running under the hood: > Fable 5 built the entire interaction logic > meshy turned text into the 3D water world > three.js and webGL render everything live in your browser > mediapipe tracks your hand through the camera alone whole thing takes 3-5 minutes and 300+ people already tried it she built this as a way to breathe for 5 minutes ended up making one of the coolest things anyone's done with Fable 5 if you wanna see what else Fable 5 can do full guide below

A CHINESE GIRL USED FABLE 5 TO BUILD A GAME THAT TURNS YOUR HAND INTO WATER it's for meditation you move your hand, the water moves with it that's the whole game what's running under the hood: > Fable 5 built the entire interaction logic > meshy turned text into the 3D water world > three.js and webGL render everything live in your browser > mediapipe tracks your hand through the camera alone whole thing takes 3-5 minutes and 300+ people already tried it she built this as a way to breathe for 5 minutes ended up making one of the coolest things anyone's done with Fable 5 if you wanna see what else Fable 5 can do full guide below

Madni Aghadi

13,289 次观看 • 4 个月前

Took it further with Omma AI, (Spline ) now it works on video, and everything working in a Web Browser. Drop a video, Depth Anything v2 calculates the depth map frame by frame, and Three.js renders a fully lit 3D mesh in real time. Depth estimation on video in the browser +Automatic baking pass + Dynamic lighting reacting to the geometry #vibecoding #threejs #webgl

Took it further with Omma AI, (Spline ) now it works on video, and everything working in a Web Browser. Drop a video, Depth Anything v2 calculates the depth map frame by frame, and Three.js renders a fully lit 3D mesh in real time. Depth estimation on video in the browser +Automatic baking pass + Dynamic lighting reacting to the geometry #vibecoding #threejs #webgl

Joseph Azar

149,128 次观看 • 6 个月前