{"product_id":"encodermodule-voor-m5stack-gezichten-esp32-pocketcomputer-met-12-stks-rgb-led-mega328-binnen-i2c_1538395","title":"encodermodule voor m5stack gezichten esp32 pocketcomputer met 12 stks rgb led mega328 binnen i2c","description":"\u003ch2 apple=\"\" color=\"\" helvetica=\"\" id=\"description\" segoe=\"\" style=\"box-sizing: border-box; font-size: var(--heading-h2-font-size); -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; margin: var(--heading-h2-margin, var(--heading-margin)); font-family: -apple-system, BlinkMacSystemFont, \" ui=\"\" border-color:=\"\" border-style:=\"\" border-width:=\"\" color:=\"\" font-weight:=\"\" line-height:=\"\" padding:=\"\"\u003e   \u003cspan style=\"font-size:16px;\"\u003e\u003cstrong\u003e\u003cspan style=\"box-sizing: border-box; text-size-adjust: none; border-bottom-style: initial; border-bottom-color: initial;\"\u003eBeschrijving:\u003c\/span\u003e\u003c\/strong\u003e\u003c\/span\u003e\n\u003c\/h2\u003e  \u003cp apple=\"\" color=\"\" helvetica=\"\" segoe=\"\" style=\"box-sizing: border-box; font-size: 16px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; margin: 1em 0px; color: rgb(33, 37, 41); font-family: -apple-system, BlinkMacSystemFont, \" ui=\"\"\u003e   \u003cspan style=\"box-sizing: border-box; font-size: inherit; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; font-weight: bolder; color: var(--strong-color, currentColor);\"\u003eENCODER\u003c\/span\u003e is compatibel met FACE Kit. U kunt het toetsenbordpaneel in de FACE-kit laten vervangen. Het is ontworpen voor roterende encoderbesturing, geïntegreerde Mega328-microprocessor binnenin en LED's rond de encoder.\u003c\/p\u003e  \u003cp apple=\"\" color=\"\" helvetica=\"\" segoe=\"\" style=\"box-sizing: border-box; font-size: 16px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; margin: 1em 0px; color: rgb(33, 37, 41); font-family: -apple-system, BlinkMacSystemFont, \" ui=\"\"\u003e   Het series communicatieprotocol tussen M5 core en ENCODER is IIC (adres: 0x5E)\u003c\/p\u003e  \u003cimg apple=\"\" class=\"medium-zoom-image\" color=\"\" height=\"60%\" helvetica=\"\" segoe=\"\" src=\"https:\/\/docs.m5stack.com\/assets\/img\/product_pics\/module\/module_encoder_03.png\" style=\"box-sizing: border-box; font-size: 16px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; border: 0px none; vertical-align: middle; cursor: zoom-in; transition: transform 0.3s ease 0s; max-width: 100%; color: rgb(33, 37, 41); font-family: -apple-system, BlinkMacSystemFont, \" ui=\"\" width=\"60%\"\u003e  \u003ch2 apple=\"\" color=\"\" helvetica=\"\" id=\"product-features\" segoe=\"\" style=\"box-sizing: border-box; font-size: var(--heading-h2-font-size); -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; margin: var(--heading-h2-margin, var(--heading-margin)); font-family: -apple-system, BlinkMacSystemFont, \" ui=\"\" border-color:=\"\" border-style:=\"\" border-width:=\"\" color:=\"\" font-weight:=\"\" line-height:=\"\" padding:=\"\"\u003e   \u003cspan style=\"font-size:16px;\"\u003e\u003cstrong\u003e\u003cspan style=\"box-sizing: border-box; text-size-adjust: none; border-bottom-style: initial; border-bottom-color: initial;\"\u003eProducteigenschappen:\u003c\/span\u003e\u003c\/strong\u003e\u003c\/span\u003e\n\u003c\/h2\u003e  \u003cul apple=\"\" color=\"\" helvetica=\"\" segoe=\"\" style=\"box-sizing: border-box; font-size: 16px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; margin: 1em 0px; padding-left: 1.5rem; color: rgb(33, 37, 41); font-family: -apple-system, BlinkMacSystemFont, \" ui=\"\"\u003e   \u003cli style=\"box-sizing: border-box; font-size: inherit; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none;\"\u003e    12 RGB led\u003c\/li\u003e   \u003cli style=\"box-sizing: border-box; font-size: inherit; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none;\"\u003e    IIC-communicatie\u003c\/li\u003e   \u003cli style=\"box-sizing: border-box; font-size: inherit; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none;\"\u003e    Eenvoudige API voor programmeren\u003c\/li\u003e   \u003cli style=\"box-sizing: border-box; font-size: inherit; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none;\"\u003e    Mega328 binnen\u003c\/li\u003e   \u003cli style=\"box-sizing: border-box; font-size: inherit; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none;\"\u003e    Encoder detectie\u003c\/li\u003e   \u003cli style=\"box-sizing: border-box; font-size: inherit; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none;\"\u003e    Productgrootte: 58,2 mm x 54,2 mm x 10 mm\u003c\/li\u003e   \u003cli style=\"box-sizing: border-box; font-size: inherit; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none;\"\u003e    Productgewicht: 17 g\u003c\/li\u003e  \u003c\/ul\u003e  \u003ch2 apple=\"\" color=\"\" helvetica=\"\" id=\"easyloader\" segoe=\"\" style=\"box-sizing: border-box; font-size: var(--heading-h2-font-size); -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; margin: var(--heading-h2-margin, var(--heading-margin)); font-family: -apple-system, BlinkMacSystemFont, \" ui=\"\" border-color:=\"\" border-style:=\"\" border-width:=\"\" color:=\"\" font-weight:=\"\" line-height:=\"\" padding:=\"\"\u003e   \u003cspan style=\"font-size:16px;\"\u003e\u003cstrong\u003e\u003cspan style=\"box-sizing: border-box; text-size-adjust: none; border-bottom-style: initial; border-bottom-color: initial;\"\u003eEasyLoader\u003c\/span\u003e\u003c\/strong\u003e\u003c\/span\u003e\n\u003c\/h2\u003e  \u003cimg apple=\"\" class=\"medium-zoom-image\" color=\"\" helvetica=\"\" segoe=\"\" src=\"https:\/\/m5stack.oss-cn-shenzhen.aliyuncs.com\/image\/EasyLoader_logo.png\" style=\"box-sizing: border-box; font-size: 16px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; border: 0px none; vertical-align: middle; cursor: zoom-in; transition: transform 0.3s ease 0s; max-width: 100%; color: rgb(33, 37, 41); font-family: -apple-system, BlinkMacSystemFont, \" ui=\"\" width=\"100px\" margin-top:=\"\"\u003e  \u003cp apple=\"\" color=\"\" helvetica=\"\" segoe=\"\" style=\"box-sizing: border-box; font-size: 16px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; margin: 1em 0px; color: rgb(33, 37, 41); font-family: -apple-system, BlinkMacSystemFont, \" ui=\"\"\u003e   \u003ca href=\"https:\/\/m5stack.oss-cn-shenzhen.aliyuncs.com\/EasyLoader\/Module\/EasyLoader_FACES_encoder.exe\" style=\"box-sizing: border-box; font-size: inherit; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; text-decoration-color: var(--link-text-decoration-color); text-decoration-skip-ink: auto; background-color: transparent; border-bottom: var(--link-border-bottom);\"\u003e\u003cbutton class=\"btn btn-primary\" style=\"font-size: 1rem; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; font-family: inherit; margin: 0px; border-radius: 0.25rem; line-height: 1.5; overflow: visible; white-space: nowrap; vertical-align: middle; user-select: none; border-width: 1px; border-style: solid; border-color: rgb(0, 123, 255); padding: 0.375rem 0.75rem; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s; color: rgb(255, 255, 255); background-color: rgb(0, 123, 255); cursor: pointer;\" type=\"button\"\u003eklik om EasyLoader te downloaden\u003c\/button\u003e\u003c\/a\u003e\u003c\/p\u003e  \u003cblockquote a=\"\" and=\"\" apple=\"\" blockquote=\"\" br=\"\" case=\"\" color=\"\" e=\"\" each=\"\" fast=\"\" for=\"\" has=\"\" helvetica=\"\" is=\"\" p=\"\" page=\"\" product=\"\" product-related=\"\" program=\"\" segoe=\"\" simple=\"\" style=\"box-sizing: border-box; font-size: 16px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; margin: 2em 0px; overflow: visible; padding: 1.5em; border-width: var(--blockquote-border-width, 0); border-style: var(--blockquote-border-style); border-color: var(--blockquote-border-color); border-radius: var(--blockquote-border-radius); background: var(--blockquote-background); color: rgb(33, 37, 41); font-family: -apple-system, BlinkMacSystemFont, \" ui=\"\" quotes:=\"\"\u003e   \u003cbr\u003e   \u003cp style=\"box-sizing: border-box; font-size: inherit; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; margin: 0px;\"\u003e    2. Dubbelklik na het downloaden van de software om de toepassing uit te voeren, sluit het M5-apparaat aan op de computer via de gegevenskabel, selecteer de poortparameters en klik op \u003cspan style=\"box-sizing: border-box; font-size: inherit; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; font-weight: bolder; color: var(--strong-color, currentColor);\"\u003e\"Brandwond\"\u003c\/span\u003e om te beginnen met branden.\u003c\/p\u003e   \u003cp apple=\"\" class=\"tip\" color=\"\" color:=\"\" helvetica=\"\" segoe=\"\" style=\"box-sizing: border-box; font-size: 16px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; margin: 2em 0px; position: relative; padding: var(--notice-padding); border-width: var(--notice-important-border-width, var(--notice-border-width, 0)); border-style: var(--notice-important-border-style, var(--notice-border-style)); border-color: var(--notice-important-border-color, var(--notice-border-color)); border-radius: var(--notice-border-radius); background: var(--notice-important-background, var(--notice-background)); font-family: -apple-system, BlinkMacSystemFont, \" ui=\"\"\u003e         3.De CP210X (USB-stuurprogramma) moet worden geïnstalleerd voordat de EasyLoader wordt gebrand. \u003cstrong\u003e\u003ca href=\"https:\/\/docs.m5stack.com\/#\/en\/related_documents\/establish_serial_connection\" style=\"box-sizing: border-box; font-size: inherit; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; text-decoration-color: var(--link-text-decoration-color); text-decoration-skip-ink: auto; background-color: transparent; border-bottom: var(--link-border-bottom);\"\u003e\u003cspan style=\"color:#ff0000;\"\u003eKlik hier om de zelfstudie over de installatie van het stuurprogramma te bekijken\u003c\/span\u003e\u003c\/a\u003e\u003c\/strong\u003e\u003c\/p\u003e   \u003ch2 apple=\"\" border-color:=\"\" border-style:=\"\" border-width:=\"\" color=\"\" color:=\"\" font-weight:=\"\" helvetica=\"\" id=\"function\" line-height:=\"\" padding:=\"\" segoe=\"\" style=\"box-sizing: border-box; font-size: var(--heading-h2-font-size); -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; margin: var(--heading-h2-margin, var(--heading-margin)); font-family: -apple-system, BlinkMacSystemFont, \" ui=\"\"\u003e    \u003cspan style=\"font-size:16px;\"\u003e\u003cstrong\u003e\u003cspan style=\"box-sizing: border-box; text-size-adjust: none; border-bottom-style: initial; border-bottom-color: initial;\"\u003eFunctie:\u003c\/span\u003e\u003c\/strong\u003e\u003c\/span\u003e\n\u003c\/h2\u003e   \u003cp apple=\"\" color=\"\" helvetica=\"\" segoe=\"\" style=\"box-sizing: border-box; font-size: 16px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; margin: 1em 0px; color: rgb(33, 37, 41); font-family: -apple-system, BlinkMacSystemFont, \" ui=\"\"\u003e    \u003cspan style=\"box-sizing: border-box; font-size: inherit; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; font-weight: bolder; color: var(--strong-color, currentColor);\"\u003eControle enkele RGB\u003c\/span\u003e\u003c\/p\u003e   \u003cpre data-lang=\"\" style=\"box-sizing: border-box; font-size: var(--code-font-size); -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; font-family: var(--code-font-family); line-height: var(--code-block-line-height); margin: var(--code-block-margin); overflow: hidden; color: var(--code-theme-text); background: var(--code-theme-background); tab-size: var(--code-tab-size); overflow-wrap: normal; word-break: normal; hyphens: none; position: relative; padding: 0px; border-radius: var(--code-block-border-radius);\" v-pre=\"\"\u003e  \u003ccode class=\"lang-\" style=\"box-sizing: border-box; font-size: var(--code-font-size); -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; font-family: var(--code-font-family); color: var(--code-theme-text); word-break: normal; font-weight: var(--code-font-weight); line-height: var(--code-block-line-height); tab-size: var(--code-tab-size); word-spacing: normal; overflow-wrap: normal; hyphens: none; display: block; overflow: auto; padding: var(--code-block-padding);\"\u003e\/*      Parameter:          led_index: 0 ~ 11          r, g, b: 0 ~ 254  *\/  void Led(int led_index, int r, int g, int b){      \/\/ IIC send data      Wire.beginTransmission(Faces_Encoder_I2C_ADDR);      Wire.write(led_index);      Wire.write(r);      Wire.write(g);      Wire.write(b);      Wire.endTransmission();  }\u003c\/code\u003e\u003cbutton class=\"docsify-copy-code-button\" style=\"font-size: 1em; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; font-family: inherit; margin: 0px; border-top-left-radius: 0px; border-bottom-right-radius: 0px; line-height: inherit; overflow: visible; cursor: pointer; transition: all 0.25s ease 0s; position: absolute; z-index: 1; top: 0px; right: 0px; padding: 0.65em 0.8em; border-width: 0px; border-style: initial; border-color: initial; outline: 0px; background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat-x: ; background-repeat-y: ; background-attachment: ; background-origin: ; background-clip: ; opacity: 0;\"\u003e\u003cspan class=\"label\" style=\"box-sizing: border-box; font-size: inherit; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; cursor: pointer; transition: all 0.25s ease 0s; border-radius: var(--border-radius-s, 0); background: inherit; pointer-events: none;\"\u003eKopieer naar klembord\u003c\/span\u003e\u003cspan class=\"error\" style=\"box-sizing: border-box; font-size: 0.825em; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; cursor: pointer; transition: all 0.25s ease 0s; border-radius: var(--border-radius-s, 0); background: inherit; pointer-events: none; position: absolute; z-index: -100; top: 22.375px; left: 0px; padding: 0.5em 0.65em; opacity: 0; transform: translateY(-50%);\"\u003eFout\u003c\/span\u003e\u003cspan class=\"success\" style=\"box-sizing: border-box; font-size: 0.825em; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; cursor: pointer; transition: all 0.25s ease 0s; border-radius: var(--border-radius-s, 0); background: inherit; pointer-events: none; position: absolute; z-index: -100; top: 22.375px; left: 0px; padding: 0.5em 0.65em; opacity: 0; transform: translateY(-50%);\"\u003egekopieerde\u003c\/span\u003e\u003c\/button\u003e\u003c\/pre\u003e   \u003cp apple=\"\" color=\"\" helvetica=\"\" segoe=\"\" style=\"box-sizing: border-box; font-size: 16px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; margin: 1em 0px; color: rgb(33, 37, 41); font-family: -apple-system, BlinkMacSystemFont, \" ui=\"\"\u003e    \u003cspan style=\"box-sizing: border-box; font-size: inherit; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; font-weight: bolder; color: var(--strong-color, currentColor);\"\u003eLees encoder increment\u003c\/span\u003e\u003c\/p\u003e   \u003cpre data-lang=\"\" style=\"box-sizing: border-box; font-size: var(--code-font-size); -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; font-family: var(--code-font-family); line-height: var(--code-block-line-height); margin: var(--code-block-margin); overflow: hidden; color: var(--code-theme-text); background: var(--code-theme-background); tab-size: var(--code-tab-size); overflow-wrap: normal; word-break: normal; hyphens: none; position: relative; padding: 0px; border-radius: var(--code-block-border-radius);\" v-pre=\"\"\u003e  \u003ccode class=\"lang-\" style=\"box-sizing: border-box; font-size: var(--code-font-size); -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; font-family: var(--code-font-family); color: var(--code-theme-text); word-break: normal; font-weight: var(--code-font-weight); line-height: var(--code-block-line-height); tab-size: var(--code-tab-size); word-spacing: normal; overflow-wrap: normal; hyphens: none; display: block; overflow: auto; padding: var(--code-block-padding);\"\u003evoid get_encoder_increment(void){      int temp_encoder_increment;        \/\/ IIC read data      Wire.requestFrom(Faces_Encoder_I2C_ADDR, 3);      if(Wire.available()){         temp_encoder_increment = Wire.read();\/\/ get increment         button_state = Wire.read();\/\/ get button value      }      if(temp_encoder_increment \u0026gt; 127){\/\/anti-clockwise          direction = 1;\/\/ flag for encoder direction          encoder_increment = 256 - temp_encoder_increment;      }      else{\/\/ clockwise          direction = 0;          encoder_increment = temp_encoder_increment;      }  }\u003c\/code\u003e\u003cbutton class=\"docsify-copy-code-button\" style=\"font-size: 1em; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; font-family: inherit; margin: 0px; border-top-left-radius: 0px; border-bottom-right-radius: 0px; line-height: inherit; overflow: visible; cursor: pointer; transition: all 0.25s ease 0s; position: absolute; z-index: 1; top: 0px; right: 0px; padding: 0.65em 0.8em; border-width: 0px; border-style: initial; border-color: initial; outline: 0px; background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat-x: ; background-repeat-y: ; background-attachment: ; background-origin: ; background-clip: ; opacity: 0;\"\u003e\u003cspan class=\"label\" style=\"box-sizing: border-box; font-size: inherit; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; cursor: pointer; transition: all 0.25s ease 0s; border-radius: var(--border-radius-s, 0); background: inherit; pointer-events: none;\"\u003eKopieer naar klembord\u003c\/span\u003e\u003cspan class=\"error\" style=\"box-sizing: border-box; font-size: 0.825em; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; cursor: pointer; transition: all 0.25s ease 0s; border-radius: var(--border-radius-s, 0); background: inherit; pointer-events: none; position: absolute; z-index: -100; top: 22.375px; left: 0px; padding: 0.5em 0.65em; opacity: 0; transform: translateY(-50%);\"\u003eFout\u003c\/span\u003e\u003cspan class=\"success\" style=\"box-sizing: border-box; font-size: 0.825em; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; cursor: pointer; transition: all 0.25s ease 0s; border-radius: var(--border-radius-s, 0); background: inherit; pointer-events: none; position: absolute; z-index: -100; top: 22.375px; left: 0px; padding: 0.5em 0.65em; opacity: 0; transform: translateY(-50%);\"\u003egekopieerde\u003c\/span\u003e\u003c\/button\u003e\u003c\/pre\u003e   \u003ch2 apple=\"\" border-color:=\"\" border-style:=\"\" border-width:=\"\" color=\"\" color:=\"\" font-weight:=\"\" helvetica=\"\" id=\"include\" line-height:=\"\" padding:=\"\" segoe=\"\" style=\"box-sizing: border-box; font-size: var(--heading-h2-font-size); -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; margin: var(--heading-h2-margin, var(--heading-margin)); font-family: -apple-system, BlinkMacSystemFont, \" ui=\"\"\u003e    \u003cstrong\u003e\u003cspan style=\"font-size:16px;\"\u003e\u003cspan style=\"box-sizing: border-box; text-size-adjust: none; border-bottom-style: initial; border-bottom-color: initial;\"\u003ePakket inbegrepen:\u003c\/span\u003e\u003c\/span\u003e\u003c\/strong\u003e\n\u003c\/h2\u003e   \u003cul apple=\"\" color=\"\" helvetica=\"\" segoe=\"\" style=\"box-sizing: border-box; font-size: 16px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; margin: 1em 0px; padding-left: 1.5rem; color: rgb(33, 37, 41); font-family: -apple-system, BlinkMacSystemFont, \" ui=\"\"\u003e    \u003cli style=\"box-sizing: border-box; font-size: inherit; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none;\"\u003e     1x M5Stack ENCODER-module\u003c\/li\u003e    \u003cli style=\"box-sizing: border-box; font-size: inherit; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none;\"\u003e     Encoder-draaipaneel\u003c\/li\u003e   \u003c\/ul\u003e   \u003ch2 apple=\"\" border-color:=\"\" border-style:=\"\" border-width:=\"\" color=\"\" color:=\"\" font-weight:=\"\" helvetica=\"\" id=\"related-link\" line-height:=\"\" padding:=\"\" segoe=\"\" style=\"box-sizing: border-box; font-size: var(--heading-h2-font-size); -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; margin: var(--heading-h2-margin, var(--heading-margin)); font-family: -apple-system, BlinkMacSystemFont, \" ui=\"\"\u003e    \u003cspan style=\"font-size:16px;\"\u003e\u003cstrong\u003e\u003cspan style=\"box-sizing: border-box; text-size-adjust: none; border-bottom-style: initial; border-bottom-color: initial;\"\u003eGerelateerde link:\u003c\/span\u003e\u003c\/strong\u003e\u003c\/span\u003e\n\u003c\/h2\u003e   \u003cul apple=\"\" color=\"\" helvetica=\"\" segoe=\"\" style=\"box-sizing: border-box; font-size: 16px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; margin: 1em 0px; padding-left: 1.5rem; color: rgb(33, 37, 41); font-family: -apple-system, BlinkMacSystemFont, \" ui=\"\"\u003e    \u003cli style=\"box-sizing: border-box; font-size: inherit; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none;\"\u003e     \u003cp style=\"box-sizing: border-box; font-size: inherit; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; margin: 1em 0px;\"\u003e      \u003cspan style=\"box-sizing: border-box; font-size: inherit; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; font-weight: bolder;\"\u003e\u003ca href=\"https:\/\/www.youtube.com\/channel\/UCozgFVglWYQXbvTmGyS739w\" style=\"box-sizing: border-box; font-size: inherit; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; text-decoration-color: var(--link-text-decoration-color); text-decoration-skip-ink: auto; background-color: transparent; border-bottom: var(--link-border-bottom);\" target=\"_blank\"\u003e\u003cspan style=\"color:#ff0000;\"\u003eOfficiële video\u003c\/span\u003e\u003c\/a\u003e\u003c\/span\u003e\u003c\/p\u003e    \u003c\/li\u003e    \u003cli style=\"box-sizing: border-box; font-size: inherit; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none;\"\u003e     \u003cp style=\"box-sizing: border-box; font-size: inherit; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; margin: 1em 0px;\"\u003e      \u003cspan style=\"box-sizing: border-box; font-size: inherit; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; font-weight: bolder;\"\u003e\u003ca href=\"http:\/\/forum.m5stack.com\/\" style=\"box-sizing: border-box; font-size: inherit; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; text-decoration-color: var(--link-text-decoration-color); text-decoration-skip-ink: auto; background-color: transparent; border-bottom: var(--link-border-bottom);\" target=\"_blank\"\u003e\u003cspan style=\"color:#ff0000;\"\u003eForum\u003c\/span\u003e\u003c\/a\u003e\u003c\/span\u003e\u003c\/p\u003e    \u003c\/li\u003e    \u003cli style=\"box-sizing: border-box; font-size: inherit; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none;\"\u003e     \u003cp style=\"box-sizing: border-box; font-size: inherit; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; margin: 1em 0px;\"\u003e      \u003cspan style=\"box-sizing: border-box; font-size: inherit; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; font-weight: bolder;\"\u003e\u003ca href=\"https:\/\/github.com\/m5stack\/M5-ProductExampleCodes\/tree\/master\/Module\/ENCODER\/firmware_328p\/FacesEncoder328\" style=\"box-sizing: border-box; font-size: inherit; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; text-decoration-color: var(--link-text-decoration-color); text-decoration-skip-ink: auto; background-color: transparent; border-bottom: var(--link-border-bottom);\" target=\"_blank\"\u003e\u003cspan style=\"color:#ff0000;\"\u003eT\u003c\/span\u003e\u003c\/a\u003e\u003c\/span\u003e\u003cspan style=\"box-sizing: border-box; font-size: inherit; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; font-weight: bolder;\"\u003e\u003ca href=\"https:\/\/github.com\/m5stack\/M5-ProductExampleCodes\/tree\/master\/Module\/ENCODER\/firmware_328p\/FacesEncoder328\" style=\"box-sizing: border-box; font-size: inherit; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; text-decoration-color: var(--link-text-decoration-color); text-decoration-skip-ink: auto; background-color: transparent; border-bottom: var(--link-border-bottom);\" target=\"_blank\"\u003e\u003cspan style=\"color:#ff0000;\"\u003ehij Firmware van binnen MEGA328\u003c\/span\u003e\u003c\/a\u003e\u003c\/span\u003e\u003c\/p\u003e    \u003c\/li\u003e   \u003c\/ul\u003e   \u003ch2 apple=\"\" border-color:=\"\" border-style:=\"\" border-width:=\"\" color=\"\" color:=\"\" font-weight:=\"\" helvetica=\"\" id=\"easyloader-1\" line-height:=\"\" padding:=\"\" segoe=\"\" style=\"box-sizing: border-box; font-size: var(--heading-h2-font-size); -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; margin: var(--heading-h2-margin, var(--heading-margin)); font-family: -apple-system, BlinkMacSystemFont, \" ui=\"\"\u003e     \u003c\/h2\u003e   \u003ch2 apple=\"\" border-color:=\"\" border-style:=\"\" border-width:=\"\" color=\"\" color:=\"\" font-weight:=\"\" helvetica=\"\" id=\"example\" line-height:=\"\" padding:=\"\" segoe=\"\" style=\"box-sizing: border-box; font-size: var(--heading-h2-font-size); -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; margin: var(--heading-h2-margin, var(--heading-margin)); font-family: -apple-system, BlinkMacSystemFont, \" ui=\"\"\u003e    \u003cspan style=\"font-size:16px;\"\u003e\u003cstrong\u003e\u003cspan style=\"box-sizing: border-box; text-size-adjust: none; border-bottom-style: initial; border-bottom-color: initial;\"\u003eVoorbeeld:\u003c\/span\u003e\u003c\/strong\u003e\u003c\/span\u003e\n\u003c\/h2\u003e   \u003ch3 apple=\"\" border-color:=\"\" border-style:=\"\" border-width:=\"\" color=\"\" color:=\"\" font-weight:=\"\" helvetica=\"\" id=\"-ide\" line-height:=\"\" padding:=\"\" segoe=\"\" style=\"box-sizing: border-box; font-size: var(--heading-h3-font-size); -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; margin-top: 1rem; font-family: -apple-system, BlinkMacSystemFont, \" ui=\"\"\u003e    \u003cspan style=\"font-size:16px;\"\u003e\u003cspan style=\"box-sizing: border-box; text-size-adjust: none; border-bottom-style: initial; border-bottom-color: initial;\"\u003evoor IDE\u003c\/span\u003e\u003c\/span\u003e\n\u003c\/h3\u003e   \u003cp apple=\"\" color=\"\" helvetica=\"\" segoe=\"\" style=\"box-sizing: border-box; font-size: 16px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; margin: 1em 0px; color: rgb(33, 37, 41); font-family: -apple-system, BlinkMacSystemFont, \" ui=\"\"\u003e    \u003cem style=\"box-sizing: border-box; font-size: inherit; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none;\"\u003eAls u de volledige code wilt \u003ccode style=\"box-sizing: border-box; font-size: var(--code-font-size); -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; font-family: var(--code-font-family); color: var(--code-inline-color, currentColor); word-break: break-word; font-weight: var(--code-font-weight); line-height: inherit; margin: var(--code-inline-margin); padding: var(--code-inline-padding); border-radius: var(--code-inline-border-radius); background: var(--code-inline-background); white-space: nowrap;\"\u003efaces_encoder.ino\u003c\/code\u003e, klik alstublieft \u003cstrong\u003e\u003ca href=\"https:\/\/github.com\/m5stack\/M5-ProductExampleCodes\/tree\/master\/Module\/ENCODER\/\/faces_encoder\" style=\"box-sizing: border-box; font-size: inherit; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; text-decoration-color: var(--link-text-decoration-color); text-decoration-skip-ink: auto; background-color: transparent; border-bottom: var(--link-border-bottom);\" target=\"_blank\"\u003e\u003cspan style=\"color:#ff0000;\"\u003ehier\u003c\/span\u003e\u003c\/a\u003e\u003c\/strong\u003e.\u003c\/em\u003e\u003c\/p\u003e   \u003cpre data-lang=\"\" style=\"box-sizing: border-box; font-size: var(--code-font-size); -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; font-family: var(--code-font-family); line-height: var(--code-block-line-height); margin: var(--code-block-margin); overflow: hidden; color: var(--code-theme-text); background: var(--code-theme-background); tab-size: var(--code-tab-size); overflow-wrap: normal; word-break: normal; hyphens: none; position: relative; padding: 0px; border-radius: var(--code-block-border-radius);\" v-pre=\"\"\u003e  \u003ccode class=\"lang-\" style=\"box-sizing: border-box; font-size: var(--code-font-size); -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; font-family: var(--code-font-family); color: var(--code-theme-text); word-break: normal; font-weight: var(--code-font-weight); line-height: var(--code-block-line-height); tab-size: var(--code-tab-size); word-spacing: normal; overflow-wrap: normal; hyphens: none; display: block; overflow: auto; padding: var(--code-block-padding);\"\u003e\/ * * faces_encoder.ino * \/ #include \u003cspan class=\"token tag\" style=\"box-sizing: border-box; font-size: inherit; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; color: var(--code-theme-tag);\"\u003e\u003cspan class=\"token tag\" style=\"box-sizing: border-box; font-size: inherit; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; color: var(--code-theme-tag);\"\u003e\u003cspan class=\"token punctuation\" style=\"box-sizing: border-box; font-size: inherit; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; color: var(--code-theme-punctuation);\"\u003e\u0026lt;\u003c\/span\u003eM5Stack.h\u003c\/span\u003e\u003cspan class=\"token punctuation\" style=\"box-sizing: border-box; font-size: inherit; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; color: var(--code-theme-punctuation);\"\u003e\u0026gt;\u003c\/span\u003e\u003c\/span\u003e    #define Faces_Encoder_I2C_ADDR 0X5E \/\/ verklaring int encoder_increment; \/\/ positief: met de klok mee nagtive: tegen de klok in uint16_t encoder_value = 0; int button_state; uint8_t richting; \/\/ 0: met de klok mee 1: tegen de klok in int temp_encoder_increment; \/\/ initialisatie M5.begin (); Wire.begin (); \/\/ gegevens ophalen van ENCONDER Wire.requestFrom (Faces_Encoder_I2C_ADDR, 3); if (Wire.available ()){      temp_encoder_increment = Wire.read();\/\/ the first byte: increment      button_state = Wire.read();\/\/ the second byte: button value  }    \/\/ IIC send data, 4bytes  Wire.beginTransmission(Faces_Encoder_I2C_ADDR);  Wire.write(led_index);  Wire.write(r);  Wire.write(g);  Wire.write(b);  Wire.endTransmission();\u003c\/code\u003e\u003cbutton class=\"docsify-copy-code-button\" style=\"font-size: 1em; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; font-family: inherit; margin: 0px; border-top-left-radius: 0px; border-bottom-right-radius: 0px; line-height: inherit; overflow: visible; cursor: pointer; transition: all 0.25s ease 0s; position: absolute; z-index: 1; top: 0px; right: 0px; padding: 0.65em 0.8em; border-width: 0px; border-style: initial; border-color: initial; outline: 0px; background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat-x: ; background-repeat-y: ; background-attachment: ; background-origin: ; background-clip: ; opacity: 0;\"\u003e\u003cspan class=\"label\" style=\"box-sizing: border-box; font-size: inherit; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; cursor: pointer; transition: all 0.25s ease 0s; border-radius: var(--border-radius-s, 0); background: inherit; pointer-events: none;\"\u003eKopieer naar klembord\u003c\/span\u003e\u003cspan class=\"error\" style=\"box-sizing: border-box; font-size: 0.825em; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; cursor: pointer; transition: all 0.25s ease 0s; border-radius: var(--border-radius-s, 0); background: inherit; pointer-events: none; position: absolute; z-index: -100; top: 22.375px; left: 0px; padding: 0.5em 0.65em; opacity: 0; transform: translateY(-50%);\"\u003eFout\u003c\/span\u003e\u003cspan class=\"success\" style=\"box-sizing: border-box; font-size: 0.825em; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; cursor: pointer; transition: all 0.25s ease 0s; border-radius: var(--border-radius-s, 0); background: inherit; pointer-events: none; position: absolute; z-index: -100; top: 22.375px; left: 0px; padding: 0.5em 0.65em; opacity: 0; transform: translateY(-50%);\"\u003egekopieerde\u003c\/span\u003e\u003c\/button\u003e\u003c\/pre\u003e   \u003cimg apple=\"\" class=\"medium-zoom-image\" color=\"\" height=\"55%\" helvetica=\"\" segoe=\"\" src=\"https:\/\/docs.m5stack.com\/assets\/img\/product_pics\/module\/module_example\/ENCODER\/example_faces_encoder_01.png\" style=\"box-sizing: border-box; font-size: 16px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; border: 0px none; vertical-align: middle; cursor: zoom-in; transition: transform 0.3s ease 0s; max-width: 100%; color: rgb(33, 37, 41); font-family: -apple-system, BlinkMacSystemFont, \" ui=\"\" width=\"55%\"\u003e\n\u003c\/blockquote\u003e  \u003cbr\u003e\u003cimg alt=\"\" src=\"https:\/\/img.bgxcdn.com\/images\/oaupload\/ser1\/banggood\/images\/BC\/E8\/8a418263-70b8-43d0-8e97-c50bf27759d5.jpg\"\u003e\u003cbr\u003e\u003cimg alt=\"\" src=\"https:\/\/img.bgxcdn.com\/images\/oaupload\/ser1\/banggood\/images\/7D\/81\/9f1ba554-ae18-49bd-87fb-4fd835eeb554.jpg\"\u003e","brand":"123Materialen.com","offers":[{"title":"Default Title","offer_id":43263677333671,"sku":"Q1538395","price":21.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0610\/5015\/9271\/products\/b9701b16-b90a-46c2-a813-989bfea9b58a_22a0c8d5-4f47-4000-b21e-1b01e2c48064.jpg?v=1680886049","url":"https:\/\/www.123materialen.com\/products\/encodermodule-voor-m5stack-gezichten-esp32-pocketcomputer-met-12-stks-rgb-led-mega328-binnen-i2c_1538395","provider":"123materialen","version":"1.0","type":"link"}