mannequin.js icon indicating copy to clipboard operation
mannequin.js copied to clipboard

demo editor icons

Open lypwig opened this issue 3 years ago • 1 comments

I made some icons for the demo editor:

image image

demo

Behavior:

  • the three first icons on the first colon are radio buttons replacements for bend, tilt and turn, respectively;
  • the fourth icon is a checkbox that toggles the Move mode, which transforms the first three buttons by move x, move y and move z, respectively (second colon), then:
    • when the pelvis is selected, it acts as a replacement for move, but on three axes instead one;
    • when an other part is selected, it acts like inverse kinematics (edit: I didn't manage to do it correctly, I deactivated this for now);
  • the two last icons are buttons and are replacements for get posture and set posture (edit: I hidden those by default on the demo (because the sharing system is now based on url-rewriting), but it can be activated again by pressing d).

If you are interested to include this on mannequin.js, let me know, I can make a PR. I made them myself, so let's say it's licensed under cc0.

I personally don't use biological constraint, so I didn't make icon for this, but I can try to do if you are interested.

Edit : added the demo.

lypwig avatar Jun 13 '22 22:06 lypwig

Thanks for your proposal. For the time being I'm not looking into replacing the UI of the editor, although buttons with icons might be more appreciated by some users. I will not close this issue now, as I might decide to use icons in the future.

boytchev avatar Jul 12 '22 14:07 boytchev