8bit Avatar - This is fun and brilliant!

in #steemit8 years ago (edited)

I'm working on a project right now where I needed a quick and easy way to generate avatars.
I stumbled on this gravatar like service and wanted to share it with anyone who's thinking about how to go about avatar generation themselves.

It's called 8bit avatar and it makes for some fun graphics.

It works on the same principle as gravatar.
A string is used for input, it's hashed to md5, the md5 is then used as an input feed to a bit map which then has some rules based transforms applied.

For instance here's me...(I used to look like that in the 80's)

@ned

@dan

@stan

@smooth

@alechahn

It does girls too!

*For instance here's...
@stellabelle

@casandrarose

@beanz

@badassbarbie (in case she ever remembers how to login again)

To use this you create an img tag and use the src attribute of
http://eightbitavatar.herokuapp.com/?id=yourname&s=male/female
Make sure you don't use the @ sign in front of the name and please be sure to pick one of either male or female.
Also keep in mind that it's case sensitive, so if you're not satisfied with the way it comes out at first, feel free to play with it until you get something better.

For instance, this is how I look now days

<img src="http://eightbitavatar.herokuapp.com/?id=WilliamBanks&s=male&size=400">

There's also an npm package available and it works with browserify
https://www.npmjs.com/package/avatar-generator

Anyways, I thought I would bring it to your attention and I hope you enjoy it! Have fun!

Update: *I've opened an issue up on github to see if they'll add it as a feature to the site
In the meantime if you want to fake it...

You could just use inline styling for now!

# ![]("http://eightbitavatar.herokuapp.com/?id=WilliamBanks&s=male&size=100") You could just use inline styling for now! 

https://github.com/adam-p/markdown-here/wiki/Markdown-Cheatsheet#images

Sort:  

Wait, so this is randomly generated from our name, not based on how we actually look, right?

Right it's random. It's just that in some cases the algorithm gets lucky.

I see. I tried a lot of different things, but couldn't find one that fit me. Several humorous ones, though!

Interesting. Thanks for sharing!

You're very welcome @jrcornel

Yours is badass

That name is very fitting! Actually it's probably not... I referred to myself as a badass the other night and my GF laughed at me... that's probably not a good sign ha

Make sure to show her this and tell her that even a randomly generated algorithm knows you're a badass. Just look at that pic! I look like a chipmunk on acid, you look awesome!

Haha thanks. I will have to do that! What picture did you use to generate mine?

I just used this...

<img src="http://eightbitavatar.herokuapp.com/?id=jrcornel&s=male&size=400">

Also, check out my latest post on mathematics and card counting... it's something you might like :)

https://steemit.com/mathematics/@jrcornel/have-you-ever-wondered-how-to-make-math-work-for-you

You ever do anything like this in your younger days?

You're welcome!
Really glad you enjoyed it!

cool.. I dont look too friendly tho haha

chitty

Wow! That's impressive.

It's case sensitive

BRILLIANT!!! I'm so goofy I love it XD

I think when we get profile pictures on this thing that's gonna be mine! haha thank you @williambanks, always a pleasure!

You're welcome! Super glad you enjoyed it!

Woohoo I made it! Found my key:-) The avatar drew me in, fun! XO
Now it just needs a little more badass...


It's case sensitive!

<img src="http://eightbitavatar.herokuapp.com/?id=BADASSBARBIE&s=female&size=400">

LOL! Love that one <3 Badass hippie chick! Thanks! Now to figure out this platform...and uploading it.

You're welcome and I'm glad you liked it!

Fun. lolz How do I make this my AV here?

Could just use inline styling for now!

https://github.com/adam-p/markdown-here/wiki/Markdown-Cheatsheet#images

# ![]("http://eightbitavatar.herokuapp.com/?id=WilliamBanks&s=male&size=100") Could just use inline styling for now! 

https://github.com/adam-p/markdown-here/wiki/Markdown-Cheatsheet#images

HAHAHA Apparently I am a feminine version of "Floki" from the TV show Vikings!

Ahh man that's awesome!

There's also this one if you want to feel a little less umm wierd....

# ![]("http://eightbitavatar.herokuapp.com/?id=TYLER-FLETCHER&s=male&size=100")

Haha! I think I must embrace my... wierdness

For thos wondering what these Avatars would actually look like...

Full Resolution

Ahh man, that's just awesome! Eyes are perfect and everything!

Coin Marketplace

STEEM 0.30
TRX 0.12
JST 0.033
BTC 64344.02
ETH 3142.36
USDT 1.00
SBD 4.01