DOCUMENTATION DEVICES Moddable Two
Overview
Getting Started
BASE
Reference
Worker
Setup modules
COMMODETTO
Reference
Poco Renderer
Outlines
Creating Fonts
Crypt
Data
DEVICES
Moddable One
Moddable Two
Moddable Three
Moddable Four
Moddable Six
ESP32
ESP8266
nRF52
nRF52 Low Power Notes
Raspberry Pi Pico
M5Core Ink
M5Paper
Wasm
SiLabs Gecko
QCA4020
Moddable Zero
Moddable Display Developer Guide
DISPLAYS
Overview
Adafruit 1.8" ST7735
Adafruit OLED Display
BuyDisplay 2.8" CTP - ESP8266
Crystalfontz ePaper
DotStar
Generic 1.44"
Generic 2.4" & 2.8" (Resistive Touch) - ESP32
Generic 2.4" & 2.8" (Resistive Touch) - ESP8266
Generic 2.4" & 2.8" (Resistive Touch) - Pico
Sharp Memory
Sharp Memory Screen 1.3"
SparkFun TeensyView
Switch Science Reflective LCD
DRIVERS
DESTM32S display
DotStar display
ILI9341 display
LPM013M126A display
LS013B4DN04 display
MCP230XX GPIO expander
NeoStrand
SSD1306 display
SSD1351 display
ST7735 display
Files
IO
TC53 IO
Firmata
NETWORK
Reference
TLS (SecureSocket)
BLE
Ethernet
Web Things
PINS
Reference
Audio Output
PIU
Reference
Localization
Keyboard
Expanding Keyboard
Die Cut
Using After Effects Motion Data
TOOLS
Reference
Manifest
Defines in Manifests
Testing
XS
Handle
JavaScript language considerations on embedded devices using the XS engine
Mods – User Installed Extensions
ROM Colors
Using XS Preload to Optimize Applications
XS Conformance
XS Marshalling
XS Platforms
XS in C
XS linker warnings
xsbug
xst
XS Compartment
XS Profiler
XS Scopes

Moddable Two Developer Guide

Copyright 2019-2024 Moddable Tech, Inc.
Revised: April 29, 2024

This document provides information about Moddable Two, including details about its pins and other components, how to build and deploy apps, and links to other development resources.

Table of Contents

About Moddable Two

Moddable Two is a hardware module that makes it easy for developers to experiment with the Moddable SDK on inexpensive hardware. It is available to purchase on the Moddable website.

Components

The two main components of Moddable Two are the ESP32 module and capacitive touch screen. The ESP32 module includes a Wi-Fi/BLE antenna and 4 MB of flash storage memory. The touch screen is a 240 x 320 QVGA IPS display driven by a MIPI Display Serial Interface compatible display controller with an FT6206 capacitive touch controller.

Pinout

Touch panel

The touch panel uses pins 21 and 22 to connect to the I2C bus. You cannot use these pins as GPIO if your app uses the touch panel.

You can use other I2C sensors even if your app uses the touch panel as long as they don't use the same address. The touch panel uses address 0x38 (7-bit address).

Display

The display uses pins 13 and 14 to connect to the SPI bus. You cannot use these pins as GPIO if your app uses the display.

You can use other SPI sensors even if your app uses the display.

Pin Information

6-pin Programming Header Description

Name Function Description
RTS I/O Connects to auto programming and reset circuit
DTR I/O Connects to auto programming and reset circuit
TX I/O Connects to ESP32 GPIO1
RX I/O Connects to ESP32 GPIO3
5V PWR 5V input connects to LM1117-3.3 voltage regulator and 5V pin on 16-pin external connector
GND GND Connects to GND

16-pin External Header Description

Name Function Description
SDA GP21 I/O Connects to ESP32 GPIO21 (standard SDA, no external pull up resistor)
SCL GP22 I/O Connects to ESP32 GPIO22 (standard SCL, no external pull up resistor)
GND GND Connects to GND
3.3V I/O 3.3V input and output. Connects to ESP32 3.3V input and other 3.3V IC's. Regulated output power if board is 5V powered via micro USB, VIN external connector or programming connector. 3.3V is the output of the LM1117-3.3. Output of the LM1117 is conditioned with a 100uf Tantalum capacitor.
GP13 I/O Connects to ESP32 GPIO13 (Also MOSI for display)
GP12 I/O Connects to ESP32 GPIO12
GP14 I/O Connects to ESP32 GPIO14
GP32 I/O Connects to ESP32 GPIO32
GP33 I/O Connects to ESP32 GPIO33
GP35 I/O Connects to ESP32 GPIO35
GP27 I/O Connects to ESP32 GPIO27
GP26 I/O Connects to ESP32 GPIO26
VIN I/O VIN is a 5V pin that can be used to power Moddable Two. If the board is powered by one of the other 5V inputs this pin can be used for external 5V power. This is an unregulated pin; VIN is a direct connection to the 5V input sources. Connects to other 5V inputs and LM1117-3.3 voltage regulator.
GP17 I/O Connects to ESP32 GPIO17
GP16 I/O Connects to ESP32 GPIO16
GP0 I/O Connects to ESP32 GPIO0

Power

Moddable Two is a 3.3V device. 5V power is regulated to 3.3V by a LM1117-3.3 voltage regulator (see data sheet for specs). Testing of Moddable Two has been with typical 5V 0.5amp USB source power.

Power can be supplied to Moddable Two via the following:

  • 5V - Micro USB connector
  • 5V - Moddable Programmer connector
  • 5V - VIN on 16 pin external header
  • 3.3V - 3.3V pin external header

Dimensions

The complete dimensions of Moddable Two are provided in this PDF document. These are helpful when designing a case for Moddable Two.

SDK and Host Environment Setup

To build and run apps on Moddable Two, you'll need to:

  1. Install the Moddable SDK
  2. Install ESP32 tools
  3. Follow the instructions in the Building and Deploying Apps section below.

Building and Deploying Apps

After you've set up your host environment and ESP32 tools, take the following steps to install an application on your Moddable Two.

  1. Attach the programmer to your Moddable Two.

    Make sure you have the programmer oriented correctly. The orientation should match the image below.

    Note: The USB port on Moddable Two may be used to provide power when operating without the programmer. The USB port is only for powering Moddable Two. It cannot be used to program Moddable Two.

  2. Attach the programmer to your computer with a micro USB cable.

    The USB cable must be attached to the programmer, not the power-only USB port on the board. Make sure you're using a data sync–capable cable, not one that is power-only.

  3. Build and deploy the app with mcconfig.

    mcconfig is the command line tool to build and launch Moddable apps on microcontrollers and the simulator. Full documentation of mcconfig is available here.

    Use the platform -p esp32/moddable_two with mcconfig to build for Moddable Two. For example, to build the piu/balls example:

    cd $MODDABLE/examples/piu/balls
    mcconfig -d -m -p esp32/moddable_two
    

    The examples readme contains additional information about other commonly used mcconfig arguments for screen rotation, Wi-Fi configuration, and more.

    Use the platform -p simulator/moddable_two with mcconfig to build for the Moddable Two simulator.

Troubleshooting

See the Troubleshooting section of the ESP32 documentation for a list of common issues and how to resolve them.

Development Resources

Examples

The Moddable SDK has over 150 example apps that demonstrate how to use its many features. The vast majority of these examples run on Moddable Two.

That said, not every example is compatible with Moddable Two hardware. For example, some examples are designed to test specific display and touch drivers that are not compatible with the Moddable Two display and give a build error.

Documentation

All the documentation for the Moddable SDK is in the documentation directory. The documentation, examples, and modules directories share a common structure to make it straightforward to locate information. Some of the highlights include:

  • The commodetto subdirectory, which contains resources related to Commodetto--a bitmap graphics library that provides a 2D graphics API--and Poco, a lightweight rendering engine.
  • The piu subdirectory, which contains resources related to Piu, a user interface framework that makes it easier to create complex, responsive layouts.
  • The networking subdirectory, which contains networking resources related to BLE, network sockets, and a variety of standard, secure networking protocols built on sockets including HTTP/HTTPS, WebSockets, DNS, SNTP, and telnet.
  • The pins subdirectory, which contains resources related to supported hardware protocols (digital, analog, PWM, I2C, etc.). A number of drivers for common off-the-shelf sensors and corresponding example apps are also available.

Backlight

The original Moddable Two has an always-on backlight. The second revision has the ability to adjust the backlight brightness in software. Moddable Two units with backlight brightness control are identified by the small ESP32 r9 printed on the back of the board to the right of the Moddable logo.

The backlight control is connected to GPIO 18. There is a constant defined for the backlight GPIO in the host config.

import "config" from "mc/config";

Digital.write(config.backlight, 1);	// backlight ON
Digital.write(config.backlight, 0);	// backlight OFF

The brightness of the backlight may be set at build time in the config section of your project manifest. It defaults to 100%.

"config": {
	"brightness": 75
}

You can also set the brightness on the command line when building with mcconfig. Here it is set to 50%.

mcconfig -d -m -p esp32/moddable_two brightness=50

The setup/target module for Moddable Two installs a global variable named backlight that you can use to adjust the backlight in your code. Here it is set to 80%.

backlight.write(80);

The backlight global contains an instance of a subclass of PWM. If you do not want the setup/target to create this PWM instance, set the brightness to "none" in the config section of your project's manifest.

"config": {
	"brightness": "none"
}

Note: Backlight support is present in all builds using the esp32/moddable_two build target, however it only works for revision two.

Support

If you have questions, we recommend you open an issue. We'll respond as quickly as practical, and other developers can offer help and benefit from the answers to your questions. Many questions have already been answered, so please try searching previous issues before opening a new issue.

Updates

The best way to keep up with what we're doing is to follow us on Twitter (@moddabletech). We post announcements about new posts on our blog there, along with other Moddable news.