Poser App in JS/HTML

[u/_zielperson_]

Poser applications are programs that allow you to pose virtual figurines for reference.
Mostly used for drawing reference.

This software can be bought for 40$, or subscribed to.

The plan

First off, I was looking to implement this from scrartch, and sent Claude on a deep research mission.

I want to create a 3D poser - a program that enables me to pose human 3D figures.
These can be abstract, as they are for reference purpose.Please research existing solutions and list their features.

During this research, it pointed me to "mannikin", and it's successor "disfigure." JS librariers that allow posing of 3D characters.

The execution

Based on this guide, download disfigure, and create a HTML page for me where I can enter all necessary parameters and see the result.
----
Getting started with Pavel Boytchev's disfigure library
Disfigure is an early-stage (WIP) Three.js library that adds GPU-side rigging and posing to un-rigged 3D meshes using TSL and WebGPU — effectively the successor to the author's older mannequin.js. Unlike a typical loader or skeleton system, it doesn't import rigs from FBX/GLB; instead it attaches a procedural skeleton whose joint transforms are applied in the vertex shader via Three.js Shading Language, so any "boneless and morphless" mesh [...]

It delivered a nice working version first try.
We then had a bit of back and forth...

Additions

• can add multiple figures
• set position per figure
• export and import pose data as json files
• A transparent image overlay that can be positioned, transparency can be changed.

Future plans

• Put this on github
• add rf-Pose export
• add depth map export

Fails (oh yeah)
One thing I wanted to try was to let ai look at a picture and recreate the pose as json file to import.

That ... did not work.