4 ms·

Mannequin.js: An Articulated Mannequin Figure Library

149 points by petercooper 6y ago

runawaybottle 6y ago
Woah, this looks like so much fun. The api looks intuitive too.
Inviz 6y ago
It is really unclear, why doesn't this use Skeleton system built into three.js, that supports playing animations, etc.
ctlachance 6y ago
"How will people know the mannequin is female?" "Put heels on it." "Brilliant."
- makeworld 6y ago
  The torso is also different.
  - alixander 6y ago
    And wider hips
- Raphmedia 6y ago
  Where is this from? Googling "How will people know the mannequin is female?" has only one result and it's this comment.
  - evan_ 6y ago
    ctlachance is supposing that this was a question that the creator(s) of the library asked themselves.
samradelie 6y ago
very neat, lots on control here. Cool use of parametric geometry that I haven't seen much of: https://github.com/boytchev/mannequin.js/blob/main/mannequin.js https://github.com/boytchev/mannequin.js/blob/main/mannequin...
tukinaf 6y ago
This reminds me of https://JustSketch.Me https://JustSketch.Me which is also built in three.js
bluejekyll 6y ago
This looks very cool. I’m curious though, given “The second one was implemented in C/C++ and OpenGL,” I wonder if wasm and webgl were tried as a port of that code?
glonq 6y ago
So using this in a web app that is controlled automatically in Chrome means that a Puppeteer operates your Mannequin?
Donckele 6y ago
Thats great - hope i can find time to play with it!
jcun4128 6y ago
Will say Three.js is amazing as far as simplicity compared to straight up WebGL. Also would hope they can do the reverse(move a 3D model and get coordinates of joints, etc). Then idk random thought about use is a store front/clothing pattern can go over the figures.
scanny 6y ago
Awesome work! Being able to setup poses and step through them (maybe even with Inverse Kinematics animating between poses) would be great, especially for things like martial arts technique learning or dance instruction. I was just thinking of something like this in the shower, awesome to see someone implement it so elegantly!
cheeaun 6y ago
Hmm, would be really cool to hook this up with Tensorflow Posenet https://github.com/tensorflow/tfjs-models/tree/master/posenet https://github.com/tensorflow/tfjs-models/tree/master/posene...
dlhavema 6y ago
Could you possibly use this as a basis to make xkcd/ "stick figure" like posable characters?

149 points by petercooper 6y ago

runawaybottle 6y ago

Woah, this looks like so much fun. The api looks intuitive too.

Inviz 6y ago

It is really unclear, why doesn't this use Skeleton system built into three.js, that supports playing animations, etc.

ctlachance 6y ago

"How will people know the mannequin is female?" "Put heels on it." "Brilliant."

makeworld 6y ago
The torso is also different.
- alixander 6y ago
  And wider hips
Raphmedia 6y ago
Where is this from? Googling "How will people know the mannequin is female?" has only one result and it's this comment.
- evan_ 6y ago
  ctlachance is supposing that this was a question that the creator(s) of the library asked themselves.

samradelie 6y ago

very neat, lots on control here. Cool use of parametric geometry that I haven't seen much of: https://github.com/boytchev/mannequin.js/blob/main/mannequin.js https://github.com/boytchev/mannequin.js/blob/main/mannequin...

tukinaf 6y ago

This reminds me of https://JustSketch.Me https://JustSketch.Me which is also built in three.js

bluejekyll 6y ago

This looks very cool. I’m curious though, given “The second one was implemented in C/C++ and OpenGL,” I wonder if wasm and webgl were tried as a port of that code?

glonq 6y ago

So using this in a web app that is controlled automatically in Chrome means that a Puppeteer operates your Mannequin?

Donckele 6y ago

Thats great - hope i can find time to play with it!

jcun4128 6y ago

Will say Three.js is amazing as far as simplicity compared to straight up WebGL. Also would hope they can do the reverse(move a 3D model and get coordinates of joints, etc). Then idk random thought about use is a store front/clothing pattern can go over the figures.

scanny 6y ago

Awesome work! Being able to setup poses and step through them (maybe even with Inverse Kinematics animating between poses) would be great, especially for things like martial arts technique learning or dance instruction. I was just thinking of something like this in the shower, awesome to see someone implement it so elegantly!

cheeaun 6y ago

Hmm, would be really cool to hook this up with Tensorflow Posenet https://github.com/tensorflow/tfjs-models/tree/master/posenet https://github.com/tensorflow/tfjs-models/tree/master/posene...

dlhavema 6y ago

Could you possibly use this as a basis to make xkcd/ "stick figure" like posable characters?