Bitshares Astro DEX UI Showcase - Avatars!

cm-steem (67)in #bitshares • last year (edited)

So I've been posting recently about the recent Bitshares Astro DEX UI developments which are well underway & already delivering overwhelmingly positive performance improvements over the existing DEX reference UI.

So to keep everyone in the loop regarding developments, i'll be creating regular UI showcase posts to keep everyone up to date!

So let's get to today's topic!

Avatars!

I really liked the old robohash avatars that BTSX originally used, I feel that the switch to the identicon pattern avatars lost BTS a bit of personality in the UI, so I set out looking for a modern alternative to the robohashes.

I ended up finding the Moodie Avatars library created by the Describble team, which provided semi random avatars based on a string input.

Since the Moodie code is MIT licensed, I scooped out the core functionality for the eyes, mouth and random background colour, and set about making the direction the avar looks based on the location of the mouse, instead of based on the string input.

I really like how the avatars look and act now, the following is always shown at the bottom of every page, acting as a reminder of which account you've selected and offering a shortcut to rapidly switching account in the UI.

When you select "Switch account/chain", you can select from previously used accounts, and for each of them their avatar is shown and each tracks your mouse position.