{"id":1940,"date":"2021-09-20T12:03:08","date_gmt":"2021-09-20T19:03:08","guid":{"rendered":"https:\/\/www.crystalfontz.com\/blog\/?p=1940"},"modified":"2022-04-14T15:27:31","modified_gmt":"2022-04-14T22:27:31","slug":"small-full-color-oled","status":"publish","type":"post","link":"https:\/\/www.crystalfontz.com\/blog\/small-full-color-oled\/","title":{"rendered":"Tiny OLED Full Color Slideshow"},"content":{"rendered":"\n<div class=\"wp-block-media-text alignwide has-media-on-the-right is-stacked-on-mobile\"><figure class=\"wp-block-media-text__media\"><img loading=\"lazy\" decoding=\"async\" width=\"526\" height=\"690\" src=\"https:\/\/www.crystalfontz.com\/blog\/wp-content\/uploads\/20210826_153000-e1632163941847.jpg\" alt=\"\" class=\"wp-image-1960 size-full\" srcset=\"https:\/\/www.crystalfontz.com\/blog\/wp-content\/uploads\/20210826_153000-e1632163941847.jpg 526w, https:\/\/www.crystalfontz.com\/blog\/wp-content\/uploads\/20210826_153000-e1632163941847-229x300.jpg 229w, https:\/\/www.crystalfontz.com\/blog\/wp-content\/uploads\/20210826_153000-e1632163941847-114x150.jpg 114w\" sizes=\"auto, (max-width: 526px) 100vw, 526px\"><\/figure><div class=\"wp-block-media-text__content\">\n<p>This guide will walk through how to get started with one of our <a href=\"https:\/\/www.crystalfontz.com\/product\/cfal9664bfb1-graphic-96x64-color-oled-module\">small full color OLED displays<\/a>. Then, we&rsquo;ll talk about a super quick and easy project to do with this display &ndash; a photo slideshow! <\/p>\n\n\n\n<p>The display we&rsquo;ll be using is a 0.96&Prime; full color <a href=\"https:\/\/www.crystalfontz.com\/blog\/glossary\/oled\/\" target=\"_self\" title=\"OLED stands for Organic Light Emitting Diode. OLEDs are used to make OLED Displays, which can either be PMOLED (Passive Matrix OLED) or AMOLED (Active Matrix OLED). Crystalfontz carries a full line of OLED modules. Detailed Definition What makes OLEDs useful for display construction is that they can be fabricated in bulk. For instance, to&hellip;\" class=\"encyclopedia\">OLED<\/a>. We have two versions of this display, both of which use the SSD1331 OLED controller. The instructions will work for both the <a href=\"https:\/\/www.crystalfontz.com\/product\/cfal9664bfb1e11-96x64-color-oled-with-carrier-board\">CFAL9664B1 <\/a>and <a href=\"https:\/\/www.crystalfontz.com\/product\/cfal9664bfb2e11-96x64-oled-with-carrier-board\">CFAL9664B2 OLED displays with breakout board<\/a>. <\/p>\n\n\n\n<p>These displays are extremely similar &ndash; the only noticeable differences are the panel voltage requirement and slightly different initialization settings. With the breakout board, the panel voltage is taken care of for you! The board also transforms the more challenging solder down tail into a convenient 0.1&Prime; header compatible with jumper cables and breadboards.<\/p>\n<\/div><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">What You&rsquo;ll Need<\/h2>\n\n\n\n<p>While this display is available as a stand alone part, unless you have access to a hot bar soldering machine, or really like fine pitch soldering, we recommend buying the display and breakout board together. If you&rsquo;re new to electronics, the complete <a href=\"https:\/\/www.crystalfontz.com\/product\/cfal9664bfb2e12\">Full Color OLED Seeeduino Development Kit<\/a> will have just about everything you need.<\/p>\n\n\n\n<p>For the first part of the tutorial &ndash; Getting Started with the Full Color OLED you&rsquo;ll need:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>the display and breakout board<\/li><li>an Arduino compatible 3.3v logic microcontroller (<a href=\"https:\/\/www.crystalfontz.com\/product\/cfapn15062-seeeduino-arduino-clone-microprocessor\">Seeeduino<\/a>)<\/li><li>a <a href=\"https:\/\/www.crystalfontz.com\/product\/wrusby27-usb-to-micro-usb-cable\">USB cable<\/a><\/li><li>the <a href=\"https:\/\/www.arduino.cc\/en\/software\">Arduino IDE<\/a> (or other IDE for modifying and loading the code)<\/li><li>the <a href=\"https:\/\/github.com\/crystalfontz\/CFAL9664BF-B1-B2\">demo code<\/a><\/li><li>and <a href=\"https:\/\/www.crystalfontz.com\/product\/wrjmpy40-pcb-jumper-wires\">jumper wires<\/a>.<\/li><\/ul>\n\n\n\n<p>For the second part of the tutorial &ndash; Full Color OLED Slideshow, you&rsquo;ll also need:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>an <a href=\"https:\/\/www.crystalfontz.com\/product\/cfapn01879-usd-card-4-gb\">SD card<\/a> <\/li><li>an <a href=\"https:\/\/www.crystalfontz.com\/product\/cfa10112-sd-card-reader\">SD card breakout board<\/a><\/li><li>MS Paint (or other program that can save images as 24-bit BMP)<\/li><li>and the images you want to display<\/li><\/ul>\n\n\n\n<div class=\"wp-block-media-text alignwide has-media-on-the-right is-stacked-on-mobile\"><figure class=\"wp-block-media-text__media\"><img loading=\"lazy\" decoding=\"async\" width=\"598\" height=\"800\" src=\"https:\/\/www.crystalfontz.com\/blog\/wp-content\/uploads\/20210830_132210.jpg\" alt=\"\" class=\"wp-image-1962 size-full\" srcset=\"https:\/\/www.crystalfontz.com\/blog\/wp-content\/uploads\/20210830_132210.jpg 598w, https:\/\/www.crystalfontz.com\/blog\/wp-content\/uploads\/20210830_132210-224x300.jpg 224w, https:\/\/www.crystalfontz.com\/blog\/wp-content\/uploads\/20210830_132210-112x150.jpg 112w\" sizes=\"auto, (max-width: 598px) 100vw, 598px\"><\/figure><div class=\"wp-block-media-text__content\">\n<h2 class=\"wp-block-heading\">Part 1: Getting Started with the Full Color OLED<\/h2>\n\n\n\n<p>First, we&rsquo;ll just get the OLED wired up and running the standard demonstration code.<\/p>\n\n\n\n<p>The <a href=\"https:\/\/github.com\/crystalfontz\/CFAL9664BF-B1-B2\">demo code can be found on Github<\/a>. Download the code, and scroll down to where the demonstrations are turned on and off. Select which ever demos you&rsquo;d like to run, but for now leave bmpdemo set to 0.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>\/\/============================================================================\n\/\/ Main Loop\n\/\/\n\/\/ Set\/Clear the defines to run a particular demo\n\/\/ SD must be connected in order for BmpDemo to work\n\/\/============================================================================\n#define gammagradientdemo 1  \n#define colorbarsdemo     0\n#define tractordemo       0\n#define filldemo          1\n#define cheesylinesdemo   1\n#define checkerdemo       1\n#define circledemo        1\n#define bmpdemo           0\n#define waittime          1000<\/code><\/pre>\n\n\n\n<p>Then upload the code to your seeeduino. We upload the code before connecting the display to the controller to make sure the code on the seeeduino does not cause damage to the display.<\/p>\n\n\n\n<p>Also, if you&rsquo;re using a switchable seeeduino, make sure the voltage is set to<a href=\"https:\/\/www.crystalfontz.com\/blog\/on-the-level-arduino-and-displays\/\"> 3.3v rather than 5v to avoid damaging the display.<\/a><\/p>\n<\/div><\/div>\n\n\n\n<p>The breakout board makes this quite simple by breaking the tail out to eight labeled 0.1&Prime; header pins. Use the table below or the picture above to make your connections. Make sure you have disconnected the power from the seeeduino before wiring the display.<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table><tbody><tr><td><strong>Breakout<\/strong> <strong>Board<\/strong><\/td><td><strong>Color<\/strong><\/td><td><strong>Seeeduino<\/strong><\/td><\/tr><tr><td>GND<\/td><td>Black<\/td><td>GND<\/td><\/tr><tr><td>EN_VP<\/td><td>Blue<\/td><td>D7<\/td><\/tr><tr><td>CS<\/td><td>Grey<\/td><td>D9<\/td><\/tr><tr><td>RST<\/td><td>Purple<\/td><td>D6<\/td><\/tr><tr><td>D\/C<\/td><td>Yellow<\/td><td>D8<\/td><\/tr><tr><td>SCK<\/td><td>White<\/td><td>D13<\/td><\/tr><tr><td>MOSI<\/td><td>Green<\/td><td>D11<\/td><\/tr><tr><td>+3.3v<\/td><td>Red<\/td><td>3.3v<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p>With the wiring done and the demo code loaded, all that remains is to apply power. The display should begin to loop through a series of demonstrations.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Part 2: Full Color OLED Slideshow<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">Prepare Slideshow Images<\/h3>\n\n\n\n<div class=\"wp-block-media-text alignwide has-media-on-the-right is-stacked-on-mobile\"><figure class=\"wp-block-media-text__media\"><img loading=\"lazy\" decoding=\"async\" width=\"747\" height=\"718\" src=\"https:\/\/www.crystalfontz.com\/blog\/wp-content\/uploads\/1-unedited-image-in-paint-1.jpg\" alt=\"\" class=\"wp-image-1968 size-full\" srcset=\"https:\/\/www.crystalfontz.com\/blog\/wp-content\/uploads\/1-unedited-image-in-paint-1.jpg 747w, https:\/\/www.crystalfontz.com\/blog\/wp-content\/uploads\/1-unedited-image-in-paint-1-300x288.jpg 300w, https:\/\/www.crystalfontz.com\/blog\/wp-content\/uploads\/1-unedited-image-in-paint-1-120x115.jpg 120w\" sizes=\"auto, (max-width: 747px) 100vw, 747px\"><\/figure><div class=\"wp-block-media-text__content\">\n<p>An important thing to remember in selecting photos for your slideshow is that this display is only 96&times;64 pixels. That means there&rsquo;s a limited amount of information that we&rsquo;ll be able to display.<\/p>\n\n\n\n<p>Unedited, this picture of my dog is ~3000&times;4000 pixels. Obviously, this is much too large to be displayed on our OLED.<\/p>\n\n\n\n<p><\/p>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-media-text alignwide has-media-on-the-right is-stacked-on-mobile\"><figure class=\"wp-block-media-text__media\"><img loading=\"lazy\" decoding=\"async\" width=\"608\" height=\"621\" src=\"https:\/\/www.crystalfontz.com\/blog\/wp-content\/uploads\/2-resize-image.png\" alt=\"\" class=\"wp-image-1970 size-full\" srcset=\"https:\/\/www.crystalfontz.com\/blog\/wp-content\/uploads\/2-resize-image.png 608w, https:\/\/www.crystalfontz.com\/blog\/wp-content\/uploads\/2-resize-image-294x300.png 294w, https:\/\/www.crystalfontz.com\/blog\/wp-content\/uploads\/2-resize-image-120x123.png 120w\" sizes=\"auto, (max-width: 608px) 100vw, 608px\"><\/figure><div class=\"wp-block-media-text__content\">\n<p>That means the first step is to crop the photo to an appropriate shape and then reduce the size. Obviously, you can do this with whatever program you want, but MS Paint works.<\/p>\n\n\n\n<p>When selecting your photos, remember the low pixel density. What you&rsquo;ll end up with is something more akin to pixel art than the high definition photos we&rsquo;re used to, but certainly still recognizable. <\/p>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"800\" src=\"https:\/\/www.crystalfontz.com\/blog\/wp-content\/uploads\/00100dPORTRAIT_00100_BURST20181210105804023_COVER-01-1.jpeg\" alt=\"\" class=\"wp-image-1976\" srcset=\"https:\/\/www.crystalfontz.com\/blog\/wp-content\/uploads\/00100dPORTRAIT_00100_BURST20181210105804023_COVER-01-1.jpeg 600w, https:\/\/www.crystalfontz.com\/blog\/wp-content\/uploads\/00100dPORTRAIT_00100_BURST20181210105804023_COVER-01-1-225x300.jpeg 225w, https:\/\/www.crystalfontz.com\/blog\/wp-content\/uploads\/00100dPORTRAIT_00100_BURST20181210105804023_COVER-01-1-113x150.jpeg 113w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\"><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.crystalfontz.com\/blog\/wp-content\/uploads\/mooch-4.bmp\" alt=\"\" class=\"wp-image-1977\" width=\"430\" height=\"287\"><\/figure>\n<\/div>\n<\/div>\n\n\n\n<p>Save your photo as a 24-bit BMP. This is the default BMP size in Paint, but if you use a different program it may default to a different color depth. The final image should be 18,486 bytes. <a href=\"https:\/\/cdn.hackaday.io\/files\/274271173436768\/Simplified%20Windows%20BMP%20Bitmap%20File%20Format%20Specification.htm\">A BMP header is 54 bytes<\/a>, plus 3 bytes per pixel (24-bit color means 3 bytes of color data per pixel, one each for red, green, and blue). <\/p>\n\n\n\n<p>54(header)+3(colors)x96x64(pixels) = 18,486<\/p>\n\n\n\n<p>Save the image to a uSD card and repeat for as many images as you&rsquo;d like.<\/p>\n\n\n\n<div class=\"wp-block-media-text alignwide has-media-on-the-right is-stacked-on-mobile\"><figure class=\"wp-block-media-text__media\"><img loading=\"lazy\" decoding=\"async\" width=\"662\" height=\"481\" src=\"https:\/\/www.crystalfontz.com\/blog\/wp-content\/uploads\/20210913_164140-e1631657207676.jpg\" alt=\"\" class=\"wp-image-1979 size-full\" srcset=\"https:\/\/www.crystalfontz.com\/blog\/wp-content\/uploads\/20210913_164140-e1631657207676.jpg 662w, https:\/\/www.crystalfontz.com\/blog\/wp-content\/uploads\/20210913_164140-e1631657207676-300x218.jpg 300w, https:\/\/www.crystalfontz.com\/blog\/wp-content\/uploads\/20210913_164140-e1631657207676-120x87.jpg 120w\" sizes=\"auto, (max-width: 662px) 100vw, 662px\"><\/figure><div class=\"wp-block-media-text__content\">\n<h3 class=\"wp-block-heading\">Connect uSD Card Reader<\/h3>\n\n\n\n<p>Connecting the <a href=\"https:\/\/www.crystalfontz.com\/product\/cfa10112-sd-card-reader\">uSD card breakout board<\/a> is nice and easy. The code assigns it its own chip select pin (pin 10), and other than that, it uses the same connections as the display.<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table><tbody><tr><td><strong>uSD Breakout Board<\/strong><\/td><td><strong>Color<\/strong><\/td><td><strong>Seeeduino<\/strong><\/td><\/tr><tr><td>Power<\/td><td>Red<\/td><td>3.3v<\/td><\/tr><tr><td>GND<\/td><td>Black<\/td><td>GND<\/td><\/tr><tr><td> SCK <\/td><td> White <\/td><td> D13 <\/td><\/tr><tr><td>CS<\/td><td>Yellow<\/td><td>D10<\/td><\/tr><tr><td>MISO<\/td><td>Blue<\/td><td>D12<\/td><\/tr><tr><td>MOSI<\/td><td>Green<\/td><td>D11<\/td><\/tr><\/tbody><\/table><\/figure>\n<\/div><\/div>\n\n\n\n<p>The provided demo code includes a show BMP routine. For our photo slideshow, only this option should be selected. Going back to the defines, we&rsquo;ll set it up to only do the BMP routine:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>\/\/============================================================================\n\/\/ Main Loop\n\/\/\n\/\/ Set\/Clear the defines to run a particular demo\n\/\/ SD must be connected in order for BmpDemo to work\n\/\/============================================================================\n#define gammagradientdemo 0\n#define colorbarsdemo     0\n#define tractordemo       0\n#define filldemo          0\n#define cheesylinesdemo   0\n#define checkerdemo       0\n#define circledemo        0\n#define bmpdemo           1\n#define waittime          1000<\/code><\/pre>\n\n\n\n<p>For your final implementation, you can slim the code down by quite a bit, only reserving the routines needed to initialize the display and show the BMPs. Also, a case or box would be nice, but we&rsquo;ll leave the style to you!<\/p>\n\n\n\n<figure class=\"wp-block-video\"><video height=\"1080\" style=\"aspect-ratio: 1920 \/ 1080;\" width=\"1920\" controls src=\"https:\/\/www.crystalfontz.com\/blog\/wp-content\/uploads\/20210913_164301.mp4\"><\/video><\/figure>\n\n\n\n<p>Want to see another cool project? Check out these <a href=\"https:\/\/www.crystalfontz.com\/blog\/transparent-oled-glasses\/\">Transparent OLED glasses<\/a>.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Contact Us<\/h3>\n\n\n\n<p class=\"has-black-color has-text-color\">If you have any questions, we can be reached at support@crystalfontz.com, we also provide <a href=\"https:\/\/www.crystalfontz.com\/contact.php\" target=\"_blank\" rel=\"noreferrer noopener\" aria-label=\" (opens in a new tab)\">chat and telephone support<\/a> Monday through Friday during our open hours.<\/p>\n\n\n\n<p class=\"has-black-color has-text-color\">We love to hear about your projects! Find us around the web (<a href=\"https:\/\/www.youtube.com\/user\/CrystalfontzAmerica\/?mc_cid=364fa8437c&amp;mc_eid=%5BUNIQID%5D\" target=\"_blank\" rel=\"noreferrer noopener\">YouTube<\/a>,&nbsp;<a href=\"https:\/\/www.facebook.com\/CrystalfontzAmericaInc\/?mc_cid=364fa8437c&amp;mc_eid=%5BUNIQID%5D\" target=\"_blank\" rel=\"noreferrer noopener\">Facebook<\/a>,&nbsp;<a href=\"https:\/\/www.instagram.com\/crystalfontz\/?mc_cid=364fa8437c&amp;mc_eid=%5BUNIQID%5D\" target=\"_blank\" rel=\"noreferrer noopener\">Instagram<\/a>,&nbsp;<a href=\"https:\/\/www.linkedin.com\/company\/crystalfontz-america-inc\/?mc_cid=364fa8437c&amp;mc_eid=%5BUNIQID%5D\" target=\"_blank\" rel=\"noreferrer noopener\">LinkedIn<\/a>, &nbsp;<a href=\"https:\/\/twitter.com\/Crystalfontz?mc_cid=364fa8437c&amp;mc_eid=%5BUNIQID%5D\" target=\"_blank\" rel=\"noreferrer noopener\">Twitter<\/a>, <a href=\"https:\/\/forum.crystalfontz.com\" target=\"_blank\" rel=\"noreferrer noopener\">Forum<\/a>) and let us know what you&rsquo;re working on.<\/p>\n\n\n\n<!-- Begin Mailchimp Signup Form -->\n<link href=\"\/\/cdn-images.mailchimp.com\/embedcode\/horizontal-slim-10_7.css\" rel=\"stylesheet\" type=\"text\/css\">\n<style type=\"text\/css\">\n\t#mc_embed_signup{background:#fff; clear:left; font:14px Helvetica,Arial,sans-serif; width:100%;}\n<\/style>\n<div id=\"mc_embed_signup\">\n<form action=\"https:\/\/crystalfontz.us17.list-manage.com\/subscribe\/post?u=8a880dec17face7992ae6ef10&amp;id=7268847031\" method=\"post\" id=\"mc-embedded-subscribe-form\" name=\"mc-embedded-subscribe-form\" class=\"validate\" target=\"_blank\" novalidate=\"\">\n    <div id=\"mc_embed_signup_scroll\">\n\t<label for=\"mce-EMAIL\">Subscribe to our Newsletter<\/label>\n\t<input type=\"email\" value=\"\" name=\"EMAIL\" class=\"email\" id=\"mce-EMAIL\" placeholder=\"email address\" required=\"\">\n    <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->\n    <div style=\"position: absolute; left: -5000px;\" aria-hidden=\"true\"><input type=\"text\" name=\"b_8a880dec17face7992ae6ef10_7268847031\" tabindex=\"-1\" value=\"\"><\/div>\n    <div class=\"clear\"><input type=\"submit\" value=\"Subscribe\" name=\"subscribe\" id=\"mc-embedded-subscribe\" class=\"button\"><\/div>\n    <\/div>\n<\/form>\n<\/div>\n\n<!--End mc_embed_signup-->\n","protected":false},"excerpt":{"rendered":"<p>This guide will walk through how to get started with one of our small full color OLED displays. Then, we&#8217;ll talk about a super quick and easy project to do with this display &#8211; a photo slideshow! The display we&#8217;ll be using is a 0.96&#8243; full color OLED. We have two versions of this display, [&hellip;]<\/p>\n","protected":false},"author":7,"featured_media":1956,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"categories":[6,4,31,9],"tags":[],"class_list":["post-1940","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-arduino","category-frequently-asked-questions","category-oled","category-tutorial"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.3 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Tiny OLED Full Color Slideshow<\/title>\n<meta name=\"description\" content=\"Tiny OLED Full Color Slideshow : This guide will walk through how to get started with one of our small full color OLED displays. Then, we&#039;ll talk about a super quick and easy project to\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.crystalfontz.com\/blog\/small-full-color-oled\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Tiny OLED Full Color Slideshow\" \/>\n<meta property=\"og:description\" content=\"Tiny OLED Full Color Slideshow : This guide will walk through how to get started with one of our small full color OLED displays. Then, we&#039;ll talk about a super quick and easy project to\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.crystalfontz.com\/blog\/small-full-color-oled\/\" \/>\n<meta property=\"og:site_name\" content=\"Crystalfontz LCD Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/pages\/Crystalfontz-America-Inc\" \/>\n<meta property=\"article:published_time\" content=\"2021-09-20T19:03:08+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-04-14T22:27:31+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.crystalfontz.com\/blog\/wp-content\/uploads\/IMG_5760-e1632167243394.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"200\" \/>\n\t<meta property=\"og:image:height\" content=\"199\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Kelsey\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@crystalfontz\" \/>\n<meta name=\"twitter:site\" content=\"@crystalfontz\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Kelsey\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"6 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.crystalfontz.com\\\/blog\\\/small-full-color-oled\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.crystalfontz.com\\\/blog\\\/small-full-color-oled\\\/\"},\"author\":{\"name\":\"Kelsey\",\"@id\":\"https:\\\/\\\/www.crystalfontz.com\\\/blog\\\/#\\\/schema\\\/person\\\/f772b1f8283f774bb64db68d76c95016\"},\"headline\":\"Tiny OLED Full Color Slideshow\",\"datePublished\":\"2021-09-20T19:03:08+00:00\",\"dateModified\":\"2022-04-14T22:27:31+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.crystalfontz.com\\\/blog\\\/small-full-color-oled\\\/\"},\"wordCount\":860,\"publisher\":{\"@id\":\"https:\\\/\\\/www.crystalfontz.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.crystalfontz.com\\\/blog\\\/small-full-color-oled\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.crystalfontz.com\\\/blog\\\/wp-content\\\/uploads\\\/IMG_5760-e1632167243394.jpg\",\"articleSection\":[\"Arduino Projects\",\"Frequently Asked Questions\",\"OLED Projects and Solutions\",\"Tutorial\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.crystalfontz.com\\\/blog\\\/small-full-color-oled\\\/\",\"url\":\"https:\\\/\\\/www.crystalfontz.com\\\/blog\\\/small-full-color-oled\\\/\",\"name\":\"Tiny OLED Full Color Slideshow\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.crystalfontz.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.crystalfontz.com\\\/blog\\\/small-full-color-oled\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.crystalfontz.com\\\/blog\\\/small-full-color-oled\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.crystalfontz.com\\\/blog\\\/wp-content\\\/uploads\\\/IMG_5760-e1632167243394.jpg\",\"datePublished\":\"2021-09-20T19:03:08+00:00\",\"dateModified\":\"2022-04-14T22:27:31+00:00\",\"description\":\"Tiny OLED Full Color Slideshow : This guide will walk through how to get started with one of our small full color OLED displays. Then, we'll talk about a super quick and easy project to\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.crystalfontz.com\\\/blog\\\/small-full-color-oled\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.crystalfontz.com\\\/blog\\\/small-full-color-oled\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.crystalfontz.com\\\/blog\\\/small-full-color-oled\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.crystalfontz.com\\\/blog\\\/wp-content\\\/uploads\\\/IMG_5760-e1632167243394.jpg\",\"contentUrl\":\"https:\\\/\\\/www.crystalfontz.com\\\/blog\\\/wp-content\\\/uploads\\\/IMG_5760-e1632167243394.jpg\",\"width\":200,\"height\":199},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.crystalfontz.com\\\/blog\\\/small-full-color-oled\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.crystalfontz.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Tiny OLED Full Color Slideshow\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.crystalfontz.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.crystalfontz.com\\\/blog\\\/\",\"name\":\"Crystalfontz LCD Blog\",\"description\":\"We have a display for that!\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.crystalfontz.com\\\/blog\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.crystalfontz.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.crystalfontz.com\\\/blog\\\/#organization\",\"name\":\"Crystalfontz America Inc.\",\"url\":\"https:\\\/\\\/www.crystalfontz.com\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.crystalfontz.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.crystalfontz.com\\\/blog\\\/wp-content\\\/uploads\\\/CrystalfontzAmericaLogo-e1612976245961.jpg\",\"contentUrl\":\"https:\\\/\\\/www.crystalfontz.com\\\/blog\\\/wp-content\\\/uploads\\\/CrystalfontzAmericaLogo-e1612976245961.jpg\",\"width\":120,\"height\":120,\"caption\":\"Crystalfontz America Inc.\"},\"image\":{\"@id\":\"https:\\\/\\\/www.crystalfontz.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/pages\\\/Crystalfontz-America-Inc\",\"https:\\\/\\\/x.com\\\/crystalfontz\",\"https:\\\/\\\/www.instagram.com\\\/crystalfontz\\\/\",\"https:\\\/\\\/www.linkedin.com\\\/company\\\/crystalfontz-america-inc\\\/\",\"https:\\\/\\\/www.youtube.com\\\/user\\\/CrystalfontzAmerica\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.crystalfontz.com\\\/blog\\\/#\\\/schema\\\/person\\\/f772b1f8283f774bb64db68d76c95016\",\"name\":\"Kelsey\",\"description\":\"Kelsey is an engineer at Crystalfontz. She graduated from Gonzaga University with a BS in Electrical Engineering. Kelsey's roles at Crystalfontz include product design, custom parts, customer support, documentation, and product demonstrations. What our customers say about Kelsey: \\\"As a new user to the world of LCD electronics, Kelsey has been a Godsend in providing the hand-holding I needed to get my project up and running despite my own efforts at fouling things up! :-)\\\" - Owen M \\\"Kelsey got me through changing code for a new LCD in only two short emails.\\\" - Phillip V \\\"The agent that I talked with (Kelsey), is technically sound and she knows what she is doing. The support is what made my job easier to get started with the different display technologies. Thank you!\\\" - Vatsal S\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Tiny OLED Full Color Slideshow","description":"Tiny OLED Full Color Slideshow : This guide will walk through how to get started with one of our small full color OLED displays. Then, we'll talk about a super quick and easy project to","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.crystalfontz.com\/blog\/small-full-color-oled\/","og_locale":"en_US","og_type":"article","og_title":"Tiny OLED Full Color Slideshow","og_description":"Tiny OLED Full Color Slideshow : This guide will walk through how to get started with one of our small full color OLED displays. Then, we'll talk about a super quick and easy project to","og_url":"https:\/\/www.crystalfontz.com\/blog\/small-full-color-oled\/","og_site_name":"Crystalfontz LCD Blog","article_publisher":"https:\/\/www.facebook.com\/pages\/Crystalfontz-America-Inc","article_published_time":"2021-09-20T19:03:08+00:00","article_modified_time":"2022-04-14T22:27:31+00:00","og_image":[{"width":200,"height":199,"url":"https:\/\/www.crystalfontz.com\/blog\/wp-content\/uploads\/IMG_5760-e1632167243394.jpg","type":"image\/jpeg"}],"author":"Kelsey","twitter_card":"summary_large_image","twitter_creator":"@crystalfontz","twitter_site":"@crystalfontz","twitter_misc":{"Written by":"Kelsey","Est. reading time":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.crystalfontz.com\/blog\/small-full-color-oled\/#article","isPartOf":{"@id":"https:\/\/www.crystalfontz.com\/blog\/small-full-color-oled\/"},"author":{"name":"Kelsey","@id":"https:\/\/www.crystalfontz.com\/blog\/#\/schema\/person\/f772b1f8283f774bb64db68d76c95016"},"headline":"Tiny OLED Full Color Slideshow","datePublished":"2021-09-20T19:03:08+00:00","dateModified":"2022-04-14T22:27:31+00:00","mainEntityOfPage":{"@id":"https:\/\/www.crystalfontz.com\/blog\/small-full-color-oled\/"},"wordCount":860,"publisher":{"@id":"https:\/\/www.crystalfontz.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.crystalfontz.com\/blog\/small-full-color-oled\/#primaryimage"},"thumbnailUrl":"https:\/\/www.crystalfontz.com\/blog\/wp-content\/uploads\/IMG_5760-e1632167243394.jpg","articleSection":["Arduino Projects","Frequently Asked Questions","OLED Projects and Solutions","Tutorial"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.crystalfontz.com\/blog\/small-full-color-oled\/","url":"https:\/\/www.crystalfontz.com\/blog\/small-full-color-oled\/","name":"Tiny OLED Full Color Slideshow","isPartOf":{"@id":"https:\/\/www.crystalfontz.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.crystalfontz.com\/blog\/small-full-color-oled\/#primaryimage"},"image":{"@id":"https:\/\/www.crystalfontz.com\/blog\/small-full-color-oled\/#primaryimage"},"thumbnailUrl":"https:\/\/www.crystalfontz.com\/blog\/wp-content\/uploads\/IMG_5760-e1632167243394.jpg","datePublished":"2021-09-20T19:03:08+00:00","dateModified":"2022-04-14T22:27:31+00:00","description":"Tiny OLED Full Color Slideshow : This guide will walk through how to get started with one of our small full color OLED displays. Then, we'll talk about a super quick and easy project to","breadcrumb":{"@id":"https:\/\/www.crystalfontz.com\/blog\/small-full-color-oled\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.crystalfontz.com\/blog\/small-full-color-oled\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.crystalfontz.com\/blog\/small-full-color-oled\/#primaryimage","url":"https:\/\/www.crystalfontz.com\/blog\/wp-content\/uploads\/IMG_5760-e1632167243394.jpg","contentUrl":"https:\/\/www.crystalfontz.com\/blog\/wp-content\/uploads\/IMG_5760-e1632167243394.jpg","width":200,"height":199},{"@type":"BreadcrumbList","@id":"https:\/\/www.crystalfontz.com\/blog\/small-full-color-oled\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.crystalfontz.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Tiny OLED Full Color Slideshow"}]},{"@type":"WebSite","@id":"https:\/\/www.crystalfontz.com\/blog\/#website","url":"https:\/\/www.crystalfontz.com\/blog\/","name":"Crystalfontz LCD Blog","description":"We have a display for that!","publisher":{"@id":"https:\/\/www.crystalfontz.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.crystalfontz.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.crystalfontz.com\/blog\/#organization","name":"Crystalfontz America Inc.","url":"https:\/\/www.crystalfontz.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.crystalfontz.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.crystalfontz.com\/blog\/wp-content\/uploads\/CrystalfontzAmericaLogo-e1612976245961.jpg","contentUrl":"https:\/\/www.crystalfontz.com\/blog\/wp-content\/uploads\/CrystalfontzAmericaLogo-e1612976245961.jpg","width":120,"height":120,"caption":"Crystalfontz America Inc."},"image":{"@id":"https:\/\/www.crystalfontz.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/pages\/Crystalfontz-America-Inc","https:\/\/x.com\/crystalfontz","https:\/\/www.instagram.com\/crystalfontz\/","https:\/\/www.linkedin.com\/company\/crystalfontz-america-inc\/","https:\/\/www.youtube.com\/user\/CrystalfontzAmerica"]},{"@type":"Person","@id":"https:\/\/www.crystalfontz.com\/blog\/#\/schema\/person\/f772b1f8283f774bb64db68d76c95016","name":"Kelsey","description":"Kelsey is an engineer at Crystalfontz. She graduated from Gonzaga University with a BS in Electrical Engineering. Kelsey's roles at Crystalfontz include product design, custom parts, customer support, documentation, and product demonstrations. What our customers say about Kelsey: \"As a new user to the world of LCD electronics, Kelsey has been a Godsend in providing the hand-holding I needed to get my project up and running despite my own efforts at fouling things up! :-)\" - Owen M \"Kelsey got me through changing code for a new LCD in only two short emails.\" - Phillip V \"The agent that I talked with (Kelsey), is technically sound and she knows what she is doing. The support is what made my job easier to get started with the different display technologies. Thank you!\" - Vatsal S"}]}},"_links":{"self":[{"href":"https:\/\/www.crystalfontz.com\/blog\/wp-json\/wp\/v2\/posts\/1940","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.crystalfontz.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.crystalfontz.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.crystalfontz.com\/blog\/wp-json\/wp\/v2\/users\/7"}],"replies":[{"embeddable":true,"href":"https:\/\/www.crystalfontz.com\/blog\/wp-json\/wp\/v2\/comments?post=1940"}],"version-history":[{"count":3,"href":"https:\/\/www.crystalfontz.com\/blog\/wp-json\/wp\/v2\/posts\/1940\/revisions"}],"predecessor-version":[{"id":2065,"href":"https:\/\/www.crystalfontz.com\/blog\/wp-json\/wp\/v2\/posts\/1940\/revisions\/2065"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.crystalfontz.com\/blog\/wp-json\/wp\/v2\/media\/1956"}],"wp:attachment":[{"href":"https:\/\/www.crystalfontz.com\/blog\/wp-json\/wp\/v2\/media?parent=1940"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.crystalfontz.com\/blog\/wp-json\/wp\/v2\/categories?post=1940"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.crystalfontz.com\/blog\/wp-json\/wp\/v2\/tags?post=1940"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}