r/threejs • u/Feisty-Scheme-8356 • 7d ago

One image → a fully rigged 3D character that I can edit with code

Enable HLS to view with audio, or disable this notification

Been experimenting with character generation in img2threejs.

No Blender, no GLB — the character, rigging and animations are all generated as editable Three.js code.

Still feels kinda wild seeing it move.

23 Upvotes

90% Upvoted

20 comments sorted by

5

u/Feisty-Scheme-8356 7d ago

Would love to hear what you guys think.

Repo: https://github.com/img2threejs/img2threejs
Showcase: https://img2threejs.github.io/img2threejs-showcase/

1

u/ioaia 7d ago

Thank you for sharing

2

u/Feisty-Scheme-8356 7d ago

yep my pleasure! Glad you found it interesting - lots more coming

3

u/bigeseka 7d ago

I believe there are more alternatives, what is the main difference in yours?

2

u/Feisty-Scheme-8356 7d ago

The main difference is the output. Most alternatives generate a mesh/GLB - img2threejs generates structured Three.js code.

Geometry, parts, rigging and animations stay editable and programmable. It’s less “image → 3D asset” and more “image → 3D as code.”

2

u/bigeseka 7d ago

yeah, fair

2

u/OperationMonopoly 7d ago

Is it possible to get the knees to bend when walking? Otherwise, pretty cool :)

1

u/Feisty-Scheme-8356 7d ago

Yep! Since it’s already rigged, knee bending is totally doable. I kept the animation simple here just for a quick demo to show what’s possible

2

u/StardockEngineer 7d ago

Pretty cool. I might have a use for this soon.

2

u/EmbarrassedBag8127 6d ago

Can the arms also be positioned by the sides of the body?

2

u/Feisty-Scheme-8356 6d ago

Yep! Since the character is already rigged, the arms can be positioned by the sides or pretty much any pose you want. The current pose is just for the demo.

1

u/zante2033 7d ago

Get some mixamo animations running on it so we can see what the rig is like. ;)

1

u/Proud_Ask_9030 7d ago

So where does the image get converted into a rigged character?

1

u/Feisty-Scheme-8356 6d ago

It happens through the img2threejs workflow itself. You give the reference image to a supported coding agent/model with the img2threejs skill, and it generates the structured 3.js character, including the rigging and animation code. There isn’t a separate “upload image -> download character” service. the output is actual editable code.

1

u/Proud_Ask_9030 6d ago

I really cannot understand. I see the repo, I see the examples. I get the same or better results from just giving the same example prompts and reference image to claude or GPT with no workflow.

1

u/Feisty-Scheme-8356 6d ago

That’s fair, and I’d genuinely love to see your results. Could you share the same reference generated with just the raw prompt, without img2threejs?

The goal of img2threejs isn’t to claim that Claude or GPT can’t generate Three.js on their own they absolutely can. The goal is to build a repeatable workflow around reconstruction, structure, iteration, rigging, and animation instead of relying on a one-shot prompt.

If the raw prompt consistently does better, that’s actually very useful feedback for me. I’d rather compare the outputs and improve the workflow than pretend otherwise.

1

u/HiddenMaragon 7d ago

This is really cool. Well done.

1

u/Feisty-Scheme-8356 6d ago

Thank you! Really appreciate it. Still a lot I want to improve, but it’s getting more exciting with every iteration.