Video wird geladen...

Video konnte nicht geladen werden

Zur Startseite

img2threejs - turn one object photo into a code-only procedural Three.js model Open-source toolkit that rebuilds the object in a single reference image as procedural Three.js code (no mesh downloads), quality-gated by a render-vs-reference loop - strong for hard-surface objects

NickDevFE's profile picture

Nick

2,860 subscribers

303,675 Aufrufe • vor 3 Monaten •via X (Twitter)

Wissenschaft & TechnologieGaming
LIVE

Anya Rossi• Live Now

Private livecam show

0 Kommentare

Keine Kommentare verfügbar

Kommentare vom Original-Post werden hier angezeigt

Ähnliche Videos

img2threejs v1.3 is now available. 🎋 One photo → procedural Three.js code. No meshes. No manual modeling. GitHub: v1.3 brings major improvements to geometry reconstruction, material generation, validation, and overall output quality. For this demo, I used the reference image of a CS2 ★ M9 Bayonet | Doppler Phase 3: If you’re new to img2threejs, now is a great time to try it. If you’ve used it before, I’d love for you to compare the results with previous versions. Feedback, bug reports, and PRs are always welcome.
0:14

img2threejs v1.3 is now available. 🎋 One photo → procedural Three.js code. No meshes. No manual modeling. GitHub: v1.3 brings major improvements to geometry reconstruction, material generation, validation, and overall output quality. For this demo, I used the reference image of a CS2 ★ M9 Bayonet | Doppler Phase 3: If you’re new to img2threejs, now is a great time to try it. If you’ve used it before, I’d love for you to compare the results with previous versions. Feedback, bug reports, and PRs are always welcome.

Nick

727,833 Aufrufe • vor 3 Monaten

This isn’t a 3D model file. It’s 100% code Our world-famous Mars Cat avatar has been reconstructed entirely as Three.js source code No GLB at runtime. No model download. No textures or UV atlas. Just code, rendered directly in the browser It was created with IMG2THREEJS by Nick. An incredible open-source project with over 15,000 stars on GitHub And our Mars Cat is now featured on the home page gallery See it live below ↓. Grab the code. Add it to your game New to Three.js? It’s one of the most popular open-source JavaScript libraries for building interactive 3D experiences and games on the web
0:18

This isn’t a 3D model file. It’s 100% code Our world-famous Mars Cat avatar has been reconstructed entirely as Three.js source code No GLB at runtime. No model download. No textures or UV atlas. Just code, rendered directly in the browser It was created with IMG2THREEJS by Nick. An incredible open-source project with over 15,000 stars on GitHub And our Mars Cat is now featured on the home page gallery See it live below ↓. Grab the code. Add it to your game New to Three.js? It’s one of the most popular open-source JavaScript libraries for building interactive 3D experiences and games on the web

Jay B 😻🚀

15,044 Aufrufe • vor 1 Monat

Experimenting with procedural generated words in Three.js
0:19

Experimenting with procedural generated words in Three.js

Francesco Di Donato

49,137 Aufrufe • vor 6 Monaten

img2threejs 🎮 upload any image → get a three.js game in seconds run and play in the groupchat directly
0:13

img2threejs 🎮 upload any image → get a three.js game in seconds run and play in the groupchat directly

꙲

32,099 Aufrufe • vor 8 Monaten

Turn any webpage into a museum! 🏛️ Made this Chrome extension that uses Hunyuan 3D v3.1 on fal to turn any image into a 3D model, and three.js for the interactive viewer
0:16

Turn any webpage into a museum! 🏛️ Made this Chrome extension that uses Hunyuan 3D v3.1 on fal to turn any image into a 3D model, and three.js for the interactive viewer

Blendi

48,960 Aufrufe • vor 6 Monaten

Train a TensorFlow object detection model – then deploy it on a robot 🤖 Iulia Feroli (Iulia Feroli) shows how to turn a notebook into a real-time object detection app. This tutorial works for any project – though we demonstrate the deployment on (and assisted by!) the #ReachyMini, an open-source robot from Pollen Robotics. Built with PyCharm + Claude Code. 👉 Watch it in action:
0:17

Train a TensorFlow object detection model – then deploy it on a robot 🤖 Iulia Feroli (Iulia Feroli) shows how to turn a notebook into a real-time object detection app. This tutorial works for any project – though we demonstrate the deployment on (and assisted by!) the #ReachyMini, an open-source robot from Pollen Robotics. Built with PyCharm + Claude Code. 👉 Watch it in action:

PyCharm, a JetBrains IDE

34,908 Aufrufe • vor 5 Monaten

Introducing 📦𝗔𝗿𝘁𝗶𝗟𝗮𝘁𝗲𝗻𝘁🔧 (SIGGRAPH Asia 2025) — a high-quality 3D diffusion model that explicitly models object articulation, paving the way for richer, more realistic assets in embodied AI and simulation: – Generates fully articulated 3D objects – Physically plausible joints & motion – High-fidelity 3D Gaussian appearance – Supports generation from a single real image arXiv: Project: Code (coming soon):
0:16

Introducing 📦𝗔𝗿𝘁𝗶𝗟𝗮𝘁𝗲𝗻𝘁🔧 (SIGGRAPH Asia 2025) — a high-quality 3D diffusion model that explicitly models object articulation, paving the way for richer, more realistic assets in embodied AI and simulation: – Generates fully articulated 3D objects – Physically plausible joints & motion – High-fidelity 3D Gaussian appearance – Supports generation from a single real image arXiv: Project: Code (coming soon):

Xingang Pan

11,553 Aufrufe • vor 11 Monaten

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:
0:18

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

181,281 Aufrufe • vor 2 Monaten

Devlog #1: procedural animation and flock mechanics for 6 legged arctic creatures in Three.js
0:14

Devlog #1: procedural animation and flock mechanics for 6 legged arctic creatures in Three.js

kamome games || wishlist ilequ

47,728 Aufrufe • vor 7 Monaten

A real-time coastal simulation in Three.js, pairing a shallow-water solver with breaking swells, whitewater, wet sand and shoreline exploration. Open source code in the post below.
0:14

A real-time coastal simulation in Three.js, pairing a shallow-water solver with breaking swells, whitewater, wet sand and shoreline exploration. Open source code in the post below.

Techartist

22,168 Aufrufe • vor 1 Monat

Introducing Motion for Three.js Animate Three.js objects, materials, shader uniforms, TSL nodes and more, sequenced alongside HTML & SVG elements, batched on Motion's render loop. Now in Motion+ Early Access.
0:13

Introducing Motion for Three.js Animate Three.js objects, materials, shader uniforms, TSL nodes and more, sequenced alongside HTML & SVG elements, batched on Motion's render loop. Now in Motion+ Early Access.

Motion

22,842 Aufrufe • vor 1 Monat

Vibe coded an infinite 3D tunnel scroll using Three.js with object pooling and GSAP animations, all created with Google Gemini 3 Pro AI in under 30 minutes :D It’s a fully procedural, mathematically generated world that renders endlessly as you scroll up and down without eating your device memory (that's what at least AI said 😆) Live: Code: now returning to the job that funds my ability to overwork myself :)
0:12

Vibe coded an infinite 3D tunnel scroll using Three.js with object pooling and GSAP animations, all created with Google Gemini 3 Pro AI in under 30 minutes :D It’s a fully procedural, mathematically generated world that renders endlessly as you scroll up and down without eating your device memory (that's what at least AI said 😆) Live: Code: now returning to the job that funds my ability to overwork myself :)

The Bugged Dev

96,313 Aufrufe • vor 9 Monaten

New brand for Relace. Americana adventure, but in the wild west of code. We reference old science books, 1960s trail maps, and created a loop mark that doubles as a lasso.
0:13

New brand for Relace. Americana adventure, but in the wild west of code. We reference old science books, 1960s trail maps, and created a loop mark that doubles as a lasso.

Nick Pattison

66,876 Aufrufe • vor 7 Monaten

💃AI Dance Motion Reference Sheet Turn a single image into a complete dance sequence with AI. Prompt in comments 👇
0:15

💃AI Dance Motion Reference Sheet Turn a single image into a complete dance sequence with AI. Prompt in comments 👇

AiVideoFree | AI Video Generator

117,734 Aufrufe • vor 3 Monaten

Nah no, this is not a pre-made or baked Blender model. It is created entirely from scratch using extruded geometry and procedural textures for the mustard hatching pattern on the model... all done with Google Gemini 3 pro AI. In fact, every Three.js 3D model you see on this website has been vibe coded with AI 😎 Live: Code:
0:13

Nah no, this is not a pre-made or baked Blender model. It is created entirely from scratch using extruded geometry and procedural textures for the mustard hatching pattern on the model... all done with Google Gemini 3 pro AI. In fact, every Three.js 3D model you see on this website has been vibe coded with AI 😎 Live: Code:

The Bugged Dev

54,391 Aufrufe • vor 9 Monaten

NVIDIA finally released Neuralangelo's source code! The model can turn videos from any device into detailed 3D structures, fully replicating buildings, sculptures, or other real aworld objects or spaces virtually. Here's how it works: A model utilizes a 2D video with multiple angles of an object or scene. I selects frames from different viewpoints to understand depth, size, and shape. The AI creates an initial 3D representation, similar to a sculptor shaping a subject. The render is optimized to enhance details, like a sculptor refining texture. The outcome is a 3D object or scene suitable for virtual reality, digital twins, or robotics.
0:13

NVIDIA finally released Neuralangelo's source code! The model can turn videos from any device into detailed 3D structures, fully replicating buildings, sculptures, or other real aworld objects or spaces virtually. Here's how it works: A model utilizes a 2D video with multiple angles of an object or scene. I selects frames from different viewpoints to understand depth, size, and shape. The AI creates an initial 3D representation, similar to a sculptor shaping a subject. The render is optimized to enhance details, like a sculptor refining texture. The outcome is a 3D object or scene suitable for virtual reality, digital twins, or robotics.

Lior Alexander

478,159 Aufrufe • vor 3 Jahren

3D Landing Page Template (Source Code - Free)! built with - Next.js - Tailwind CSS - Three.js - GSAP A lightweight, visually impactful 3D Demo + Source Code (Free) : 1st comment 👇
0:12

3D Landing Page Template (Source Code - Free)! built with - Next.js - Tailwind CSS - Three.js - GSAP A lightweight, visually impactful 3D Demo + Source Code (Free) : 1st comment 👇

Mohamed Djoudir

49,220 Aufrufe • vor 9 Monaten

Anime.js 4.5 is out and it's a fun one: Introducing the Three.js adapter 🎉 - Up to 50% less code for 3D animations - CSS transform-like API for 3D objects (rotate, skew…) - Simpler material color animations - Easy instanced mesh animations - Stagger 3D And so much more! ⬇︎
0:13

Anime.js 4.5 is out and it's a fun one: Introducing the Three.js adapter 🎉 - Up to 50% less code for 3D animations - CSS transform-like API for 3D objects (rotate, skew…) - Simpler material color animations - Easy instanced mesh animations - Stagger 3D And so much more! ⬇︎

Julian Garnier

269,529 Aufrufe • vor 4 Monaten

My portfolio is now open source I’ve released the source code behind my portfolio redesign 👀 → → Built with Three.js GSAP #lenis and a lot of love for smooth animations ✌️ #javascript #opensource #webdesign
0:17

My portfolio is now open source I’ve released the source code behind my portfolio redesign 👀 → → Built with Three.js GSAP #lenis and a lot of love for smooth animations ✌️ #javascript #opensource #webdesign

David

67,467 Aufrufe • vor 5 Monaten

With everyone busily using LLMs + Blender/Three.js to make 3D models, I thought I'd try a different geometric representation. This dragon isn't a mesh, NeRF, 3DGS, or video model: it's 27kb of GLSL code (generated via LLM), defining a closed-form implicit surface. 🧵 [1/n]
0:12

With everyone busily using LLMs + Blender/Three.js to make 3D models, I thought I'd try a different geometric representation. This dragon isn't a mesh, NeRF, 3DGS, or video model: it's 27kb of GLSL code (generated via LLM), defining a closed-form implicit surface. 🧵 [1/n]

Keenan Crane

687,255 Aufrufe • vor 16 Tagen