BECOME MY PATRON 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
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 ;-)
Merci, c'était en effet un oubli. Corrigé!
(sauf dans le zip source, mais c'est ok)
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.
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!
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.
C'est vraiment bien fait. Bravo et merci du repartage.
Leave a reply