Book Image

M5Stack Electronic Blueprints

By : Don Wilcher
Book Image

M5Stack Electronic Blueprints

By: Don Wilcher

Overview of this book

As an embedded systems developer or an IoT developer, you can often face challenges in maintaining focus on prototyping a product concept while using a specific high-level programming language for implementation. To overcome these challenges, the M5Stack Core platform uses an ESP32 microcontroller and block code that allows you to focus on product creation and application instead of the high-level programming language. M5Stack Electronics Blueprints presents various design and prototyping approaches as well as UI layout and electronics interfacing techniques that will help you to become skilled in developing useful products effectively. This book takes you through a hands-on journey for a better understanding of the ESP32 microcontroller and the M5Stack Core's architecture. You’ll delve into M5Stack Core topics such as electronic units, light, sound, motion devices, interfacing circuits, SNAP circuit kits, Arduino applications, and building Bluetooth and Wi-Fi IoT devices. Further, you’ll explore various M5Stack core applications using a project-based learning method, including the fascinating 32-bit microcontroller device technology. By the end of this book, you’ll be able to design and build interactive, portable electronic controllers, IoT, and wearable devices using the M5Stack Core.
Table of Contents (14 chapters)
1
Part 1: M5Stack Electronics Hardware Architecture
5
Part 2: M5Stack Electronic Interfacing Circuit Projects
9
Part 3: M5Stack IoT Projects

Coding an M5Stack Core interactive emoji

An emoji is a small icon that conveys the feelings of an individual in electronic mail or a document. With today’s computer graphics capabilities, emojis have evolved into interactive and animated forms of digital expression. You will learn how to create a basic emoji using the M5Stack Core. The UIFlow Blockly coding environment has a palette of Emoji blocks. With these coding blocks, you can create animated and interactive emojis. Figure 3.38 shows the Emoji code block palette:

Figure 3.38 – Emoji code block palette

Figure 3.38 – Emoji code block palette

The primary Emoji code block is the Set emoji map in instruction. The approach to using the Emoji code block is to select the pixel or square of interest by clicking it with your mouse. By selecting appropriate pixels, a two-dimensional (2D) image can be created. The Change backgroundimage code block allows a predefined background to be present with your emoji. There are six predefined...