28. Crear avatares dinámicos desde cadenas de texto

Lo de hoy es una "tonterida". Realmente recuerdo mis tiempos en el blog de 5lineas cuando conseguir un icono de avatar de usuario era la moda gracias a gravatar.

Surgieron otros métodos entonces, algunos para crear monstruitos.

En fin, que además de avanzar un poco más en mis diatrivas con react-redux que volverán pronto a este diario, he creado este codepen.

Avatares con jidenticon

Usar jidenticon es tan fácil que resulta asombroso.

Tras cargar la librería JS llamas a un código como este:

<svg width="200" height="200" data-jdenticon-value="AquiMiValor"></svg>

Y ya tienes un emoticono geométrico que identifica al usuario.

Cadenas aleatorias

Intenté generar cadenas aleatorias largas con el método visto en el día 26, pero solo haciendo combinaciones un poco extrañas lo conseguí.

Así que nada mejor que tirar de stackoverflow para encontrar ayudas. Me inspiró uno que describía una cadena de caracteres para tirar de ella como si fuera un "ropero".

Vas llamando a la cadena y te quedas con el valor random que te interese. Algo así como vestirse con una ruleta de la fortuna que juega entre tus camisas y faldas.

char_list.charAt(Math.floor(Math.random() * char_list.length));

Nota: El primer día que nos hemos saltado el reto fue el festivo del 1 de Mayo. Seguramente más vendrán en las próximas semanas. Lo importante es no perder el foco ni el interés :)