Sensitive content

This media may contain sensitive content.

Video wird geladen...

Video konnte nicht geladen werden

Zur Startseite

totally blown away by Google Gemini 3 + three.js.. just generated a 3D product interactive app with zero coding.. use hand gesture to rotate, scale, control xyz and lighting of 3D model AI is taking over.. accept or not tutorial with prompts & code below:

EHuanglu's profile picture

el.cine

135,982 subscribers

416,631 Aufrufe • vor 7 Monaten •via X (Twitter)

NSFW
LIVE

Anya Rossi• Live Now

Private livecam show

0 Kommentare

Keine Kommentare verfügbar

Kommentare vom Original-Post werden hier angezeigt

Ähnliche Videos

Claude Fable 5 built a 3D product website with Claude Code Generate an image of a product with the Magnific MCP, and convert it into a 3D model. Download that model and give it to Fable 5 to develop an interactive page with. Here's the final result + prompts:
0:29

Claude Fable 5 built a 3D product website with Claude Code Generate an image of a product with the Magnific MCP, and convert it into a 3D model. Download that model and give it to Fable 5 to develop an interactive page with. Here's the final result + prompts:

Jerrod Lew

33,687 Aufrufe • vor 2 Monaten

I'm sharing a tutorial on creating interactive 3D experiences, combining Three.js and MediaPipe hand tracking 👋💠 In this 🧵: - a step-by-step guide including the 4 prompts I used to build this demo - the open source code - Other thoughts about vibe coding
0:31

I'm sharing a tutorial on creating interactive 3D experiences, combining Three.js and MediaPipe hand tracking 👋💠 In this 🧵: - a step-by-step guide including the 4 prompts I used to build this demo - the open source code - Other thoughts about vibe coding

AA

151,255 Aufrufe • vor 1 Jahr

I've open sourced this project! - use voice commands to change interaction mode (drag, rotate, scale, animate) - use hand gestures to control the 3D model - drag/drop to import other models (only GLTF format supported rn) created using Three.js, Rosebud AI, mediapipe computer vision, web speech API, and Quaternius 3D models 🔗 github repo below
1:00

I've open sourced this project! - use voice commands to change interaction mode (drag, rotate, scale, animate) - use hand gestures to control the 3D model - drag/drop to import other models (only GLTF format supported rn) created using Three.js, Rosebud AI, mediapipe computer vision, web speech API, and Quaternius 3D models 🔗 github repo below

AA

40,230 Aufrufe • vor 1 Jahr

gemini 3 flash is so crazy.. it can generate code for an interactive 3d car racing game in ~1 min, control speed and direction with hands, no need code, just text prompts its 100% free & a lot faster than 3 pro how to improve this, anyone?
0:51

gemini 3 flash is so crazy.. it can generate code for an interactive 3d car racing game in ~1 min, control speed and direction with hands, no need code, just text prompts its 100% free & a lot faster than 3 pro how to improve this, anyone?

el.cine

114,398 Aufrufe • vor 7 Monaten

This is why AI is taking over: • Vibe coded the app with Cursor • Generated ref images on Nano Banana Pro • Image to 3D model on Tripo Result: usable FBX animated models in interactive environments. All in one day. And this is just the beginning 👇
0:21

This is why AI is taking over: • Vibe coded the app with Cursor • Generated ref images on Nano Banana Pro • Image to 3D model on Tripo Result: usable FBX animated models in interactive environments. All in one day. And this is just the beginning 👇

TechHalla

28,396 Aufrufe • vor 7 Monaten

FABLE GENERATES A FULL 3D CITY IN A SINGLE PROMPT RUN Fable generated a complete, interactive 3D city in a single continuous run. With no step-by-step debugging or manual code splits, the model synthesized procedural building layouts, lighting, and spatial geometry in one go, proving its single-shot 3D web graphics capabilities.
0:24

FABLE GENERATES A FULL 3D CITY IN A SINGLE PROMPT RUN Fable generated a complete, interactive 3D city in a single continuous run. With no step-by-step debugging or manual code splits, the model synthesized procedural building layouts, lighting, and spatial geometry in one go, proving its single-shot 3D web graphics capabilities.

0xMarioNawfal

47,424 Aufrufe • vor 18 Tagen

AI just fired the video editor 3D Motion just dropped the fastest way to turn any image into a cinematic video. With depth mapping, smooth camera moves, and movie-like lighting, it makes static photos look like Hollywood shots. Tutorial below + Prompts:
0:27

AI just fired the video editor 3D Motion just dropped the fastest way to turn any image into a cinematic video. With depth mapping, smooth camera moves, and movie-like lighting, it makes static photos look like Hollywood shots. Tutorial below + Prompts:

Robin Delta

137,796 Aufrufe • vor 11 Monaten

No Three.js. No fake web-based depth-of-field or focal-length emulation. Customize in web, render in Blender. While everyone is vibe-coding apps for flat pattern generators, or at most Three.js-based 3D scenes, we’re already one step ahead. We built an app that lets you use a web UI to control an actual Blender 3D render. Eevee engine is used for streaming quick previews back into the app, while Cycles renders the final image for better material quality and lighting. So simple to use that you can even give it to your client. Of course, built with Toolcraft.
1:15

No Three.js. No fake web-based depth-of-field or focal-length emulation. Customize in web, render in Blender. While everyone is vibe-coding apps for flat pattern generators, or at most Three.js-based 3D scenes, we’re already one step ahead. We built an app that lets you use a web UI to control an actual Blender 3D render. Eevee engine is used for streaming quick previews back into the app, while Cycles renders the final image for better material quality and lighting. So simple to use that you can even give it to your client. Of course, built with Toolcraft.

Alex Barashkov

76,107 Aufrufe • vor 1 Monat

Want to use the latest cool AI models inside TRAE? You can now connect and run MiniMax-M2 (or any other OpenRouter model) in just minutes. This tutorial walks you through: - Setting up OpenRouter service provider - Adding your api key in TRAE - Selecting MiniMax-M2 in chat or coding mode — and building a 3D object with Three.js! Watch the full walkthrough ↓
3:21

Want to use the latest cool AI models inside TRAE? You can now connect and run MiniMax-M2 (or any other OpenRouter model) in just minutes. This tutorial walks you through: - Setting up OpenRouter service provider - Adding your api key in TRAE - Selecting MiniMax-M2 in chat or coding mode — and building a 3D object with Three.js! Watch the full walkthrough ↓

TRAE

16,445 Aufrufe • vor 9 Monaten

Quickly create real-time dance content that you can choose to use directly for virtual live streaming or interactive experiences in VR. All it takes is capturing with a webcam, powered by an AI-generated 3D motion solution. 3D models from Warudo @ Hakuya Labs
1:29

Quickly create real-time dance content that you can choose to use directly for virtual live streaming or interactive experiences in VR. All it takes is capturing with a webcam, powered by an AI-generated 3D motion solution. 3D models from Warudo @ Hakuya Labs

CYANPUPPETS

16,462 Aufrufe • vor 2 Jahren

Inspired by Omma AI's project, vibe coded a generative voxel planet website using Three.js in Google AI Studio with Gemini 3.1 pro. Freakinn craziest thing is, this is PURE MATH. No 3D model and each planet renders 25,000 voxels cubes in fraction of second. Trying to build something like this manually would be an absolute nightmare for me 🫠 Live: Code:
0:36

Inspired by Omma AI's project, vibe coded a generative voxel planet website using Three.js in Google AI Studio with Gemini 3.1 pro. Freakinn craziest thing is, this is PURE MATH. No 3D model and each planet renders 25,000 voxels cubes in fraction of second. Trying to build something like this manually would be an absolute nightmare for me 🫠 Live: Code:

The Bugged Dev

47,251 Aufrufe • vor 4 Monaten

Hitem3D V2.0 just launched. It's an AI 3D model generation tool that does three things: - Photo or image to full 3D model - Model segmentation so you can isolate and refine parts - Image to STL for 3D printing Combine this with Google Nano Banana and you can build game assets, product prototypes, and printable designs in minutes. Here's what I tested. Sponsored by Hi3D 1/4
0:27

Hitem3D V2.0 just launched. It's an AI 3D model generation tool that does three things: - Photo or image to full 3D model - Model segmentation so you can isolate and refine parts - Image to STL for 3D printing Combine this with Google Nano Banana and you can build game assets, product prototypes, and printable designs in minutes. Here's what I tested. Sponsored by Hi3D 1/4

AshutoshShrivastava

19,574 Aufrufe • vor 5 Monaten

Gave Gemini 3 Deep Think an image of a 3D spider web and asked for an interactive design tool. It generated a full design suite (procedural control, simulation, optimization) with STL export capability. I used it to engineer new metamaterials and a spider-web inspired bridge design, 3D printed it, then validated the structural integrity with a NVIDIA DGX Spark load test. A mind-blowing example of the future of material and architecture design - image in, fabrication-ready design out! Google Gemini
2:02

Gave Gemini 3 Deep Think an image of a 3D spider web and asked for an interactive design tool. It generated a full design suite (procedural control, simulation, optimization) with STL export capability. I used it to engineer new metamaterials and a spider-web inspired bridge design, 3D printed it, then validated the structural integrity with a NVIDIA DGX Spark load test. A mind-blowing example of the future of material and architecture design - image in, fabrication-ready design out! Google Gemini

Markus J. Buehler

96,640 Aufrufe • vor 6 Monaten

You won’t believe how disruptive this software I’m building is. It’s not 3D; it’s actually code you can then use with a vibecoding app to create real software. You’ll have complete control over anything you want to edit. This isn’t just a 3D model; it’s the foundation for every vibecoding app available. Since the model is based on parametric software algorithms it’s incredibly versatile. Inventing the world’s first hardware device manufacturer.
0:22

You won’t believe how disruptive this software I’m building is. It’s not 3D; it’s actually code you can then use with a vibecoding app to create real software. You’ll have complete control over anything you want to edit. This isn’t just a 3D model; it’s the foundation for every vibecoding app available. Since the model is based on parametric software algorithms it’s incredibly versatile. Inventing the world’s first hardware device manufacturer.

Tykra

22,181 Aufrufe • vor 4 Monaten

Yes, AI is here and 3D artists have to adapt. Here's one way I'm integrating AI with my 3D work, as a set extension. The BG is generated by Kling 3.0 and brought into my 3D scene so I can fully control the timing of the lights in the FG, which is 3D. Seedance 2.0 next!!
1:21

Yes, AI is here and 3D artists have to adapt. Here's one way I'm integrating AI with my 3D work, as a set extension. The BG is generated by Kling 3.0 and brought into my 3D scene so I can fully control the timing of the lights in the FG, which is 3D. Seedance 2.0 next!!

David Ariew

29,702 Aufrufe • vor 5 Monaten

At this point, I’m so deep into vibe coding that I ended up building a cyberpunk 3D Rubik’s Cube game with multiple skins and a 3D AI assistant to help you solve the cube 😎 It’s built using Three.js with matrix mathematics, GLSL shaders, raycasting, and a hybrid shadow system, all developed in Google AI Studio using Gemini 3 Pro. With features, - Automatically rotating Rubik’s Cube in the hero section that continuously solves unsolve itself infinitely - Ability to switch between different themes - Interactive gameplay with drag and drop axis rotations - Keyboard controls for cube movements - 3D AI assistance to help you solve the cube when you get stuck - Built in timer with a stylish completion ticket that confirms when the cube is solved - smooth animations using GSAP Go rubik yourself :) Live: Code:
0:46

At this point, I’m so deep into vibe coding that I ended up building a cyberpunk 3D Rubik’s Cube game with multiple skins and a 3D AI assistant to help you solve the cube 😎 It’s built using Three.js with matrix mathematics, GLSL shaders, raycasting, and a hybrid shadow system, all developed in Google AI Studio using Gemini 3 Pro. With features, - Automatically rotating Rubik’s Cube in the hero section that continuously solves unsolve itself infinitely - Ability to switch between different themes - Interactive gameplay with drag and drop axis rotations - Keyboard controls for cube movements - 3D AI assistance to help you solve the cube when you get stuck - Built in timer with a stylish completion ticket that confirms when the cube is solved - smooth animations using GSAP Go rubik yourself :) Live: Code:

The Bugged Dev

15,473 Aufrufe • vor 6 Monaten

3D creation, made easy. Unity Studio is officially here 🎉 Real-time 3D creation just got a whole lot easier for enterprise and industrial applications. Whether you’re a designer or a decision-maker, build and share interactive 3D applications with zero coding required. What you need to know: ✅ Import and create with existing CAD and 3D data ✅ Build scenes with drag-and-drop tools ✅ Add interactions without writing code ✅ Share instantly with a web link Get 30 free days of free access, starting right now! 👉 Claim your free trial: #UnityStudio #UnityIndustry
0:27

3D creation, made easy. Unity Studio is officially here 🎉 Real-time 3D creation just got a whole lot easier for enterprise and industrial applications. Whether you’re a designer or a decision-maker, build and share interactive 3D applications with zero coding required. What you need to know: ✅ Import and create with existing CAD and 3D data ✅ Build scenes with drag-and-drop tools ✅ Add interactions without writing code ✅ Share instantly with a web link Get 30 free days of free access, starting right now! 👉 Claim your free trial: #UnityStudio #UnityIndustry

Unity

34,635 Aufrufe • vor 5 Monaten