Bird Avatar Generator

Published on

Hey, I published a fun Bird Avatar Generator. Enter your name, and get a colorful bird!

> LINK TO THE BIRD AVATAR GENERATOR <

I wanted to try to wrap a new theme for my previous Cat Avatar project (2016) in a single day while testing Krita 4.2alpha. A mini challenge to myself done only for the fun and the curiosity to make it work. More infos for license/usage/sources on the footer of the bird avatar generator. Have fun with it!

(Note: thanks to Andreas Gohr's MonsterID code.)




Previous post Next post
License: CC BY
David Revoy, www.davidrevoy.com, .
Unless otherwise mentioned in the article.

Tags:  #website  #code  #lab  

Corrections and improvements are welcome:

Download article source  

25 comments

link raynal   - Reply

Le titre de la page est « Cat avatar generator »… (j'ai relevé parce que j'ai les deux d'ouverts du coup, chats et oiseaux ;-)

link David REVOY Author, - Reply

Merci, c'était en effet un oubli. Corrigé!
(sauf dans le zip source, mais c'est ok)

link gissehel   - Reply

Bonjour,

J'ai voulu voir comment était fait le source. « Ho ! Du PHP ! ». J'ai voulu voir si je pouvais le faire rapidement en pur javascript sans avoir besoin de serveur. Et je l'ai fait.

Generateur : https://gissehel.github.io/bird-generator-js/

Sources : https://github.com/gissehel/bird-generator-js

Il est possible a quiquonque de réutiliser à loisir ce code pour faire ce qu'il veut.

link David REVOY Author, - Reply

Bonjour!

Wow; c'est super chouette et ça réponds super vite et en même temps que la frappe dans le champs. Je regarderai comment c'est fait; merci!

link gissehel   - Reply

J'ai ajouté la mise à jour dès la frappe au clavier, parce que comme c'est fait coté client, c'est suffisement rapide pour être crédible.

J'ai aussi ajouté la mise à jour du hash (le # dans l'url) qui se met à jour en même temps que l'image. Si on envoi un lien avec un # dedans (exemple https://gissehel.github.io/bird-generator-js/#nom ), c'est ce "nom" là qui est pris pour l'image.

Pour les sources, il y a juste un avatar.js qui n'a besoin de rien d'autre, et une fonction avatarGenerator qui génère l'image a partir du nom. (Il faut bien sur avoir les images dans img en relatif par rapport à la page).

Il est enfin possible de l'utiliser sur des url type file:// en local sans serveur.

link David REVOY Author, - Reply

C'est vraiment bien fait. Bravo et merci du repartage.

link inkhey   - Reply

Bonjour,

J'ai moi aussi tenté ma petite version du générateur pour une librairie python.
https://framagit.org/inkhey/pioupiou

avec une vague démo ici:
https://pioupiou.inkey-art.net/

L'idée étant surtout d'avoir une brique logiciel pour facilement pouvoir réutiliser le concept avec différent jeu de données.

link David REVOY Author, - Reply

Oh! Sympa avec le selecteur de theme 'cat' ou 'bird'; jolie.

link cgi flythrough   - Reply

Thanks for sharing!

link Popolon   - Reply

Nice new generator, thanks David.

The results are not the same between PHP and JavaScript versions.

link David REVOY Author, - Reply

Hey Popolon!
Yes, I think this is due to the random number generator not being consistent.
(it was changed too in PHP7; all my catavatars changed when the server migrated)

link Garance   - Reply

Toujours très sympa merci beaucoup !

link Abner   - Reply

This is so cool. I have added it to my previous wordpress plugin: https://wordpress.org/plugins/cat-generator-avatars/

Now it supports cat, bird, and mix mode.
Thanks for the beautiful art! :)

link David REVOY Author, - Reply

That's very cool! Thank you for making an easy plugin for the users and for the donate link in the description of your plugin. That's really nice. I hope I'll have time for next one; maybe mini mastodons/elephants/mamoths graphic set. :P

link Tester   - Reply

Hello everybody.

link Tester   - Reply

Second try.

link David REVOY Author, - Reply

Hehe, I hope your tests gave you the avatar you expected :)

link bazooka07   - Reply

Bonjour David,

j'ai repris le code PHP de ton générateur. Il y a un nouveau paramètre pour l'Url theme. On peut choisir entre "cat" et "bird" ou liasser vide. Le même seed peut avoir un avatar cat ou un avatar bird.
Demo visible ici : https://kazimentou.fr/identicons/index.php
Le source est ici : https://framagit.org/bazooka07/cat-avatar-generator
Je vais l'utiliser pour un thème de PluXml.

link David REVOY Author, - Reply

Bonjour Bazooka! Merci pour faire evoluer le générateur de chat et pour avoir intégré le le choix avec l'oiseaux. Dès que j'ai un peu de budget temps pour bidouiller le site, je vais certainement le reprendre pour ici. Merci!

link bazooka07   - Reply

Voilà le thème :
http://kazimentou.free.fr/PluXml-5.8.2/index.php?article114/et-dis-donc-mon-neveu-comment-dors-tu-17
Si tu as d'autres bestioles en magasin, n'hésite pas.

link Bernhard M. Wiedemann1494   - Reply

David,

That generator and these themes are very cool.

Did you know, that it is very easy to construct collisions in the avatar-generator?
Took me 1 hour to write 40 lines of code that run 40 seconds to produce a collision with Carrot.
As a defense, there would need to be more cat variations and/or slower hashes. E.g. currently 200000 MD5 hashes take 0.2 seconds, but if the code used a hash function where 1 hash took 0.1 seconds, it would need hours to find a collision and if collisions were more rare it could be days or weeks. But maybe we should not really care.

link Bernhard M. Wiedemann106396   - Reply

and a 2nd try at a collision

link David REVOY Author, - Reply

Hi Bernhard,
Thank you for your kindness and your research about it. I have unfortunately far less skill than you probably think I have concerning this, and if I understand, this collision means something with security. I care a lot about this topic; if you can help do not hesitate to Fork and create a MR of https://framagit.org/Deevad/cat-avatar-generator ( maybe fork https://framagit.org/bazooka07/cat-avatar-generator ; a recent fork with more feature and the bird-avatar too ) or send by email or here in the comments methods on how I can make it more solid.
Thank you.

link Bernhard M. Wiedemann106396   - Reply

It is not that critical.
It just allows me to choose which avatar I get, by adding/changing some characters of my name. Worst case people could confuse who is writing something, if they only look at the avatar and do not read the name.
And a lot of things one could do to counter that, have downsides as well.

I sent some other MR, though.

link David REVOY Author, - Reply

I saw the MR! I added them for merging to my TODO, probably after the release of the next episode of Pepper&Carrot. Thank you.

Leave a reply

Comments will be moderated according the Citizens of Hereva Code of Conduct.

CapchaCapcha

Enter image code