Threejs Animator poser app

Creates your own threejs poses and animations. Enjoy.

female-skeleton-v4-â– â– â– â– -pose%20f1
female-skeleton-v4-â– â– â– â– -pose%20f2






!




1 Like

Did your forgot to share the link?

https://sloothes.com/animator

The images are links. Confused me for a few minutes too.

1 Like

Hello mrdoob.
The link is https://sloothes.com/animator
Click first or second photos and you will redirect to the app.
Check out and sloothes.com if you have time.
We thank you for your amazing work.
DC.

That’s right! Sorry about the confuse.
Thank you for your reply.
DC

Very intuitive and user-friendly :stuck_out_tongue:

I’m curious, what is the name of the pose in your screenshots? I feel like i’ve seen this somewhere before.

2 Likes

This is a nice way to say us that you are not a virgin :wink::+1:

1 Like

It’s called “Falling from a skyscraper in slow motion” :grin:

6 Likes

8 Likes

@Fyrestar This dabbing skeleton… this is the peak of 3D graphics. Never before have I seen something this beautiful. We can all go home now. Truly nothing better can ever be achieved :no_good_woman::gem: :hear_no_evil:

6 Likes

Thank you! :smiling_face_with_three_hearts:

You can upload any kind of old fachion three json file that contain a skeleton and skinned weights in geometry. I use for export blender 2.75 with threejs exporter. The app read the skeleton and create a drop list for this Skinned Mesh. Enjoy.

Small words how to use the app.

  1. At the right side panel adjust the duration of your animation.

  2. At the bottom of the window there is a timeliner slider.

  3. Move the slider to the time you want and add a keyframe.

  4. You add keyframes with the “Add key” button and delete a keyframe with the “Delete Key” button.

  5. When a slider is in a keyframe time, you can modify your pose.

  6. Only when a the slider is on a keyframe you can modify or delete a pose.

  7. Click on a keyframe to set the timeliner to current key.

  8. Adjust keyframe position by drag them to current time.

  9. When you are ready press “Play”.

  10. You can export the animation or any keyframe pose on the left side panel.
    Next time you visit the app you can re-import your saved poses or animation from the desktop.

Thats for start.

I would suggest you add those tips to your app, as a help menu maybe. Accepting GLTF files would definitely be a good idea, as not many people use the json exporter anymore, expecially with the release of Blender 2.80.
Also the app seems to be fighting me when i try to click or even inspect the bottom options of the right panel:

  • Hide Avatar
  • Show Bones
  • Rest Pose
  • Remove Keymarks

The sidebar hides when i try to hover over them :rage:

1 Like

Click the pin button on top left corner of each pane to pin the panel. Click again to unpin to close.

1 Like

Oh, thats nice!
However this still looks sorta messy
image

I see. I didn’t think about this. I have 1920x1080 screen.

I will fix it.

1 Like

I think is fixed now. Clean your cache and try again.

Thank you :heartpulse:

1 Like

Awesome. It also doesnt hide on hover anymore so i dont have to pin the menu :+1:

Enjoy!



Added gif recorder.

2 Likes