
Con este tutorial vas a aprender hacer pixel art pero utilizando únicamente código Sass. Te enseñan a crear cuadros pequeños de distintos colores y a colocarlos en coordenadas precisas para dar la sensación de que la figura está hecha con puros pixeles.
¿Qué es el pixel art?
El pixel art pequeño se caracteriza por su baja resolución, generalmente entre 8×8 y 32×32 píxeles. A diferencia del pixel art detallado (como el de los juegos indie modernos), este estilo busca transmitir formas reconocibles con el menor número de bloques posible.
Ejemplos comunes:
Emoticones y emojis (como los clásicos smileys de 16×16).
Íconos para apps y juegos (botones, objetos, personajes).
Sprites retro (como los de juegos antiguos de Game Boy o NES).
Ventajas de usar pixel art pequeño
Es rápido de crear: No necesitas miles de píxeles para hacer un diseño atractivo.
Funciona en cualquier tamaño: Al ser simple, se adapta bien a pantallas pequeñas.
Tiene un estilo nostálgico: Evoca la estética de los videojuegos clásicos.


Aprender hacer pixel art con código Sass y HTML
Yo conocía el pixel art, ya publiqué en este blog muchos trabajos de ese tipo y hasta uno que otro tutorial para aprender hacer pixel art, pero en programas como Photoshop. Yo no había visto pixel art hechos con puros códigos.
Encontré un tutorial donde te explican y te enseñan hacer pixel art con Sass y algo de HTML. El tutorial está perfectamente explicado, supongo que los que sepan de códigos entenderán perfectamente cada paso del tutorial.
Al final del tutorial podrás hacer los personajes pixeleados del videojuego de Super Mario, también puedes copiar los códigos finales por si los quieres implementar en alguna página o por si los quieres editar y cambiar de tamaño, forma o color.
Acá dejo la dirección del tutorial para que vean todos los pasos o para que vean todos los códigos finales Sass pixel art.