{"product_id":"joystick-module-mega328p-i2c-grove-connector-compatible-x-y-axis-button-cap","title":"Joystick Module MEGA328P I2C\/Grove Connector Compatible X\/Y Axis \u0026 Button Cap","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, \"Helvetica Neue\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\"; font-weight: var(--heading-h2-font-weight, var(--heading-font-weight)); line-height: var(--base-line-height); color: var(--heading-h2-color, var(--heading-color)); padding: var(--heading-h2-padding, var(--heading-padding)); border-width: var(--heading-h2-border-width, 0); border-style: var(--heading-h2-border-style); border-color: var(--heading-h2-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;\"\u003eDescription:\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, \"Helvetica Neue\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI 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 have two types of JOYSTICKs one is bui ld on a panle compatible with FACES Kit, this is the M5Unit version of \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, \"Helvetica Neue\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";'\u003e   JOYSTICK is very similar to the 'analog' joystick on PS2 (Play Station 2) controllers. The X and Y axes are two 10k potentiometers which control 2D movement by generating analog signals. The joystick also has a push button that could be used for special applications. Therefore, the entire Unit can output X-Y motion signals in both directions and Z direction.\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, \"Helvetica Neue\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";'\u003e   As designed in the schematic, the Joystick X dimension is connected to pin A0 of MEGA328, the Joystick Y dimension is connected to pin A1 on MEGA328, the Joystick Z dimension is connected to pin A2 on 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, \"Helvetica Neue\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI 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, \"Helvetica Neue\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";'\u003e   This Unit communicates with the M5Core via the GROVE A interface. It's I2C address is 0x52. By reading the data transferred from JOSTICK, you can obtain the motion information of JOYSTICK.\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, \"Helvetica Neue\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\"; font-weight: var(--heading-h2-font-weight, var(--heading-font-weight)); line-height: var(--base-line-height); color: var(--heading-h2-color, var(--heading-color)); padding: var(--heading-h2-padding, var(--heading-padding)); border-width: var(--heading-h2-border-width, 0); border-style: var(--heading-h2-border-style); border-color: var(--heading-h2-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;\"\u003eProduct Features:\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, \"Helvetica Neue\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI 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    Output value of X, Y direction: 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    Output value of Z direction is (0: released; 1: pressed)\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 : for , 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    Two Le go-compatible holes\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    Product Size: 48.2mm x 24.2mm x 22.5mm\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    Product weight: 11.4g\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, \"Helvetica Neue\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\"; font-weight: var(--heading-h2-font-weight, var(--heading-font-weight)); line-height: var(--base-line-height); color: var(--heading-h2-color, var(--heading-color)); padding: var(--heading-h2-padding, var(--heading-padding)); border-width: var(--heading-h2-border-width, 0); border-style: var(--heading-h2-border-style); border-color: var(--heading-h2-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;\"\u003ePackage Included:\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, \"Helvetica Neue\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI 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 Unit\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 Cable\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, \"Helvetica Neue\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\"; font-weight: var(--heading-h2-font-weight, var(--heading-font-weight)); line-height: var(--base-line-height); color: var(--heading-h2-color, var(--heading-color)); padding: var(--heading-h2-padding, var(--heading-padding)); border-width: var(--heading-h2-border-width, 0); border-style: var(--heading-h2-border-style); border-color: var(--heading-h2-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;\"\u003eApplication:\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, \"Helvetica Neue\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI 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    Robot remote control\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, \"Helvetica Neue\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\"; font-weight: var(--heading-h2-font-weight, var(--heading-font-weight)); line-height: var(--base-line-height); color: var(--heading-h2-color, var(--heading-color)); padding: var(--heading-h2-padding, var(--heading-padding)); border-width: var(--heading-h2-border-width, 0); border-style: var(--heading-h2-border-style); border-color: var(--heading-h2-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;\"\u003eRelated 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, \"Helvetica Neue\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI 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;\"\u003eOffical 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, \"Helvetica Neue\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\"; font-weight: var(--heading-h2-font-weight, var(--heading-font-weight)); line-height: var(--base-line-height); color: var(--heading-h2-color, var(--heading-color)); padding: var(--heading-h2-padding, var(--heading-padding)); border-width: var(--heading-h2-border-width, 0); border-style: var(--heading-h2-border-style); border-color: var(--heading-h2-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, \"Helvetica Neue\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\"; margin-top: 20px;' width=\"100px\"\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, \"Helvetica Neue\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI 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\"\u003eclick to download EasyLoader\u003c\/button\u003e\u003c\/a\u003e\u003c\/p\u003e  \u0026lt;blockquote 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, \u0026amp;quot;Segoe UI\u0026amp;quot;, Roboto, \u0026amp;quot;Helvetica Neue\u0026amp;quot;, Arial, sans-serif, \u0026amp;quot;Apple Color Emoji\u0026amp;quot;, \u0026amp;quot;Segoe UI Emoji\u0026amp;quot;, \u0026amp;quot;Segoe UI Symbol\u0026amp;quot;; quotes: \u0026amp;quot;\u003ce style=\" color:red;\"\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   \u003cspan style=\"background-color: rgb(247, 247, 247);\"\u003e1.EasyLoader is a simple and fast program burner. Every product page in EasyLoader provides a product-related case program. It can be burned to the mas ter through simple steps, and a series of function verification can be performed.\u003c\/span\u003e\u003cbr\u003e   \u003cbr\u003e   \u003cspan style=\"font-size: inherit;\"\u003e2.After downloading the software, double-click to run the application, connect the M5 device to the computer through the data cable, select the port parameters, click \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\"Burn\"\u003c\/span\u003e\u003cspan style=\"font-size: inherit;\"\u003e to start burning. (\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;\"\u003eFor M5StickC burning, please Set the baud rate to 750000 or 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. Currently EasyLoader is only suitable for Windows operating system, compatible with M5 system adopts ESP32 as the control core host. Before installing for M5Core, you need to install CP210X driver (you do not need to install with M5StickC as 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;\"\u003eClick here to view the driver installation tutorial\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, \"Helvetica Neue\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\"; color: rgb(33, 37, 41);'\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, \"Helvetica Neue\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI 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 foot definition\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, \"Helvetica Neue\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI 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, \"Helvetica Neue\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\"; font-weight: var(--heading-h2-font-weight, var(--heading-font-weight)); line-height: var(--base-line-height); color: var(--heading-h2-color, var(--heading-color)); padding: var(--heading-h2-padding, var(--heading-padding)); border-width: var(--heading-h2-border-width, 0); border-style: var(--heading-h2-border-style); border-color: var(--heading-h2-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;\"\u003eExample\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, \"Helvetica Neue\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\"; font-weight: var(--heading-h3-font-weight, var(--heading-font-weight)); line-height: 1.2; color: var(--heading-h3-color, var(--heading-color)); padding: var(--heading-h3-padding, var(--heading-padding)); border-width: var(--heading-h3-border-width, 0); border-style: var(--heading-h3-border-style); border-color: var(--heading-h3-border-color);'\u003e   \u003cstrong\u003e\u003cspan style=\"box-sizing: border-box; text-size-adjust: none; border-bottom-style: initial; border-bottom-color: initial;\"\u003e1. for  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, \"Helvetica Neue\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";'\u003e   \u003cem style=\"box-sizing: border-box; font-size: inherit; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none;\"\u003eThe code below is incomplete(just for usage).To get complete code, please click\u003cstrong\u003e\u003cspan style=\"color:#ff0000;\"\u003e \u003c\/span\u003e\u003ca href=\"https:\/\/github.com\/m5stack\/M5-ProductExampleCodes\/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;\"\u003ehere\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, \"Helvetica Neue\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\"; font-weight: var(--heading-h3-font-weight, var(--heading-font-weight)); line-height: 1.2; color: var(--heading-h3-color, var(--heading-color)); padding: var(--heading-h3-padding, var(--heading-padding)); border-width: var(--heading-h3-border-width, 0); border-style: var(--heading-h3-border-style); border-color: var(--heading-h3-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, \"Helvetica Neue\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";'\u003e   \u003cem style=\"box-sizing: border-box; font-size: inherit; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none;\"\u003eTo get complete code, please click\u003cstrong\u003e\u003cspan style=\"color:#ff0000;\"\u003e \u003c\/span\u003e\u003ca href=\"https:\/\/github.com\/m5stack\/M5-ProductExampleCodes\/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;\"\u003ehere\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, \"Helvetica Neue\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI 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, \"Helvetica Neue\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\"; font-weight: var(--heading-h2-font-weight, var(--heading-font-weight)); line-height: var(--base-line-height); color: var(--heading-h2-color, var(--heading-color)); padding: var(--heading-h2-padding, var(--heading-padding)); border-width: var(--heading-h2-border-width, 0); border-style: var(--heading-h2-border-style); border-color: var(--heading-h2-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;\"\u003eSchematic:\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, \"Helvetica Neue\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI 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, \"Helvetica Neue\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\"; font-weight: var(--heading-h3-font-weight, var(--heading-font-weight)); line-height: 1.2; color: var(--heading-h3-color, var(--heading-color)); padding: var(--heading-h3-padding, var(--heading-padding)); border-width: var(--heading-h3-border-width, 0); border-style: var(--heading-h3-border-style); border-color: var(--heading-h3-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, \"Helvetica Neue\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI 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(\"\u003e\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\u003c\/e\u003e","brand":"Electronic Pro","offers":[{"title":"Default Title","offer_id":35468105482396,"sku":"1549730","price":437.7,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/2787\/9162\/products\/f3ae18d1-e07a-44f2-8f88-c5de9f5ed981.jpg?v=1597149439","url":"https:\/\/electronic-pro-south-africa.myshopify.com\/products\/joystick-module-mega328p-i2c-grove-connector-compatible-x-y-axis-button-cap","provider":"Electronic Pro ","version":"1.0","type":"link"}