HOME

PRODUCTOS

PROYECTOS

TUTORIALES

VIDEOS

FREEWARE

PROGRAMAS

FUNCIONES C

EMPRESA

ENGLISH

                   

Uso de librerías que permiten la escritura con distintos tipos de letra (fonts) y gráficos en el display SSD1306. NodeMCU ESP-12E.

 

 

Video demostrativo

 

 

 Kit con display: $340.00 pesos, con envío gratuito.

 

 

Figura 1: kit ESP-12E para escribir texto y gráficos en display OLED SSD1306

 

Figura 2: escritura de texto con font Free Serif Bold de 9 puntos

 

Figura 3: elaboración de gráficos en el display OLED

 

Figura 4: alambrado del circuito. La alimentación de 5v la proporciona el cable Micro USB a través del conector.

 

Descripción general del display OLED SDD1306:

Entre los nuevos dispositivos de bajo costo para mostrar texto y gráficos desde un sistema microcontrolador, se encuentra el llamado display OLED (Organic Light Emitting diode).

Estas pantallas son pequeñas, de solo 0.96" en diagonal, pero muy legibles debido al alto contraste. Está hecha de 128x64 píxeles OLED blancos individuales, cada uno se enciende o apaga mediante el chip controlador. Debido a que la pantalla proyecta su propia luz, no se requiere retroiluminación. Esto reduce la energía requerida para hacer funcionar el OLED y es por eso que tiene un contraste tan alto.

El circuito tiene una interfaz I2C. Puede alimentarse con 5v, y cuenta con un regulador integrado, un convertidor elevador de nivel incorporado y sus circuitos soportan la lógica de 3.3v.

Instrucciones para implementar el proyecto:

En este proyecto, mostraremos la manera de manejar el display por medio de un módulo ESP-12E, utilizando las librerías de código abierto disponibles para el IDE Arduino. Existen librerías tanto para la escritura de texto, con distintos fonts, así como para la elaboración de gráficos (Figura 3).

- Para la implementación de las siguientes pruebas, conecte los dispositivos como se muestra en figuras 2 y 4. Puede usar la base mostrada ó hacer el alambrado en un protoboard ó directamente en los dos módulos, con la fuente de alimentación de 5v proporcionada a través del cable Micro USB.

- Conecte el cable Micro USB al puerto USB de su computadora. Si lo requiere, siga el instructivo Manual básico de instalación en lenguaje Arduino para realizar la instalación completa del IDE Arduino y activar el puerto serial correspondiente.

- Tenga listas en una carpeta las siguientes librerías:

Adafruit_BusIO.zip
Adafruit_GFX_Library.zip
Adafruit_SSD1306.zip

- Programa 1: escritura básica en display OLED.

> Incluya en su carpeta del proyecto (Figura 5) las librerías listadas arriba y el siguiente archivo fuente: SSD1306-TEXTO.ino

> Recuerde que el nombre de la carpeta del proyecto debe ser el mismo que el nombre del archivo fuente, pues de otro modo el IDE Arduino marcará un mensaje de error.

> Dando un doble click sobre el archivo del programa fuente (SSD1306-TEXTO.ino), abra el programa en el IDE Arduino. Desde la opción "Archivo", "Preferencias", actualice la ventana "Localización de proyecto" con el path en donde están localizados los archivos en su carpeta del proyecto.

> En la opción "Programa", "Incluir Librería", "Añadir Biblioteca .zip", añada, una por una, las 3 librerías mostradas en la figura 5. El IDE crea automáticamente una nueva subcarpeta llamada "libraries" (ver figura 4) en donde se almacenan los archivos descomprimidos de cada una de las librerías conforme se van agregando.

> Con la opción "Programa", "Subir", compile y transfiera el programa ejecutable al módulo NodeMCU. El programa escribe el texto "Hola amigos" usando letra chica y con el font default, como se muestra en la figura 6.

 

Figura 5: carpeta de proyecto.

 

Figura 6. escritura básica de letrero en display, con gran nitidez y alto contraste.

 

- Programa 2: escritura usando un font de librería, en este caso Free Serif Bold de 9 puntos.

Repita las instrucciones señaladas en el Programa 1. Ahora incluya en la carpeta del proyecto el siguiente archivo fuente. El programa escribe el texto mostrado en la figura 1, usando el font Free Serif Bold de 9 puntos.

SSD1306-TEST-FONTS.ino

 

- Ejercicio: cambio de fonts en el texto mostrado en el display OLED

Hay disponibles una gran cantidad de tipos de letra ó fonts, cuya lista se puede observar (Figura 7) en una de las carpetas del proyecto ubicada en el link:

\SSD1306-TEST-FONTS\libraries\Adafruit_GFX_Library\Fonts

Para hacer el cambio de font, utilice el mismo programa fuente que en el programa 2, y modifique las líneas 9 y 26, según el font elegido (Figura 8).

Para elegir las coordenadas en donde desea que aparezca el texto en el display, debe modificar también las líneas 30, 32 y 34 (Figura 8).

 

Figura 7: tipos de letra disponibles para escribir texto en el display OLED.

 

Figura 8: el cambio de font se hace en las líneas 9 y 26 del programa. Puede elegir cualquiera de los fonts listados en la carpeta de la figura 7. Para cambiar las coordenadas en donde se desea escribir cada línea de texto en el display, se deben modificar las líneas 30, 32 y 34.

 

 

Información adicional:

Manual básico de instalación en lenguaje Arduino

DISPLAY-OLED-SSD1306.pdf

Proyecto escribir texto en el SSD1306 desde NodeMCU

Módulo NodeMCU ESP-12E

MANUAL-BASICO-NODEMCU-ESP-12E-MICROPYTHON.pdf

 

Regresar a los productos