[Feature] Improve character customization menus in the Preferences screen

[kyle2143]

Well, a month ago or something I tried to mess with the character creator and it was a nightmare. I thought it would be more user friendly to use html dropdowns instead of a popup; hopefully this should make it less painless.



Video Demo: https://streamable.com/iojvq


Technical Notes:
- Each time a table has a value changed, it sends off a Topic call to byond with the choice selected so that it can generate the sprite. I'm not sure if this could be a problem because by scrolling through a ton fast you'd be sending a lot of calls.

- I have the javascript sleep for .5 seconds before it updates the image file. This is to give the Topic call and Byond enough time to update the sprite and send it back to to the byond browser cache.

https://github.com/goonstation/goonstation-2016/pull/90

EDIT: Stole debounce function to fix the numerous topic calls issue like wire suggested. Commit below:
https://github.com/goonstation/goonstati...36bc7b654b

[NateTheSquid]

looks very good, judging from the video. looks like i could scroll randomly through the hair options for dumb overlapping hair roulette. also, that image doesnt exist, the ezgif thing

[Spoodle]

This is some good stuff!

[Frank_Stein]

God, I wish we had more scroll wheel tech in play. Imagine being able to scroll through a right click menu on a pile of items, to toggle the the settings on a gun or tool, or to fast switch through the items in an open bag or toolbox

[warcrimes]

oh my god PLEASE

[qwertyquerty]

I would ratelimit topic requests (on the client side) if I were you.

[kyle2143]

I would ratelimit topic requests  (on the client side) if I were you.

It does do that. The video I showed I just left that out for that cool effect of super fast swapping between hairs.