Video wird geladen...

Video konnte nicht geladen werden

Beim Laden dieses Videos ist ein Problem aufgetreten. Dies könnte an einem vorübergehenden Netzwerkproblem liegen oder das Video ist möglicherweise nicht verfügbar.

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

15,708 subscribers

32,133 Aufrufe • vor 1 Monat •via X (Twitter)

Anya Rossi• Live Now

Private livecam show

0 Kommentare

Keine Kommentare verfügbar

Kommentare vom Original-Post werden hier angezeigt

Ähnliche 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,279 Aufrufe • vor 1 Jahr

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

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

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

I have the goal to learn hardware this year, didn't know where to start so I ask OpenAI Astra to help me build a place to learn with some components I had already and if not use 3D model of the component 🤖

I have the goal to learn hardware this year, didn't know where to start so I ask OpenAI Astra to help me build a place to learn with some components I had already and if not use 3D model of the component 🤖

Aileen Villanueva

16,474 Aufrufe • vor 28 Tagen

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

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

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

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

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

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

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

Deconstructing the iconic Yellow Crane Tower in 3D. 🏛️ Created entirely using Opus 5 + Seedance 2.0. AI-driven architectural breakdown in action! Prompt： Video Description:Create a 15-second, 16:9 widescreen architectural instructional video showing the step-by-step construction of the Yellow Crane Tower. The layout, structural components, leader line callouts, dimensional scales, numbering labels, and color palette must remain strictly consistent throughout. Do not add, remove, or alter the shape and quantity of any architectural components. Core Instruction:This is an architectural assembly video designed to show how the Yellow Crane Tower is constructed layer by layer. Every component must be highlighted and clearly visible individually—no simultaneous motion or cluttered group movements. Motion Style: All components translate purely along their respective vertical axes (no rotation, arc trajectories, or mesh clipping/interpenetration). Only one group of components moves at any given moment while all other components remain stationary. The active moving component maintains 100% brightness, while inactive components are dimmed to approximately 60% brightness to guide viewer focus. Once a component settles into place, it restores to full brightness. Include a brief ~0.15-second pause after each component group settles before moving to the next, establishing a clear rhythm. Timeline (Bottom-to-Top Construction Sequence): 0.0–1.5s: Hold the initial exploded/deconstructed floating state. The camera slowly rises and pushes forward slightly (angle change < 8°). Leader lines move with their corresponding components, pointing accurately to each part. 1.5–2.6s: The stone podium base lowers vertically into place, establishing the ground baseline for the building. 2.6–3.8s: Major columns (interior gold pillars and eave pillars) drop vertically into the stone plinths from above, perfectly aligned. 3.8–5.0s: Tie beams and lintels slot horizontally into the column tops, interlocking with mortise-and-tenon joints. 5.0–7.0s: Bracket sets (Dougong) assemble individually from bottom to top: bearing blocks, bracket arms, angled levers, and cap blocks lock together layer by layer. (Key sequence: slow motion to clearly showcase the intricate stacking). 7.0–8.2s: Eave rafters and flying rafters align and settle along the roof pitch, forming the deep overhang eaves. 8.2–9.4s: Board tiles and semi-cylindrical roof tiles lay down row by row from bottom to top, covering the rafters. 9.4–10.5s: Roof ridge components and the central finial drop into place. The full building structure is now complete. Leader lines and text labels fade out smoothly. 10.5–12.0s: The fully assembled Yellow Crane Tower remains stable as the camera orbits extremely slowly around it. 12.0–15.0s: All components separate vertically in the exact reverse order, returning to the precise initial exploded/deconstructed layout. The final frame composition perfectly matches the first frame to allow a seamless loop. Negative Constraints:No simultaneous component movement, random scattering, shattering, melting, rotating, or flying off-screen. No changing component counts or morphing architecture. No incorrect Dougong stacking order, tile-rafter clipping, misaligned leader lines, garbled label text, fast camera orbits/zooms, black screens, white flashes, frozen frames, fade-outs, watermarks, or platform end cards.

Deconstructing the iconic Yellow Crane Tower in 3D. 🏛️ Created entirely using Opus 5 + Seedance 2.0. AI-driven architectural breakdown in action! Prompt： Video Description:Create a 15-second, 16:9 widescreen architectural instructional video showing the step-by-step construction of the Yellow Crane Tower. The layout, structural components, leader line callouts, dimensional scales, numbering labels, and color palette must remain strictly consistent throughout. Do not add, remove, or alter the shape and quantity of any architectural components. Core Instruction:This is an architectural assembly video designed to show how the Yellow Crane Tower is constructed layer by layer. Every component must be highlighted and clearly visible individually—no simultaneous motion or cluttered group movements. Motion Style: All components translate purely along their respective vertical axes (no rotation, arc trajectories, or mesh clipping/interpenetration). Only one group of components moves at any given moment while all other components remain stationary. The active moving component maintains 100% brightness, while inactive components are dimmed to approximately 60% brightness to guide viewer focus. Once a component settles into place, it restores to full brightness. Include a brief ~0.15-second pause after each component group settles before moving to the next, establishing a clear rhythm. Timeline (Bottom-to-Top Construction Sequence): 0.0–1.5s: Hold the initial exploded/deconstructed floating state. The camera slowly rises and pushes forward slightly (angle change < 8°). Leader lines move with their corresponding components, pointing accurately to each part. 1.5–2.6s: The stone podium base lowers vertically into place, establishing the ground baseline for the building. 2.6–3.8s: Major columns (interior gold pillars and eave pillars) drop vertically into the stone plinths from above, perfectly aligned. 3.8–5.0s: Tie beams and lintels slot horizontally into the column tops, interlocking with mortise-and-tenon joints. 5.0–7.0s: Bracket sets (Dougong) assemble individually from bottom to top: bearing blocks, bracket arms, angled levers, and cap blocks lock together layer by layer. (Key sequence: slow motion to clearly showcase the intricate stacking). 7.0–8.2s: Eave rafters and flying rafters align and settle along the roof pitch, forming the deep overhang eaves. 8.2–9.4s: Board tiles and semi-cylindrical roof tiles lay down row by row from bottom to top, covering the rafters. 9.4–10.5s: Roof ridge components and the central finial drop into place. The full building structure is now complete. Leader lines and text labels fade out smoothly. 10.5–12.0s: The fully assembled Yellow Crane Tower remains stable as the camera orbits extremely slowly around it. 12.0–15.0s: All components separate vertically in the exact reverse order, returning to the precise initial exploded/deconstructed layout. The final frame composition perfectly matches the first frame to allow a seamless loop. Negative Constraints:No simultaneous component movement, random scattering, shattering, melting, rotating, or flying off-screen. No changing component counts or morphing architecture. No incorrect Dougong stacking order, tile-rafter clipping, misaligned leader lines, garbled label text, fast camera orbits/zooms, black screens, white flashes, frozen frames, fade-outs, watermarks, or platform end cards.

Lee Lin | AI

12,207 Aufrufe • vor 2 Monaten

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

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

76,593 Aufrufe • vor 5 Monaten

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

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

731,618 Aufrufe • vor 3 Monaten

Rockets once built by humans, now by AIs! 🚀 We introduce BuildArena 🏟️, where LLM agents design, build, and test rockets, cars, and bridges in a physics simulator. This is #AIforEngineering in action! As AI researchers, we've always wondered: could an AI build a machine? Engineering is more than shapes; it's spatial reasoning, dynamics, and stability. ⚙️ With BuildArena, AIs now build, not just talk. They turn words into designs, blueprints, and finally, 3D mechanisms tested in real-time physics. This demonstrates a step towards #AgenticEngineering #EngineeringConstructionAutomation. Imagine: 🚀 AI engineers drafting rockets that fly. 🌗 Autonomous robots on the Moon building with local materials. 🌉 Disaster-site bots fabricating bridges on demand. BuildArena is the first step toward this future. 💻 Project website: 📦 code repository:

Rockets once built by humans, now by AIs! 🚀 We introduce BuildArena 🏟️, where LLM agents design, build, and test rockets, cars, and bridges in a physics simulator. This is #AIforEngineering in action! As AI researchers, we've always wondered: could an AI build a machine? Engineering is more than shapes; it's spatial reasoning, dynamics, and stability. ⚙️ With BuildArena, AIs now build, not just talk. They turn words into designs, blueprints, and finally, 3D mechanisms tested in real-time physics. This demonstrates a step towards #AgenticEngineering #EngineeringConstructionAutomation. Imagine: 🚀 AI engineers drafting rockets that fly. 🌗 Autonomous robots on the Moon building with local materials. 🌉 Disaster-site bots fabricating bridges on demand. BuildArena is the first step toward this future. 💻 Project website: 📦 code repository:

Tailin Wu

23,366 Aufrufe • vor 11 Monaten