Bird Avatar Generator

Published on

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


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.)





Support: I'd love to have your support to continue to publish my work for free.
Become my Patron (... or check other options.)

License: CC-BY David Revoy, www.davidrevoy.com, .

Tags: #website #code #lab

6 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.

Leave a reply

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

CapchaCapcha

Enter image code