{"product_id":"joystick-module-mega328p-i2c-grove-connector-compatibel-x-y-as-knopkap_1549730","title":"joystick module mega328p i2c\/grove connector compatibel x\/y-as knopkap","description":"\u003ch2 id=\"description\" 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, \" segoe ui roboto neue arial sans-serif color emoji symbol var font-weight:=\"\" line-height:=\"\" color:=\"\" padding:=\"\" border-width:=\"\" border-style:=\"\" border-color:=\"\"\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 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, \" segoe ui roboto neue arial sans-serif color emoji symbol\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);\"\u003eJOYSTICK\u003c\/span\u003e, we hebben twee soorten JOYSTICKs waarvan er één wordt gekocht op een panle die compatibel is met FACES Kit, dit is de M5Unit-versie van \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);\"\u003eJOYSTICK\u003c\/span\u003e\u003c\/p\u003e  \u003cp 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, \" segoe ui roboto neue arial sans-serif color emoji symbol\u003e   JOYSTICK lijkt erg op de 'analoge' joystick op PS2 (Play Station 2) -controllers. De X- en Y-assen zijn twee 10k-potentiometers die 2D-bewegingen besturen door analoge signalen te genereren. De joystick heeft ook een drukknop die kan worden gebruikt voor speciale toepassingen. Daarom kan de gehele eenheid XY-bewegingssignalen in beide richtingen en Z-richting uitvoeren.\u003c\/p\u003e  \u003cp 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, \" segoe ui roboto neue arial sans-serif color emoji symbol\u003e   Zoals in het schema is ontworpen, is de Joystick X-dimensie verbonden met pin A0 van MEGA328, de Joystick Y-dimensie is verbonden met pin A1 op MEGA328, is de Joystick Z-dimensie verbonden met pin A2 op MEGA328.\u003c\/p\u003e  \u003cimg class=\"medium-zoom-image\" height=\"50%\" src=\"https:\/\/docs.m5stack.com\/assets\/img\/product_pics\/unit\/M5GO_Unit_joystick_02.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, \" segoe ui roboto neue arial sans-serif color emoji symbol width=\"50%\"\u003e  \u003cp 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, \" segoe ui roboto neue arial sans-serif color emoji symbol\u003e   Dit apparaat communiceert met de M5Core via de GROVE A-interface. Het is I2C adres is 0x52. Door de gegevens te lezen die zijn overgedragen van JOSTICK, kunt u de bewegingsinformatie van JOYSTICK verkrijgen.\u003c\/p\u003e  \u003ch2 id=\"product-features\" 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, \" segoe ui roboto neue arial sans-serif color emoji symbol var font-weight:=\"\" line-height:=\"\" color:=\"\" padding:=\"\" border-width:=\"\" border-style:=\"\" border-color:=\"\"\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 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, \" segoe ui roboto neue arial sans-serif color emoji symbol\u003e   \u003cli style=\"box-sizing: border-box; font-size: inherit; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none;\"\u003e    Uitgangswaarde van X, Y-richting: 10 ~ 250\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    Uitgangswaarde van Z-richting is (0: vrijgegeven; 1: ingedrukt)\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    Software Development Platform: voor, UIFlow (Blockly, Python)\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    Twee Le go-compatibele gaten\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: 48,2 mm x 24,2 mm x 22,5 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: 11,4 g\u003c\/li\u003e  \u003c\/ul\u003e  \u003ch2 id=\"include\" 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, \" segoe ui roboto neue arial sans-serif color emoji symbol var font-weight:=\"\" line-height:=\"\" color:=\"\" padding:=\"\" border-width:=\"\" border-style:=\"\" border-color:=\"\"\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;\"\u003ePakket inbegrepen:\u003c\/span\u003e\u003c\/strong\u003e\u003c\/span\u003e\n\u003c\/h2\u003e  \u003cul 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, \" segoe ui roboto neue arial sans-serif color emoji symbol\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 JOYSTICK-eenheid\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    1x Grove kabel\u003c\/li\u003e  \u003c\/ul\u003e  \u003ch2 id=\"application\" 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, \" segoe ui roboto neue arial sans-serif color emoji symbol var font-weight:=\"\" line-height:=\"\" color:=\"\" padding:=\"\" border-width:=\"\" border-style:=\"\" border-color:=\"\"\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;\"\u003eToepassing:\u003c\/span\u003e\u003c\/strong\u003e\u003c\/span\u003e\n\u003c\/h2\u003e  \u003cul 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, \" segoe ui roboto neue arial sans-serif color emoji symbol\u003e   \u003cli style=\"box-sizing: border-box; font-size: inherit; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none;\"\u003e    Game Controller\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    Afstandsbediening robot\u003c\/li\u003e  \u003c\/ul\u003e  \u003ch2 id=\"related-link\" 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, \" segoe ui roboto neue arial sans-serif color emoji symbol var font-weight:=\"\" line-height:=\"\" color:=\"\" padding:=\"\" border-width:=\"\" border-style:=\"\" border-color:=\"\"\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;\"\u003eGerelateerde link:\u003c\/span\u003e\u003c\/span\u003e\u003c\/strong\u003e\n\u003c\/h2\u003e  \u003cul 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, \" segoe ui roboto neue arial sans-serif color emoji symbol\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  \u003c\/ul\u003e  \u003ch2 id=\"easyloader\" 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, \" segoe ui roboto neue arial sans-serif color emoji symbol var font-weight:=\"\" line-height:=\"\" color:=\"\" padding:=\"\" border-width:=\"\" border-style:=\"\" border-color:=\"\"\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 class=\"medium-zoom-image\" 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, \" segoe ui roboto neue arial sans-serif color emoji symbol width=\"100px\" margin-top:=\"\"\u003e  \u003cp 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, \" segoe ui roboto neue arial sans-serif color emoji symbol\u003e   \u003ca href=\"https:\/\/m5stack.oss-cn-shenzhen.aliyuncs.com\/EasyLoader\/Unit\/EasyLoader_Joystick.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 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, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\"; quotes: \"\u0026lt;e style=' color:red=\"\"\u003e\n\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   \u003cspan style=\"background-color: rgb(247, 247, 247);\"\u003e1.EasyLoader is een eenvoudige en snelle programmabrander. Elke productpagina in EasyLoader biedt een productgerelateerd case-programma. Het kan door eenvoudige stappen naar de master worden gebrand en een reeks functieverificatie kan worden uitgevoerd.\u003c\/span\u003e\u003cbr\u003e   \u003cbr\u003e   \u003cspan style=\"font-size: inherit;\"\u003e2. Dubbelklik na het downloaden van de software om de toepassing uit te voeren, verbind het M5-apparaat via de datakabel met de computer, selecteer de poortparameters, klik \u003c\/span\u003e\u003cspan style=\"font-size: inherit; color: var(--strong-color, currentColor); box-sizing: border-box; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; font-weight: bolder;\"\u003e\"Brandwond\"\u003c\/span\u003e\u003cspan style=\"font-size: inherit;\"\u003e om te beginnen met branden. (\u003c\/span\u003e\u003cspan style=\"font-size: inherit; color: var(--strong-color, currentColor); box-sizing: border-box; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; font-weight: bolder;\"\u003eStel voor M5StickC-branden de baudrate in op 750000 of 115200\u003c\/span\u003e\u003cspan style=\"font-size: inherit;\"\u003e)\u003c\/span\u003e\u003cbr\u003e   \u003cbr\u003e   \u003cspan style=\"background-color: rgb(239, 246, 251);\"\u003e3. Momenteel is EasyLoader alleen geschikt voor het Windows-besturingssysteem, compatibel met het systeem M5 neemt ESP32 aan als controlecernhost. Voordat u M5Core installeert, moet u het CP210X-stuurprogramma installeren (u hoeft niet te installeren met M5StickC als controller)\u003c\/span\u003e\u003cstrong\u003e\u003ca href=\"https:\/\/docs.m5stack.com\/#\/en\/related_documents\/M5Burner?id=install-usb-driver\" style=\"box-sizing: border-box; -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  \u003cp class=\"warn\" 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-tip-border-width, var(--notice-border-width, 0)); border-style: var(--notice-tip-border-style, var(--notice-border-style)); border-color: var(--notice-tip-border-color, var(--notice-border-color)); border-radius: var(--notice-border-radius); background: var(--notice-tip-background, var(--notice-background)); font-family: -apple-system, BlinkMacSystemFont, \" segoe ui roboto neue arial sans-serif color emoji symbol color: rgb\u003e   \u003cspan style=\"font-size:16px;\"\u003e\u003cstrong\u003e\u003cspan style=\"font-weight: var(--heading-h2-font-weight, var(--heading-font-weight)); box-sizing: border-box; text-size-adjust: none; border-bottom-style: initial; border-bottom-color: initial;\"\u003ePinMap:\u003c\/span\u003e\u003c\/strong\u003e\u003c\/span\u003e\u003c\/p\u003e  \u003cp 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, \" segoe ui roboto neue arial sans-serif color emoji symbol\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);\"\u003eMega328 ISP\u003c\/span\u003eDownload interface Pin voet definitie\u003c\/p\u003e  \u003cimg class=\"medium-zoom-image\" height=\"30%\" src=\"https:\/\/docs.m5stack.com\/assets\/img\/product_pics\/app\/mega328_isp.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, \" segoe ui roboto neue arial sans-serif color emoji symbol width=\"30%\"\u003e  \u003ch2 id=\"example\" 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, \" segoe ui roboto neue arial sans-serif color emoji symbol font-weight: var line-height: color: padding: border-width: border-style: border-color:\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 id=\"_1--ide\" 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, \" segoe ui roboto neue arial sans-serif color emoji symbol font-weight: var line-height: color: padding: border-width: border-style: border-color:\u003e   \u003cstrong\u003e\u003cspan style=\"box-sizing: border-box; text-size-adjust: none; border-bottom-style: initial; border-bottom-color: initial;\"\u003e1. voor IDE\u003c\/span\u003e\u003c\/strong\u003e\n\u003c\/h3\u003e  \u003cp 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, \" segoe ui roboto neue arial sans-serif color emoji symbol\u003e   \u003cem style=\"box-sizing: border-box; font-size: inherit; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none;\"\u003eDe onderstaande code is onvolledig (alleen voor gebruik). Klik op om de volledige code te krijgen\u003cstrong\u003e\u003cspan style=\"color:#ff0000;\"\u003e \u003c\/span\u003e\u003ca href=\"https:\/\/github.com\/m5stack\/M5-ProductVoorbeeldCodes\/tree\/master\/Unit\/JOYSTICK\/\" 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\u003cbr\u003e   \u003cbr\u003e   \u003cem style=\"box-sizing: border-box; font-size: inherit; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none;\"\u003e\u003cimg class=\"medium-zoom-image\" src=\"https:\/\/docs.m5stack.com\/assets\/img\/product_pics\/unit\/unit_example\/JOYSTICK\/example_unit_joystick_04.png\" style=\"box-sizing: border-box; -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%;\"\u003e\u003c\/em\u003e\u003c\/p\u003e  \u003ch3 id=\"_2-uiflow\" 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: var(--heading-h3-margin, var(--heading-margin)); font-family: -apple-system, BlinkMacSystemFont, \" segoe ui roboto neue arial sans-serif color emoji symbol font-weight: var line-height: color: padding: border-width: border-style: border-color:\u003e   \u003cstrong\u003e\u003cspan style=\"box-sizing: border-box; text-size-adjust: none; border-bottom-style: initial; border-bottom-color: initial;\"\u003e2. UIFlow\u003c\/span\u003e\u003c\/strong\u003e\n\u003c\/h3\u003e  \u003cp 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, \" segoe ui roboto neue arial sans-serif color emoji symbol\u003e   \u003cem style=\"box-sizing: border-box; font-size: inherit; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none;\"\u003eKlik op om de volledige code te krijgen\u003cstrong\u003e\u003cspan style=\"color:#ff0000;\"\u003e \u003c\/span\u003e\u003ca href=\"https:\/\/github.com\/m5stack\/M5-ProductVoorbeeldCodes\/tree\/master\/Unit\/JOYSTICK\/UIFlow\" 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\u003cspan style=\"color:#ff0000;\"\u003e.\u003c\/span\u003e\u003c\/strong\u003e\u003c\/em\u003e\u003c\/p\u003e  \u003cimg class=\"medium-zoom-image\" src=\"https:\/\/docs.m5stack.com\/assets\/img\/product_pics\/unit\/unit_example\/JOYSTICK\/example_unit_joystick_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, \" segoe ui roboto neue arial sans-serif color emoji symbol\u003e  \u003ch2 id=\"schematic\" 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, \" segoe ui roboto neue arial sans-serif color emoji symbol font-weight: var line-height: color: padding: border-width: border-style: border-color:\u003e   \u003cbr\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;\"\u003eSchematisch:\u003c\/span\u003e\u003c\/strong\u003e\u003c\/span\u003e\n\u003c\/h2\u003e  \u003cbr\u003e  \u003cimg class=\"medium-zoom-image\" src=\"https:\/\/docs.m5stack.com\/assets\/img\/product_pics\/unit\/joystick_sch.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, \" segoe ui roboto neue arial sans-serif color emoji symbol\u003e  \u003ch3 id=\"pinmap-1\" 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: var(--heading-h3-margin, var(--heading-margin)); font-family: -apple-system, BlinkMacSystemFont, \" segoe ui roboto neue arial sans-serif color emoji symbol font-weight: var line-height: color: padding: border-width: border-style: border-color:\u003e   \u003cbr\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;\"\u003ePinMap:\u003c\/span\u003e\u003c\/strong\u003e\u003c\/span\u003e\n\u003c\/h3\u003e  \u003cbr\u003e  \u003ctable style=\"box-sizing: border-box; font-size: 16px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; border-collapse: collapse; display: block; overflow: auto; margin: 1rem 0px; border-spacing: 0px; color: rgb(33, 37, 41); font-family: -apple-system, BlinkMacSystemFont, \" segoe ui roboto neue arial sans-serif color emoji symbol\u003e   \u003ctbody style=\"box-sizing: border-box; font-size: inherit; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; border-color: var(--table-body-border-color); border-style: solid; border-width: var(--table-body-border-width, 0);\"\u003e    \u003ctr style=\"box-sizing: border-box; font-size: inherit; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; background: var(--table-row-odd-background);\"\u003e     \u003ctd style=\"box-sizing: border-box; font-size: inherit; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; padding: var(--table-cell-padding); border-color: var(--table-cell-border-color); border-style: solid; border-width: var(--table-cell-border-width, 0);\"\u003e      M5Core (GROVE A)\u003c\/td\u003e     \u003ctd style=\"box-sizing: border-box; font-size: inherit; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; padding: var(--table-cell-padding); border-color: var(--table-cell-border-color); border-style: solid; border-width: var(--table-cell-border-width, 0);\"\u003e      GPIO22\u003c\/td\u003e     \u003ctd style=\"box-sizing: border-box; font-size: inherit; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; padding: var(--table-cell-padding); border-color: var(--table-cell-border-color); border-style: solid; border-width: var(--table-cell-border-width, 0);\"\u003e      GPIO21\u003c\/td\u003e     \u003ctd style=\"box-sizing: border-box; font-size: inherit; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; padding: var(--table-cell-padding); border-color: var(--table-cell-border-color); border-style: solid; border-width: var(--table-cell-border-width, 0);\"\u003e      5V\u003c\/td\u003e     \u003ctd style=\"box-sizing: border-box; font-size: inherit; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; padding: var(--table-cell-padding); border-color: var(--table-cell-border-color); border-style: solid; b\u0026lt;br style=\" font-size:\u003e\u003c\/td\u003e\n\u003cimg alt=\"\" src=\"https:\/\/imgaz.staticbg.com\/images\/oaaupload\/ser1\/banggood\/images\/7D\/5B\/865a1d08-2806-41aa-b722-02fb24697b89.JPG\" style=\"font-size: 13.3333px;\"\u003e\u003cbr style=\"font-size: 13.3333px;\"\u003e\u003cbr style=\"font-size: 13.3333px;\"\u003e\u003cimg alt=\"\" src=\"https:\/\/imgaz.staticbg.com\/images\/oaupload\/ser1\/banggood\/images\/75\/03\/49679cb8-fcb1-4bba-b690-83edbf7be853.JPG\" style=\"font-size: 13.3333px;\"\u003e\u003cbr style=\"font-size: 13.3333px;\"\u003e\u003cbr style=\"font-size: 13.3333px;\"\u003e\u003cimg alt=\"\" src=\"https:\/\/imgaz.staticbg.com\/images\/oaupload\/ser1\/banggood\/images\/68\/92\/97aef605-47d8-4d65-9aeb-ec0c5f41353a.JPG\" style=\"font-size: 13.3333px;\"\u003e\u003cbr style=\"font-size: 13.3333px;\"\u003e\u003cbr style=\"font-size: 13.3333px;\"\u003e\u003cimg alt=\"\" src=\"https:\/\/imgaz.staticbg.com\/images\/oaupload\/ser1\/banggood\/images\/46\/DF\/f8f0e59e-244e-400d-af91-0f7b862a4faf.JPG\" style=\"font-size: 13.3333px;\"\u003e\u003cbr style=\"font-size: 13.3333px;\"\u003e\u003cbr style=\"font-size: 13.3333px;\"\u003e\u003cimg alt=\"\" src=\"https:\/\/imgaz.staticbg.com\/images\/oaupload\/ser1\/banggood\/images\/7D\/42\/b9eeb145-a5e8-4714-b5c1-bb444f4060b1.JPG\" style=\"font-size: 13.3333px;\"\u003e\u003cbr style=\"font-size: 13.3333px;\"\u003e\u003cbr style=\"font-size: 13.3333px;\"\u003e\u003cimg alt=\"\" src=\"https:\/\/imgaz.staticbg.com\/images\/oaupload\/ser1\/banggood\/images\/F6\/EF\/1091ab0d-c42f-4c2e-8487-8cb41ed6bbf5.JPG\" style=\"font-size: 13.3333px;\"\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/blockquote\u003e","brand":"123Materialen.com","offers":[{"title":"Default Title","offer_id":43264592085159,"sku":"DDNL1549730","price":19.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0610\/5015\/9271\/products\/f3ae18d1-e07a-44f2-8f88-c5de9f5ed981_54f5169a-ea10-403e-a1d9-32b8fb32a132.jpg?v=1680893155","url":"https:\/\/www.123materialen.com\/products\/joystick-module-mega328p-i2c-grove-connector-compatibel-x-y-as-knopkap_1549730","provider":"123materialen","version":"1.0","type":"link"}