Loading video...

Video Failed to Load

There was a problem loading this video. This could be due to a temporary network issue or the video might be unavailable.

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

14,985 subscribers

31,366 views • 10 days ago •via X (Twitter)

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

🎉 Introducing: Interactive Lanyard Component for @Framer. Add a custom 3D lanyard with adjustable colors, patterns, and styles to your site without any coding. RT + comment 'LANYARD' and i'll send you the component :)

🎉 Introducing: Interactive Lanyard Component for @Framer. Add a custom 3D lanyard with adjustable colors, patterns, and styles to your site without any coding. RT + comment 'LANYARD' and i'll send you the component :)

Framer University

104,200 views • 1 year ago

I built an entire 3D editor this past weekend with -- using natural language 🤯 Powered by React, Three.js, and the Rapier physics engine. I believe AI will soon enable us to create the tools we need the moment we think of them. Thread 👇

I built an entire 3D editor this past weekend with -- using natural language 🤯 Powered by React, Three.js, and the Rapier physics engine. I believe AI will soon enable us to create the tools we need the moment we think of them. Thread 👇

Ian Curtis

176,016 views • 1 year ago

Kimi K3 built a fully procedural browser-based 3D exploration game using Three.js WebGPU and GPU compute. It procedurally generated the environment, while using a 3D asset generation tool to create the rider and horse models, producing an expansive open world with forests, a log-cabin village, snowy mountains, and dynamic weather. External assets used: animated cowboy and horse models and terrain data.

Kimi K3 built a fully procedural browser-based 3D exploration game using Three.js WebGPU and GPU compute. It procedurally generated the environment, while using a 3D asset generation tool to create the rider and horse models, producing an expansive open world with forests, a log-cabin village, snowy mountains, and dynamic weather. External assets used: animated cowboy and horse models and terrain data.

Chetaslua

383,262 views • 1 month ago

Depth Anything V2 is a total beast for real-time 3D. Built a website that hits 30fps+ depth reconstructions from a single camera feed, extruding 12k voxels via WebGPU. Pure ML running local Vision Transformers with Three.js and zero backend lag. Lmk in the comments if you want a copy! 🙌 Experience and music made with AI in Omma AI (tool by Spline).

Depth Anything V2 is a total beast for real-time 3D. Built a website that hits 30fps+ depth reconstructions from a single camera feed, extruding 12k voxels via WebGPU. Pure ML running local Vision Transformers with Three.js and zero backend lag. Lmk in the comments if you want a copy! 🙌 Experience and music made with AI in Omma AI (tool by Spline).

Gábor Pribék

142,337 views • 4 months ago

As the Grok 4.6 release approaches, Grok 4.5 seems to be ageing like fine wine. Built an orbital assembly simulation around a colossal spacecraft, with robotic manipulators, hull installation, active welding and surrounding traffic, using Three.js.

As the Grok 4.6 release approaches, Grok 4.5 seems to be ageing like fine wine. Built an orbital assembly simulation around a colossal spacecraft, with robotic manipulators, hull installation, active welding and surrounding traffic, using Three.js.

Techartist

24,224 views • 15 days ago

The Kittiwake Hotel is fully booked! So cool to see the new hotel being appreciated 😊✊ Built by the local fishermen in Kiberg. We designed and helped to give the project wings, with $ help from a seabird science project. Good conservation with a solid local component 👌#varanger

The Kittiwake Hotel is fully booked! So cool to see the new hotel being appreciated 😊✊ Built by the local fishermen in Kiberg. We designed and helped to give the project wings, with $ help from a seabird science project. Good conservation with a solid local component 👌#varanger

Biotope / Tormod Amundsen

19,148 views • 1 year ago

How I built with Claude 👇 Prompt: "Design an agency site where services are presented as supermarket product packaging in 3D" Use Three.js with WebGL to render all products in real time in the browser Use Blender to model the packaging then export as GLTF to load in Three.js Use GSAP for the smooth product rotation and hover interactions Save this if you want a portfolio that makes clients feel they are buying something premium 🛒

How I built with Claude 👇 Prompt: "Design an agency site where services are presented as supermarket product packaging in 3D" Use Three.js with WebGL to render all products in real time in the browser Use Blender to model the packaging then export as GLTF to load in Three.js Use GSAP for the smooth product rotation and hover interactions Save this if you want a portfolio that makes clients feel they are buying something premium 🛒

FHILY👑

76,325 views • 3 months ago

HTML enters 3D! Or vice versa? With the new HTML in Canvas by WICG, we can finally put native DOM elements directly into WebGL/WebGPU scenes. It is experimental for now, but the possibilities for 3D interfaces and special effects are huge. This demo was built using Three.js and Omma AI (tool by Spline ) It’s a fun new way to explore what the web can do! Are you interested in seeing the demo?

HTML enters 3D! Or vice versa? With the new HTML in Canvas by WICG, we can finally put native DOM elements directly into WebGL/WebGPU scenes. It is experimental for now, but the possibilities for 3D interfaces and special effects are huge. This demo was built using Three.js and Omma AI (tool by Spline ) It’s a fun new way to explore what the web can do! Are you interested in seeing the demo?

Gábor Pribék

176,349 views • 4 months ago

A new combobox component is coming to Dub.co soon: ◆ Keyboard-friendly ◆ Blazing fast ◆ Smooth height-aware morphing ◆ Multi/single-select support Built with CMDK + Radix by WorkOS Popover by the 🐐 Tim Wilson and it will be fully open-source 🤩

A new combobox component is coming to Dub.co soon: ◆ Keyboard-friendly ◆ Blazing fast ◆ Smooth height-aware morphing ◆ Multi/single-select support Built with CMDK + Radix by WorkOS Popover by the 🐐 Tim Wilson and it will be fully open-source 🤩

Steven Tey

35,271 views • 1 year ago

$My favorite feature of the Next.js conf site: The 3D badge refracts light from the HTML page. We'll release a case study soon with each little trick, so follow basement.studio if you don't want to miss it! (Of course, made with Three.js and drei)$

My favorite feature of the Next.js conf site: The 3D badge refracts light from the HTML page. We'll release a case study soon with each little trick, so follow basement.studio if you don't want to miss it! (Of course, made with Three.js and drei)

Matias 🧉

51,570 views • 2 years ago

I made a dumb mistake with my water shader🤦🏻‍♂️ The wave evolution equation has two parts: a standing wave component and a traveling wave component. When I was first getting this all to work, I hard-coded constants so the waves were always traveling forward at full speed. By adding a "standing wave ratio" where I can control the ratio between the two terms, I can now achieve wave patterns that oscillate in place. The video on the left has SWR = 0 and the video on the right SWR = 0.7 (I exaggerated the waves a bit to make the difference more noticeable). Now I have to re-record all my marketing videos...😭

I made a dumb mistake with my water shader🤦🏻‍♂️ The wave evolution equation has two parts: a standing wave component and a traveling wave component. When I was first getting this all to work, I hard-coded constants so the waves were always traveling forward at full speed. By adding a "standing wave ratio" where I can control the ratio between the two terms, I can now achieve wave patterns that oscillate in place. The video on the left has SWR = 0 and the video on the right SWR = 0.7 (I exaggerated the waves a bit to make the difference more noticeable). Now I have to re-record all my marketing videos...😭

Dan Greenheck

125,807 views • 5 months ago

How is BMC allowing this? An apartment construction site is ruining the nearby public road. Why is a road built and maintained with taxpayers’ money being allowed to be damaged like this? If BMC is serious, I can share locations where this is happening.

How is BMC allowing this? An apartment construction site is ruining the nearby public road. Why is a road built and maintained with taxpayers’ money being allowed to be damaged like this? If BMC is serious, I can share locations where this is happening.

Manas Muduli

56,567 views • 8 months ago

The company building enterprise-grade stablecoin infrastructure is expanding to five new chains, with more to come. This brings a $170M digital dollar built by Agora to millions more users and thousands of applications. Agora is partnering with LayerZero to launch AUSD0.

The company building enterprise-grade stablecoin infrastructure is expanding to five new chains, with more to come. This brings a $170M digital dollar built by Agora to millions more users and thousands of applications. Agora is partnering with LayerZero to launch AUSD0.

LayerZero

229,993 views • 11 months ago

Generated this video by chatting with a single agent ✨ I told GLIF that I wanted to create this anime short. It made the storyboard with GPT-Image-2 and then animated it with Seedance 2. Such an easy way to get controllable video generation!

Generated this video by chatting with a single agent ✨ I told GLIF that I wanted to create this anime short. It made the storyboard with GPT-Image-2 and then animated it with Seedance 2. Such an easy way to get controllable video generation!

Justine Moore

75,980 views • 4 months ago

Imagine an RPG where every landmark can be reached on foot, your actions shape the world and your choices have consequences... A Short Quest is that game, built by 2 guys with nothing but a dream and a bit of indie magic ✨

Imagine an RPG where every landmark can be reached on foot, your actions shape the world and your choices have consequences... A Short Quest is that game, built by 2 guys with nothing but a dream and a bit of indie magic ✨

Tali (A Short Quest )

13,427 views • 1 month ago

Incredible to see what a professional animator can do with AI video. He created a 3D previz and then had Seedance render the actual anime - with the motion and camera control preserved! (made by ててつろう)

Incredible to see what a professional animator can do with AI video. He created a 3D previz and then had Seedance render the actual anime - with the motion and camera control preserved! (made by ててつろう)

Justine Moore

728,735 views • 2 months ago

I keep seeing the same pattern with Three.js games, shaders, p5.js, and now 3D UI. Give a coding agent a strong reference, the live URL, and the source repo. It can study the mechanics, recreate them, and give you a working place to experiment. For this one, I turned a Trevor Noah-inspired book interaction into fictional manuals for Codex, Claude Code, and Cursor. X post: GitHub: Original site:

I keep seeing the same pattern with Three.js games, shaders, p5.js, and now 3D UI. Give a coding agent a strong reference, the live URL, and the source repo. It can study the mechanics, recreate them, and give you a working place to experiment. For this one, I turned a Trevor Noah-inspired book interaction into fictional manuals for Codex, Claude Code, and Cursor. X post: GitHub: Original site:

Meng To

179,677 views • 28 days ago

GPT Image 2.0 + Generated Normal Maps = Dynamic Lighting and Shadows for UI. 🤯 The workflow for building high-fidelity skeuomorphic UI concepts with AI + Three.js just got a lot easier. Interactive experience, sound fx, and normals all generated with Omma AI (tool by Spline). 3D iPhone by Ranguel on Sketchfab. Happy to share the remix link if you would like to poke around, lmk!

GPT Image 2.0 + Generated Normal Maps = Dynamic Lighting and Shadows for UI. 🤯 The workflow for building high-fidelity skeuomorphic UI concepts with AI + Three.js just got a lot easier. Interactive experience, sound fx, and normals all generated with Omma AI (tool by Spline). 3D iPhone by Ranguel on Sketchfab. Happy to share the remix link if you would like to poke around, lmk!

Gábor Pribék

12,290 views • 4 months ago