{"id":2776,"date":"2023-10-12T10:01:00","date_gmt":"2023-10-12T10:01:00","guid":{"rendered":"http:\/\/bitmap2lcd.com\/blog\/?p=2776"},"modified":"2023-10-13T06:14:45","modified_gmt":"2023-10-13T06:14:45","slug":"bitmap2lcd-how-to-use-short-tutorial","status":"publish","type":"post","link":"https:\/\/bitmap2lcd.com\/blog\/bitmap2lcd-how-to-use-short-tutorial\/","title":{"rendered":"Bitmap2LCD &#8211; Getting started ( Short Tutorial )"},"content":{"rendered":"<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><a href=\"https:\/\/bitmap2lcd.com\/blog\/wp-content\/uploads\/2021\/01\/bitmap2lcd_Main-menu_X.jpg\"><img loading=\"lazy\" decoding=\"async\" width=\"463\" height=\"317\" src=\"https:\/\/bitmap2lcd.com\/blog\/wp-content\/uploads\/2021\/01\/bitmap2lcd_Main-menu_X.jpg\" alt=\"\" class=\"wp-image-2985\" srcset=\"https:\/\/bitmap2lcd.com\/blog\/wp-content\/uploads\/2021\/01\/bitmap2lcd_Main-menu_X.jpg 463w, https:\/\/bitmap2lcd.com\/blog\/wp-content\/uploads\/2021\/01\/bitmap2lcd_Main-menu_X-300x205.jpg 300w\" sizes=\"auto, (max-width: 463px) 100vw, 463px\" \/><\/a><\/figure>\n<\/div>\n\n\n<h1 class=\"wp-block-heading has-text-align-center has-large-font-size\"><span style=\"color: #ff0000;\"><strong>Welcome to Bitmap2LCD&nbsp; !<\/strong><\/span><\/h1>\n\n\n\n<h2 class=\"wp-block-heading has-text-align-center\">T<strong>opics&nbsp;accessible from the internal Web Browser<\/strong><\/h2>\n\n\n\n<p class=\"has-text-align-center\"><a href=\"https:\/\/bitmap2lcd.com\/blog\/presentation-of-bitmap2lcd-video\/\">Presentation of Bitmap2LCD (Youtube)<\/a><\/p>\n\n\n\n<p class=\"has-text-align-center\"><\/p>\n\n\n\n<h1 class=\"wp-block-heading has-blue-color has-text-color\"><\/h1>\n\n\n\n<p><strong>Bitmap2LCD is a software tool for programming small Graphic LCDs in embedded systems and a programmable text and graphic processing tool.<\/strong><\/p>\n\n\n\n<h1 class=\"wp-block-heading has-blue-color has-text-color\"><strong>How to search for information ?<br><\/strong><\/h1>\n\n\n\n<p class=\"has-text-align-center\">At the <strong>TOP RIGHT HAND SIDE<\/strong> of this <strong>BLOG<\/strong> you&#8217;ll find<\/p>\n\n\n\n<p class=\"has-text-align-center\">1. For example the <strong>link<\/strong> (<strong>green arrow<\/strong>) of this <strong>Quick Tutorial <\/strong><br>2. <strong>Search this website <\/strong>using <strong>keywords (orange arrow)<\/strong><\/p>\n\n\n\n<p class=\"has-text-align-center\">Filter with the list of <strong>topics \/ categories<\/strong><\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><a href=\"https:\/\/bitmap2lcd.com\/blog\/wp-content\/uploads\/2014\/08\/Bitmap2lcd-Blog-Search.jpg\"><img loading=\"lazy\" decoding=\"async\" width=\"368\" height=\"329\" src=\"https:\/\/bitmap2lcd.com\/blog\/wp-content\/uploads\/2014\/08\/Bitmap2lcd-Blog-Search.jpg\" alt=\"Bitmap2lcd Blog Search\" class=\"wp-image-2013\" srcset=\"https:\/\/bitmap2lcd.com\/blog\/wp-content\/uploads\/2014\/08\/Bitmap2lcd-Blog-Search.jpg 368w, https:\/\/bitmap2lcd.com\/blog\/wp-content\/uploads\/2014\/08\/Bitmap2lcd-Blog-Search-300x268.jpg 300w\" sizes=\"auto, (max-width: 368px) 100vw, 368px\" \/><\/a><\/figure>\n<\/div>\n\n\n<h1 class=\"wp-block-heading\">&nbsp;<\/h1>\n\n\n\n<h1 class=\"wp-block-heading has-blue-color has-text-color\"><strong>Translation of these Tutorials&nbsp;<\/strong><\/h1>\n\n\n\n<p class=\"has-text-align-center\"><a href=\"https:\/\/bitmap2lcd.com\/blog\/bitmap2lcd-translations-of-the-tutorials\/\">Translations&nbsp; Traductions&nbsp; \u00dcbersetzungen&nbsp; T<span id=\"translationName\">raducciones<\/span>_ T<span id=\"ctl00_cC_ucResPM_lblTranslation\" class=\"tgtColl\" lang=\"1040\">raduzione<\/span>&nbsp; <\/a><\/p>\n\n\n\n<h1 class=\"wp-block-heading has-text-align-center has-medium-font-size\"><em>&nbsp;<\/em><\/h1>\n\n\n\n<h1 class=\"wp-block-heading has-blue-color has-text-color\">P<strong>resentation slide show on the website<br><\/strong><\/h1>\n\n\n\n<p><a href=\"https:\/\/bitmap2lcd.com\/crbst_5.html\" target=\"_blank\" rel=\"noopener noreferrer\">Link to the Slideshow <\/a><\/p>\n\n\n\n<h1 class=\"wp-block-heading has-blue-color has-text-color\"><strong>The&nbsp;Windows<\/strong><\/h1>\n\n\n\n<p>In the <strong>red<\/strong> <strong>frame<\/strong>&nbsp;below (<strong>Windows<\/strong> tab &#8211; Main Menu ) the windows of the Program<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"993\" height=\"157\" src=\"https:\/\/bitmap2lcd.com\/blog\/wp-content\/uploads\/2023\/10\/Bitmap2lcd-Main-Windows.png\" alt=\"\" class=\"wp-image-3344\" srcset=\"https:\/\/bitmap2lcd.com\/blog\/wp-content\/uploads\/2023\/10\/Bitmap2lcd-Main-Windows.png 993w, https:\/\/bitmap2lcd.com\/blog\/wp-content\/uploads\/2023\/10\/Bitmap2lcd-Main-Windows-300x47.png 300w, https:\/\/bitmap2lcd.com\/blog\/wp-content\/uploads\/2023\/10\/Bitmap2lcd-Main-Windows-768x121.png 768w, https:\/\/bitmap2lcd.com\/blog\/wp-content\/uploads\/2023\/10\/Bitmap2lcd-Main-Windows-624x99.png 624w\" sizes=\"auto, (max-width: 993px) 100vw, 993px\" \/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<p>Bitmap2LCD is a floating multi-window application for <strong>dual screen<\/strong> computers.<\/p>\n\n\n\n<p><\/p>\n\n\n\n<p><\/p>\n\n\n\n<h1 class=\"wp-block-heading has-blue-color has-text-color\"><strong>Getting Started&nbsp; &gt; Basic Settings<br><\/strong><\/h1>\n\n\n\n<figure class=\"wp-block-embed is-type-wp-embed is-provider-bitmap-2-lcd-software-tool-blog-about-glcd-displays-and-programming wp-block-embed-bitmap-2-lcd-software-tool-blog-about-glcd-displays-and-programming\"><div class=\"wp-block-embed__wrapper\">\n<blockquote class=\"wp-embedded-content\" data-secret=\"KSskSgInRn\"><a href=\"https:\/\/bitmap2lcd.com\/blog\/getting-started-basic-settings\/\">Getting Started &gt; Basic Settings<\/a><\/blockquote><iframe loading=\"lazy\" class=\"wp-embedded-content\" sandbox=\"allow-scripts\" security=\"restricted\" style=\"position: absolute; clip: rect(1px, 1px, 1px, 1px);\" title=\"&#8220;Getting Started &gt; Basic Settings&#8221; &#8212; Bitmap2LCD Software Tool Blog :: about GLCD displays and Programming\" src=\"https:\/\/bitmap2lcd.com\/blog\/getting-started-basic-settings\/embed\/#?secret=Msva7JnCU5#?secret=KSskSgInRn\" data-secret=\"KSskSgInRn\" width=\"600\" height=\"338\" frameborder=\"0\" marginwidth=\"0\" marginheight=\"0\" scrolling=\"no\"><\/iframe>\n<\/div><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<p><\/p>\n\n\n\n<h1 class=\"wp-block-heading has-blue-color has-text-color\"><strong>Work Canvas<br><\/strong><\/h1>\n\n\n\n<p>It&#8217;s the <strong>GRAPHIC EDITOR<\/strong>, the <strong>Paintbox<\/strong> : Import graphics into it, draw pixels and shapes, add text&#8230; <\/p>\n\n\n\n<p>It has a user defined <strong>size<\/strong> and <strong>color depth<\/strong> matching with the target <strong>Graphic LCD<\/strong> device of the project.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"750\" height=\"686\" src=\"https:\/\/bitmap2lcd.com\/blog\/wp-content\/uploads\/2023\/10\/Bitmap2LCD-Work-Canvas-1.png\" alt=\"\" class=\"wp-image-3356\" srcset=\"https:\/\/bitmap2lcd.com\/blog\/wp-content\/uploads\/2023\/10\/Bitmap2LCD-Work-Canvas-1.png 750w, https:\/\/bitmap2lcd.com\/blog\/wp-content\/uploads\/2023\/10\/Bitmap2LCD-Work-Canvas-1-300x274.png 300w, https:\/\/bitmap2lcd.com\/blog\/wp-content\/uploads\/2023\/10\/Bitmap2LCD-Work-Canvas-1-624x571.png 624w\" sizes=\"auto, (max-width: 750px) 100vw, 750px\" \/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<h2 class=\"wp-block-heading has-blue-color has-text-color\"><strong>Color Depth<\/strong><\/h2>\n\n\n\n<p>Monochrome , Grayscale or Colors<\/p>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/bitmap2lcd.com\/blog\/wp-content\/uploads\/2014\/08\/Monochrome-and-Grayscale.png\"><img loading=\"lazy\" decoding=\"async\" width=\"227\" height=\"758\" src=\"https:\/\/bitmap2lcd.com\/blog\/wp-content\/uploads\/2014\/08\/Monochrome-and-Grayscale.png\" alt=\"\" class=\"wp-image-2773\" srcset=\"https:\/\/bitmap2lcd.com\/blog\/wp-content\/uploads\/2014\/08\/Monochrome-and-Grayscale.png 227w, https:\/\/bitmap2lcd.com\/blog\/wp-content\/uploads\/2014\/08\/Monochrome-and-Grayscale-90x300.png 90w\" sizes=\"auto, (max-width: 227px) 100vw, 227px\" \/><\/a><\/figure>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/bitmap2lcd.com\/blog\/wp-content\/uploads\/2014\/08\/Monochrome-and-Color.png\"><img loading=\"lazy\" decoding=\"async\" width=\"227\" height=\"758\" src=\"https:\/\/bitmap2lcd.com\/blog\/wp-content\/uploads\/2014\/08\/Monochrome-and-Color.png\" alt=\"\" class=\"wp-image-2774\" srcset=\"https:\/\/bitmap2lcd.com\/blog\/wp-content\/uploads\/2014\/08\/Monochrome-and-Color.png 227w, https:\/\/bitmap2lcd.com\/blog\/wp-content\/uploads\/2014\/08\/Monochrome-and-Color-90x300.png 90w\" sizes=\"auto, (max-width: 227px) 100vw, 227px\" \/><\/a><\/figure>\n\n\n\n<p>Fig 4a+b )<\/p>\n\n\n\n<p><a href=\"https:\/\/bitmap2lcd.com\/blog\/?p=2024\" target=\"_blank\" rel=\"noopener noreferrer\">Details about the Work Canvas<\/a><\/p>\n\n\n\n<p><a href=\"https:\/\/bitmap2lcd.com\/blog\/?p=2119\" target=\"_blank\" rel=\"noopener noreferrer\">Details about Grayscale<\/a><\/p>\n\n\n\n<h1 class=\"wp-block-heading has-blue-color has-text-color\"><strong>Load a graphic<\/strong><\/h1>\n\n\n\n<p>Variant 1 : <strong>Dialog<\/strong> (<em><strong>red frame<\/strong>)<\/em><\/p>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/bitmap2lcd.com\/blog\/wp-content\/uploads\/2018\/12\/Bitmap2LCD-Main-Menu-Graphic.png\"><img loading=\"lazy\" decoding=\"async\" width=\"960\" height=\"178\" src=\"https:\/\/bitmap2lcd.com\/blog\/wp-content\/uploads\/2018\/12\/Bitmap2LCD-Main-Menu-Graphic.png\" alt=\"\" class=\"wp-image-2794\" srcset=\"https:\/\/bitmap2lcd.com\/blog\/wp-content\/uploads\/2018\/12\/Bitmap2LCD-Main-Menu-Graphic.png 960w, https:\/\/bitmap2lcd.com\/blog\/wp-content\/uploads\/2018\/12\/Bitmap2LCD-Main-Menu-Graphic-300x56.png 300w, https:\/\/bitmap2lcd.com\/blog\/wp-content\/uploads\/2018\/12\/Bitmap2LCD-Main-Menu-Graphic-768x142.png 768w, https:\/\/bitmap2lcd.com\/blog\/wp-content\/uploads\/2018\/12\/Bitmap2LCD-Main-Menu-Graphic-624x116.png 624w\" sizes=\"auto, (max-width: 960px) 100vw, 960px\" \/><\/a><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<p>Variant 2: <strong>File explorer<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Open\/Show the<strong> FILE EXPLORER<\/strong> window<\/li>\n\n\n\n<li>In the list, click to&nbsp;select the graphic file<strong>&nbsp;to load <\/strong><em>(blue arrow)<\/em>. It shows in the <strong>GRAPHICS PREVIEW<\/strong> window.<\/li>\n\n\n\n<li><strong>Resize, turn or <\/strong><strong>tilt<\/strong> the preview image with the buttons located at the top of the <strong>preview<\/strong>.<\/li>\n\n\n\n<li>Click the <strong>Export Preview to Work Canvas<\/strong> button <em>(green arrow)<\/em><\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/bitmap2lcd.com\/blog\/wp-content\/uploads\/2018\/12\/Import-Graphic-in-Preview.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1223\" height=\"739\" src=\"https:\/\/bitmap2lcd.com\/blog\/wp-content\/uploads\/2018\/12\/Import-Graphic-in-Preview.png\" alt=\"\" class=\"wp-image-2782\" srcset=\"https:\/\/bitmap2lcd.com\/blog\/wp-content\/uploads\/2018\/12\/Import-Graphic-in-Preview.png 1223w, https:\/\/bitmap2lcd.com\/blog\/wp-content\/uploads\/2018\/12\/Import-Graphic-in-Preview-300x181.png 300w, https:\/\/bitmap2lcd.com\/blog\/wp-content\/uploads\/2018\/12\/Import-Graphic-in-Preview-768x464.png 768w, https:\/\/bitmap2lcd.com\/blog\/wp-content\/uploads\/2018\/12\/Import-Graphic-in-Preview-1024x619.png 1024w, https:\/\/bitmap2lcd.com\/blog\/wp-content\/uploads\/2018\/12\/Import-Graphic-in-Preview-624x377.png 624w\" sizes=\"auto, (max-width: 1223px) 100vw, 1223px\" \/><\/a><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<p>If graphic is larger than <strong>WORK CANVAS<\/strong>, a dialog shows to <strong>resize<\/strong> to fit the Work Canvas or not.<\/p>\n\n\n\n<h1 class=\"wp-block-heading has-blue-color has-text-color\"><strong>Floating Selection Layer<br><\/strong><\/h1>\n\n\n\n<p><strong>MOVING THE IMPORTED GRAPHIC INSIDE THE FLOATING SELECTION LAYER<\/strong><\/p>\n\n\n\n<p>An import of a graphic&nbsp;takes place <strong>on the FLOATING SELECTION LAYER<\/strong>,&nbsp;<strong>A&nbsp;red frame<\/strong><em> (red arrow) <\/em><strong>around the canvas<\/strong> shows an active selection layer. <\/p>\n\n\n\n<p>After <strong>MOVING<\/strong> the selection layer (blue arrows), <strong>PASTE<\/strong> <a href=\"https:\/\/bitmap2lcd.com\/blog\/wp-content\/uploads\/2014\/08\/paste.bmp\"><img loading=\"lazy\" decoding=\"async\" width=\"16\" height=\"16\" class=\"alignnone size-full wp-image-2331\" src=\"https:\/\/bitmap2lcd.com\/blog\/wp-content\/uploads\/2014\/08\/paste.bmp\" alt=\"paste\"><\/a> the graphic (green arrows) to the <strong>Work Canvas<\/strong>.  <\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"748\" height=\"692\" src=\"https:\/\/bitmap2lcd.com\/blog\/wp-content\/uploads\/2023\/10\/bitmap2LCD_Selection_Layer_Work-Canvas.png\" alt=\"\" class=\"wp-image-3373\" srcset=\"https:\/\/bitmap2lcd.com\/blog\/wp-content\/uploads\/2023\/10\/bitmap2LCD_Selection_Layer_Work-Canvas.png 748w, https:\/\/bitmap2lcd.com\/blog\/wp-content\/uploads\/2023\/10\/bitmap2LCD_Selection_Layer_Work-Canvas-300x278.png 300w, https:\/\/bitmap2lcd.com\/blog\/wp-content\/uploads\/2023\/10\/bitmap2LCD_Selection_Layer_Work-Canvas-624x577.png 624w\" sizes=\"auto, (max-width: 748px) 100vw, 748px\" \/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<p>.<\/p>\n\n\n\n<h1 class=\"wp-block-heading has-blue-color has-text-color\"><strong>Convert&nbsp;a color bitmap to black and white pixels<br><\/strong><\/h1>\n\n\n\n<p>2 variants color to monochrome conversion : <strong>THRESHOLD LEVEL <\/strong>and<strong> DITHERING<\/strong><\/p>\n\n\n\n<p>Variant 1.<strong>THRESHOLD level (red arrow)<\/strong> : move the cursor .<\/p>\n\n\n\n<p>Variant 2. <strong>DITHERING (green arrow)<\/strong> with monochrome <strong>color reduction<\/strong>. (<strong>Dithering Parameters<\/strong> are located in the main menu <strong>convert to.. <\/strong>)<\/p>\n\n\n\n<p>After conversion, <strong>PASTE<\/strong> the<strong> floating SELECTION LAYER (Blue Arrow) to C<\/strong><strong>ANVAS<\/strong><\/p>\n\n\n\n<p><a href=\"https:\/\/bitmap2lcd.com\/blog\/?p=2004\" target=\"_blank\" rel=\"noopener noreferrer\">Details about dithering<\/a><\/p>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/bitmap2lcd.com\/blog\/wp-content\/uploads\/2018\/12\/Bitmap2LCD-Convert-To-Monochrome-Work-Canvas.png\"><img loading=\"lazy\" decoding=\"async\" width=\"985\" height=\"482\" src=\"https:\/\/bitmap2lcd.com\/blog\/wp-content\/uploads\/2018\/12\/Bitmap2LCD-Convert-To-Monochrome-Work-Canvas.png\" alt=\"\" class=\"wp-image-2786\" srcset=\"https:\/\/bitmap2lcd.com\/blog\/wp-content\/uploads\/2018\/12\/Bitmap2LCD-Convert-To-Monochrome-Work-Canvas.png 985w, https:\/\/bitmap2lcd.com\/blog\/wp-content\/uploads\/2018\/12\/Bitmap2LCD-Convert-To-Monochrome-Work-Canvas-300x147.png 300w, https:\/\/bitmap2lcd.com\/blog\/wp-content\/uploads\/2018\/12\/Bitmap2LCD-Convert-To-Monochrome-Work-Canvas-768x376.png 768w, https:\/\/bitmap2lcd.com\/blog\/wp-content\/uploads\/2018\/12\/Bitmap2LCD-Convert-To-Monochrome-Work-Canvas-624x305.png 624w\" sizes=\"auto, (max-width: 985px) 100vw, 985px\" \/><\/a><\/figure>\n\n\n\n<p>Fig 8 )<\/p>\n\n\n\n<h1 class=\"wp-block-heading has-blue-color has-text-color\"><strong>Export&nbsp;a work canvas graphic to GLCD data.<\/strong><\/h1>\n\n\n\n<p>There are several options to choose from :<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"645\" height=\"566\" src=\"https:\/\/bitmap2lcd.com\/blog\/wp-content\/uploads\/2022\/06\/bitmap2lcd_Export-Graphic-to.png\" alt=\"\" class=\"wp-image-3145\" srcset=\"https:\/\/bitmap2lcd.com\/blog\/wp-content\/uploads\/2022\/06\/bitmap2lcd_Export-Graphic-to.png 645w, https:\/\/bitmap2lcd.com\/blog\/wp-content\/uploads\/2022\/06\/bitmap2lcd_Export-Graphic-to-300x263.png 300w, https:\/\/bitmap2lcd.com\/blog\/wp-content\/uploads\/2022\/06\/bitmap2lcd_Export-Graphic-to-624x548.png 624w\" sizes=\"auto, (max-width: 645px) 100vw, 645px\" \/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<p>Your hexadecimal file is in the&nbsp;Text editor in the format defined in the&nbsp;<a href=\"https:\/\/bitmap2lcd.com\/blog\/?p=1153\"><strong>configuration settings<\/strong><\/a>. <\/p>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/bitmap2lcd.com\/blog\/wp-content\/uploads\/2018\/12\/Bitmap2LCD-GLCD-Data-in-Editor.png\"><img loading=\"lazy\" decoding=\"async\" width=\"655\" height=\"741\" src=\"https:\/\/bitmap2lcd.com\/blog\/wp-content\/uploads\/2018\/12\/Bitmap2LCD-GLCD-Data-in-Editor.png\" alt=\"\" class=\"wp-image-2790\" srcset=\"https:\/\/bitmap2lcd.com\/blog\/wp-content\/uploads\/2018\/12\/Bitmap2LCD-GLCD-Data-in-Editor.png 655w, https:\/\/bitmap2lcd.com\/blog\/wp-content\/uploads\/2018\/12\/Bitmap2LCD-GLCD-Data-in-Editor-265x300.png 265w, https:\/\/bitmap2lcd.com\/blog\/wp-content\/uploads\/2018\/12\/Bitmap2LCD-GLCD-Data-in-Editor-624x706.png 624w\" sizes=\"auto, (max-width: 655px) 100vw, 655px\" \/><\/a><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<p>\u00a0<\/p>\n\n\n\n<h2 class=\"wp-block-heading has-blue-color has-text-color\"><strong>Example Of How to Convert A graphic To a Data Array<br><\/strong><\/h2>\n\n\n\n<p><a href=\"https:\/\/bitmap2lcd.com\/blog\/?p=1926\">Example of how to convert a Graphic to a Array of Data<\/a><\/p>\n\n\n\n<p>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading has-blue-color has-text-color\"><strong>System font, Editable Font, Anti-aliased Font, GLCD Font&nbsp; with Bitmap2LCD<br><\/strong><\/h2>\n\n\n\n<p><a href=\"https:\/\/bitmap2lcd.com\/blog\/?p=2080\" target=\"_blank\" rel=\"noopener noreferrer\">Info about Fonts in Bitmap2LCD<\/a><\/p>\n\n\n\n<p>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading has-blue-color has-text-color\">Projects, Artworks, Filenames<\/h2>\n\n\n\n<p>A <strong>PROJECT<\/strong> is a set of configuration <a href=\"https:\/\/bitmap2lcd.com\/blog\/?p=1153\">settings<\/a><\/p>\n\n\n\n<p><strong>For different GLCD projects<\/strong>, the specific set of settings can be saved as a Project. It allows to switch from one to another.<\/p>\n\n\n\n<p>A so called &#8220;<strong>Artwork&#8221; <\/strong>is a set of files related to the graphic source filename : In the below&nbsp;example a <strong>graphic<\/strong> saved for example as <strong>NewBitmap.BMP<\/strong> ,&nbsp;will be&nbsp;converted to an <strong>output<\/strong>&nbsp;file called <strong>NewBitmap.h <\/strong>, and&nbsp;the associated&nbsp;<strong>touch panel<\/strong> file will then be named <strong>NewBitmap.TSC <\/strong>(<em>red arrow<\/em>)&nbsp;&nbsp;<\/p>\n\n\n\n<p>When you save your <strong>Artwork<\/strong> with&#8221;<strong>Define Artwork Name<\/strong>&#8221;&nbsp;<strong> in the GLCD Graphic Tab <\/strong>(red frames<em>)<\/em><strong>, <\/strong>as a bitmap, you will change the basic filenames.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/bitmap2lcd.com\/blog\/wp-content\/uploads\/2018\/12\/Bitmap2LCD-Main-Menu-Define-Artwork.png\"><img loading=\"lazy\" decoding=\"async\" width=\"960\" height=\"178\" src=\"https:\/\/bitmap2lcd.com\/blog\/wp-content\/uploads\/2018\/12\/Bitmap2LCD-Main-Menu-Define-Artwork.png\" alt=\"\" class=\"wp-image-2796\" srcset=\"https:\/\/bitmap2lcd.com\/blog\/wp-content\/uploads\/2018\/12\/Bitmap2LCD-Main-Menu-Define-Artwork.png 960w, https:\/\/bitmap2lcd.com\/blog\/wp-content\/uploads\/2018\/12\/Bitmap2LCD-Main-Menu-Define-Artwork-300x56.png 300w, https:\/\/bitmap2lcd.com\/blog\/wp-content\/uploads\/2018\/12\/Bitmap2LCD-Main-Menu-Define-Artwork-768x142.png 768w, https:\/\/bitmap2lcd.com\/blog\/wp-content\/uploads\/2018\/12\/Bitmap2LCD-Main-Menu-Define-Artwork-624x116.png 624w\" sizes=\"auto, (max-width: 960px) 100vw, 960px\" \/><\/a><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<p>&#8211;<\/p>\n\n\n\n<h1 class=\"wp-block-heading\"><strong>Color picker<\/strong><\/h1>\n\n\n\n<p>The <strong>Color Picker<\/strong> depends of the selected <strong>Color Depth<\/strong> of the<strong> Work Canvas<\/strong><\/p>\n\n\n\n<p>The picker is located in the right panel of the Work Canvas window (purple arrows).<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/bitmap2lcd.com\/blog\/wp-content\/uploads\/2023\/10\/Bitmap2LCD-Color-Picker.png\"><img loading=\"lazy\" decoding=\"async\" width=\"945\" height=\"709\" src=\"https:\/\/bitmap2lcd.com\/blog\/wp-content\/uploads\/2023\/10\/Bitmap2LCD-Color-Picker.png\" alt=\"\" class=\"wp-image-3399\" srcset=\"https:\/\/bitmap2lcd.com\/blog\/wp-content\/uploads\/2023\/10\/Bitmap2LCD-Color-Picker.png 945w, https:\/\/bitmap2lcd.com\/blog\/wp-content\/uploads\/2023\/10\/Bitmap2LCD-Color-Picker-300x225.png 300w, https:\/\/bitmap2lcd.com\/blog\/wp-content\/uploads\/2023\/10\/Bitmap2LCD-Color-Picker-768x576.png 768w, https:\/\/bitmap2lcd.com\/blog\/wp-content\/uploads\/2023\/10\/Bitmap2LCD-Color-Picker-624x468.png 624w\" sizes=\"auto, (max-width: 945px) 100vw, 945px\" \/><\/a><\/figure>\n\n\n\n<p>Define foreground Color (<strong>PEN COLOR<\/strong>) and background color (<strong>BRUSH COLOR<\/strong>) for <strong>painting<\/strong> and <strong>Writing<\/strong> <strong>text<\/strong> in the <strong>Work Canvas<\/strong><\/p>\n\n\n\n<p>Copy foreground color to background color, swap the colors etc&#8230;<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><a href=\"https:\/\/bitmap2lcd.com\/blog\/wp-content\/uploads\/2014\/08\/bitmap2lcd-Color-Picker.jpg\"><img loading=\"lazy\" decoding=\"async\" width=\"647\" height=\"741\" src=\"https:\/\/bitmap2lcd.com\/blog\/wp-content\/uploads\/2014\/08\/bitmap2lcd-Color-Picker.jpg\" alt=\"bitmap2lcd Color Picker\" class=\"wp-image-1978\" srcset=\"https:\/\/bitmap2lcd.com\/blog\/wp-content\/uploads\/2014\/08\/bitmap2lcd-Color-Picker.jpg 647w, https:\/\/bitmap2lcd.com\/blog\/wp-content\/uploads\/2014\/08\/bitmap2lcd-Color-Picker-262x300.jpg 262w, https:\/\/bitmap2lcd.com\/blog\/wp-content\/uploads\/2014\/08\/bitmap2lcd-Color-Picker-624x715.jpg 624w\" sizes=\"auto, (max-width: 647px) 100vw, 647px\" \/><\/a><\/figure>\n<\/div>\n\n\n<p>Example of color pickers, (Color mode and 16 gray shades)<\/p>\n\n\n\n<h1 class=\"wp-block-heading has-blue-color has-text-color\"><strong>Write text<\/strong><\/h1>\n\n\n\n<p>Write Text Button located at the top of the <strong>Work Canvas<\/strong> (<strong>blue arrow<\/strong>)<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"748\" height=\"444\" src=\"https:\/\/bitmap2lcd.com\/blog\/wp-content\/uploads\/2023\/10\/Bitmap2LCD-Write-Text.png\" alt=\"\" class=\"wp-image-3405\" srcset=\"https:\/\/bitmap2lcd.com\/blog\/wp-content\/uploads\/2023\/10\/Bitmap2LCD-Write-Text.png 748w, https:\/\/bitmap2lcd.com\/blog\/wp-content\/uploads\/2023\/10\/Bitmap2LCD-Write-Text-300x178.png 300w, https:\/\/bitmap2lcd.com\/blog\/wp-content\/uploads\/2023\/10\/Bitmap2LCD-Write-Text-624x370.png 624w\" sizes=\"auto, (max-width: 748px) 100vw, 748px\" \/><\/figure>\n\n\n\n<p>2 variants available for writing text :<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>The <strong>Text Field Editor<\/strong><\/li>\n\n\n\n<li>The <strong>Single Line Text<\/strong> editor<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"748\" height=\"383\" src=\"https:\/\/bitmap2lcd.com\/blog\/wp-content\/uploads\/2023\/10\/Bitmap2lcd_Write-Text-Frame.png\" alt=\"\" class=\"wp-image-3409\" srcset=\"https:\/\/bitmap2lcd.com\/blog\/wp-content\/uploads\/2023\/10\/Bitmap2lcd_Write-Text-Frame.png 748w, https:\/\/bitmap2lcd.com\/blog\/wp-content\/uploads\/2023\/10\/Bitmap2lcd_Write-Text-Frame-300x154.png 300w, https:\/\/bitmap2lcd.com\/blog\/wp-content\/uploads\/2023\/10\/Bitmap2lcd_Write-Text-Frame-624x320.png 624w\" sizes=\"auto, (max-width: 748px) 100vw, 748px\" \/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<p>The <strong>single Line Text Editor<\/strong>, text can be moved and then pasted to canvas  <a href=\"https:\/\/bitmap2lcd.com\/blog\/wp-content\/uploads\/2014\/08\/paste.bmp\"><img loading=\"lazy\" decoding=\"async\" width=\"16\" height=\"16\" class=\"alignnone size-full wp-image-2331\" src=\"https:\/\/bitmap2lcd.com\/blog\/wp-content\/uploads\/2014\/08\/paste.bmp\" alt=\"paste\"><\/a><\/p>\n\n\n\n<p><\/p>\n\n\n\n<h1 class=\"wp-block-heading has-blue-color has-text-color\"><strong>Using Vector Mode (GLCD Library)<br><\/strong><\/h1>\n\n\n\n<p>For <strong>GLCD library functions<\/strong> like <strong>GLCD.rect<\/strong>(x,y,h,w) or <strong>GLCD.GotoXY<\/strong>(x,y) or similar&#8230;<\/p>\n\n\n\n<p><a rel=\"noopener noreferrer\" href=\"https:\/\/bitmap2lcd.com\/blog\/?cat=490\" target=\"_blank\">Vector Mode<\/a><\/p>\n\n\n\n<h1 class=\"wp-block-heading has-blue-color has-text-color\">Target Code Example : Displaying a bitmap<\/h1>\n\n\n\n<h1 class=\"wp-block-heading has-blue-color has-text-color\"><\/h1>\n\n\n\n<p><a href=\"https:\/\/bitmap2lcd.com\/blog\/?p=1678\" target=\"_blank\" rel=\"noopener noreferrer\">Code example <\/a><\/p>\n\n\n\n<p>.<\/p>\n\n\n\n<h1 class=\"wp-block-heading has-blue-color has-text-color\"><strong>Software Updates<br><\/strong><\/h1>\n\n\n\n<p>Lifelong software Updates for <strong>Standard and Extended Edition<\/strong> :<\/p>\n\n\n\n<p><a href=\"https:\/\/bitmap2lcd.com\/blog\/?p=1606\" target=\"_blank\" rel=\"noopener noreferrer\">Details About Software Updates<\/a><\/p>\n\n\n\n<h1 class=\"wp-block-heading has-blue-color has-text-color\"><strong>Development and Support<br><\/strong><\/h1>\n\n\n\n<p>A feature not implemented or not yet available ?<\/p>\n\n\n\n<p>submit us your Idea !&nbsp; Need support&nbsp; ? Contact us !<\/p>\n\n\n\n<p><\/p>\n\t<div class=\"quickshare-container\">\r\n\t<ul class=\"quickshare-genericons quickshare-effect-round quickshare-effect-expand quickshare-small\">\r\n\t\t<li class=\"quickshare-share\"><\/li> \r\n\t\t<li><a href=\"https:\/\/facebook.com\/sharer.php?u=https%3A%2F%2Fbitmap2lcd.com%2Fblog%2Fbitmap2lcd-how-to-use-short-tutorial%2F&amp;t=Bitmap2LCD+%26%238211%3B+Getting+started+%28+Short+Tutorial+%29+<+Bitmap2LCD+Software+Tool+Blog+%3A%3A+about+GLCD+displays+and+Programming\" target=\"_blank\" title=\"Share on Facebook\"><span class=\"quickshare-facebook\">Facebook<\/span><\/a><\/li>\t\t<li><a href=\"https:\/\/twitter.com\/intent\/tweet?url=https%3A%2F%2Fbitmap2lcd.com%2Fblog%2Fbitmap2lcd-how-to-use-short-tutorial%2F&amp;text=Bitmap2LCD+%26%238211%3B+Getting+started+%28+Short+Tutorial+%29+<+Bitmap2LCD+Software+Tool+Blog+%3A%3A+about+GLCD+displays+and+Programming\" target=\"_blank\" title=\"Share on Twitter\"><span class=\"quickshare-twitter\">Twitter<\/span><\/a><\/li>\t\t<li><a href=\"http:\/\/pinterest.com\/pin\/create\/button\/?url=https%3A%2F%2Fbitmap2lcd.com%2Fblog%2Fbitmap2lcd-how-to-use-short-tutorial%2F&amp;media=https%3A%2F%2Fbitmap2lcd.com%2Fblog%2Fwp-content%2Fuploads%2F2023%2F10%2FBitmap2lcd_Write-Text-Frame-300x154.png&amp;description=Welcome+to+Bitmap2LCD%26nbsp%3B+%21+Topics%26nbsp%3Baccessible+from+the+internal+Web+Browser+Presentation+of+Bitmap2LCD+%28Youtube%29+Bitmap2LCD+is+a+software+tool+for+programming+small+Graphic+LCDs+in+embedded+systems+and+a+programmable+text+and+graphic+processing+tool.+How+to+search+for+information%26hellip%3B\" target=\"_blank\" title=\"Share on Pinterest\"><span class=\"quickshare-pinterest\">Pinterest<\/span><\/a><\/li>\t\t<li><a href=\"http:\/\/linkedin.com\/shareArticle?mini=true&amp;url=https%3A%2F%2Fbitmap2lcd.com%2Fblog%2Fbitmap2lcd-how-to-use-short-tutorial%2F&amp;title=Bitmap2LCD+%26%238211%3B+Getting+started+%28+Short+Tutorial+%29&amp;source=Bitmap2LCD+Software+Tool+Blog+%3A%3A+about+GLCD+displays+and+Programming&amp;summary=Welcome+to+Bitmap2LCD%26nbsp%3B+%21+Topics%26nbsp%3Baccessible+from+the+internal+Web+Browser+Presentation+of+Bitmap2LCD+%28Youtube%29+Bitmap2LCD+is+a+software+tool+for+programming+small+Graphic+LCDs+in+embedded+systems+and+a+programmable+text+and+graphic+processing+tool.+How+to+search+for+information%26hellip%3B\" title=\"Share on Linkedin\" target=\"_blank\"><span class=\"quickshare-linkedin\">Linkedin<\/span><\/a><\/li>\t\t<li><a href=\"https:\/\/plus.google.com\/share?url=https%3A%2F%2Fbitmap2lcd.com%2Fblog%2Fbitmap2lcd-how-to-use-short-tutorial%2F\" target=\"_blank\" title=\"Share on Google+\"><span class=\"quickshare-googleplus\">Google+<\/span><\/a><\/li>\t\t\t\t\t\t\t\t<li><a href=\"mailto:?subject=Bitmap2LCD+Software+Tool+Blog+%3A%3A+about+GLCD+displays+and+Programming:+Bitmap2LCD+%26%238211%3B+Getting+started+%28+Short+Tutorial+%29&amp;body=https%3A%2F%2Fbitmap2lcd.com%2Fblog%2Fbitmap2lcd-how-to-use-short-tutorial%2F\" target=\"_blank\" title=\"Share via Email\"><span class=\"quickshare-email\">Email<\/span><\/a><\/li>\t<\/ul>\r\n\t<\/div>\r\n","protected":false},"excerpt":{"rendered":"<p>Welcome to Bitmap2LCD&nbsp; ! Topics&nbsp;accessible from the internal Web Browser Presentation of Bitmap2LCD (Youtube) Bitmap2LCD is a software tool for programming small Graphic LCDs in embedded systems and a programmable text and graphic processing tool. How to search for information ? At the TOP RIGHT HAND SIDE of this BLOG you&#8217;ll find 1. For example [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"categories":[109],"tags":[728,822,824,823,821,306],"class_list":["post-2776","post","type-post","status-publish","format-standard","hentry","category-quick-tutorial-for-bitmap2lcd","tag-basic-settings","tag-basic-tutorial","tag-general-info","tag-getting-started","tag-start-with-bitmap2lcd","tag-work-canvas"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/bitmap2lcd.com\/blog\/wp-json\/wp\/v2\/posts\/2776","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bitmap2lcd.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/bitmap2lcd.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/bitmap2lcd.com\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/bitmap2lcd.com\/blog\/wp-json\/wp\/v2\/comments?post=2776"}],"version-history":[{"count":106,"href":"https:\/\/bitmap2lcd.com\/blog\/wp-json\/wp\/v2\/posts\/2776\/revisions"}],"predecessor-version":[{"id":3480,"href":"https:\/\/bitmap2lcd.com\/blog\/wp-json\/wp\/v2\/posts\/2776\/revisions\/3480"}],"wp:attachment":[{"href":"https:\/\/bitmap2lcd.com\/blog\/wp-json\/wp\/v2\/media?parent=2776"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/bitmap2lcd.com\/blog\/wp-json\/wp\/v2\/categories?post=2776"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/bitmap2lcd.com\/blog\/wp-json\/wp\/v2\/tags?post=2776"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}