Electrónica / Pantallas
Editor de matrices LED (generador de arrays de bytes de 8×8 y 16×16)
Dibuja una imagen o carácter en una matriz de puntos LED de 8×8, 8×16 o 16×16 haciendo clic, y obtén el array de valores de las filas en hexadecimal o binario para pegarlo en Arduino u otro código de microcontrolador.
Editor de matrices LED (generador de arrays de bytes de 8×8 y 16×16): Cada fila de la matriz se convierte en un número, con el punto situado más a la izquierda en el bit de mayor peso: una fila encendida como .##..##. es 0x66. El array usa uint8_t para filas de 8 puntos y uint16_t para filas de 16. Al pegar un array existente en hexadecimal, binario o decimal, se vuelve a dibujar para que puedas modificarlo. Funciona al 100 % en tu navegador, sin subir archivos a ningún servidor.
- Se ejecuta
- En tu navegador
- Coste
- Gratis · sin registro
- Disponibilidad
- Lista para usar
Funciona por completo en tu navegador
Código
const uint8_t image[8] = {
0x00,
0x66,
0xFF,
0xFF,
0x7E,
0x3C,
0x18,
0x00
};Cargar desde el código
Haz clic o arrastra por los puntos para dibujar. Cada fila se convierte en un número, con el punto situado más a la izquierda en el bit de mayor peso, que es el orden que esperan la mayoría de las bibliotecas para matrices LED y MAX7219 al mostrar fila por fila; si tu matriz muestra la imagen reflejada o girada, invierte el orden en tu código o gira el dibujo.
Uso de la matriz
Con la biblioteca LedControl habitual para módulos MAX7219, un bucle como for (int row = 0; row < 8; row++) lc.setRow(0, row, image[row]); muestra la imagen.
Para mostrar caracteres en una pantalla LCD de texto, usa el generador de caracteres personalizados para LCD.
Diseño de imágenes pequeñas
En 8 × 8, los contornos sencillos se distinguen mejor: un corazón, una flecha, una sonrisa o un dígito en un cuadro de 5 × 7 con una columna de espacio. Mantén los trazos de un solo punto de ancho.
Para convertir una foto en pixel art de bloques, usa el convertidor de pixel art.
Cómo se usa
- Elige el tamaño de la matriz.
- Haz clic o arrastra sobre los puntos para dibujar; desplaza, invierte o borra según sea necesario.
- Copia el código o carga un array existente para editarlo.
Privacidad y límites
Todo se ejecuta en tu navegador.
Herramientas relacionadas
Preguntas frecuentes
¿Por qué mi imagen aparece reflejada?
Los módulos conectan sus filas y columnas de forma diferente. Invierte el orden de los bits o de las filas en tu código, o dibuja aquí la imagen reflejada.
¿Puedo crear fotogramas de animación?
Dibuja cada fotograma, copia su array y reprodúcelos uno tras otro en tu sketch.
¿Funciona con módulos MAX7219?
Sí: cada valor de fila se puede enviar a uno de los registros de dígitos del MAX7219, del 1 al 8.
Herramienta gratuita · se ejecuta en tu navegador · sin cuenta