참조 이미지를 품질에 맞춘 애니메이션 준비가 가능한 절차적 Three.js 객체로 변환하세요—전적으로 코드로 구축된 것.

img2obj는 객체 이미지를 분석하고, 구조를 계획하며, 절차적 Three.js 기하학을 생성하고, 결과를 원본 참조와 비교하는 데 도움을 주는 코덱스 플러그인입니다.

데모

타워 쉽

라이브 타워 쉽 데모를 열어 보세요

이 연구는 절차적 기하학, 관절 부품, 재료 작업, 그리고 상호작용 브라우저 제어를 보여줍니다.

고대 가을 나무

라이브 Ancient Autumn Tree 데모를 열어 보세요

이 연구는 절차적 곡선, 결정론적 분기, 층층이 쌓인 나무껍질, 빽빽한 잎사귀, 그리고 애니메이션에 적합한 계층 구조를 보여줍니다.

클리프사이드 랜턴 하우스 — 미공개 미리보기

[! 참고] 이 미공개 버전은 img2obj의 미리보기입니다. 향후 버전에서 업데이트될 예정입니다.

한눈에 보기

img2obj

Turn a reference image into a quality-gated, animation-ready procedural Three.js object—built entirely with code.

img2obj is a Codex plugin that helps analyze an object image, plan its structure, generate procedural Three.js geometry, and review the result against the original reference.

Demo

Tower Ship

Open the live Tower Ship demo

This study demonstrates procedural geometry, articulated parts, material work, and interactive browser controls.

Ancient Autumn Tree

Open the live Ancient Autumn Tree demo

This study demonstrates procedural curves, deterministic branching, layered bark, dense foliage, and an animation-ready hierarchy.

Cliffside Lantern House — Unreleased Preview

[!NOTE] This is a preview created with an unreleased version of img2obj. It will be updated in future versions.

At a Glance

img2obj does not convert pixels directly into a finished mesh. It guides Codex through a controlled reconstruction workflow so that the most recognizable parts of the reference are planned, built, compared, and refined deliberately.

How It Works

1. Validate the reference — check image quality, object visibility, complexity, and whether a cleaner source image is needed.
2. Plan the object — describe the component hierarchy, geometry, materials, pivots, sockets, and visual priorities in an ObjectSculptSpec.
3. Build in phases — progress through blockout → form → lookdev → interaction, keeping later details out of earlier passes.
4. Review and refine — compare browser renders with the active source image, fix the highest-impact differences, and require approval before advancing.

Core Capabilities

• Validates whether a reference is suitable for procedural 3D reconstruction.
• Breaks complex objects into assemblies, parts, visible details, and material systems.
• Generates procedural Three.js geometry instead of downloading meshes or art packs.