Skip to main content

display-shield-guide

Introduction

As we all know, the Newbit Arcade Shield can only be used on the Makecode Arcade platform or MicroCode platform. It is not supported on the Makecode platform, and it cannot be used as a controller, which is really a pity.

However, Microsoft recently released a powerful plugin in the latest Makecode Beta version—display-shield. This plugin allows the Newbit Arcade Shield to be used on the Makecode platform.

Quick Start

Open the following URL in your browser: https://makecode.microbit.org/beta

[!NOTE]

Please note that it is the beta version.

image-20250207175508430

In the Extensions, search for “display-shield”.

image-20250207175401002

The display-shield category includes two subcategories:

  • Controller
  • Drawing

image-20250207175634988

Simulator

The buttons on the left side of the simulator correspond to the buttons on the Newbit Arcade Shield. The image display area on the right side corresponds to the screen of the Newbit Arcade Shield, which has a resolution of 160x120 pixels.

image-20250207180250692

Categories

In the Controller category, you can program the directional keys and A/B buttons on the Shield.

image-20250207175756288

In the Drawing category, you can display geometric shapes or custom patterns on the screen.

image-20250207175919454

Controller Application

Write a program to control the dot matrix display using the controller buttons.

Link to Program

Simulator behavior:

screenshots

Physical behavior:

newbitArcadeShield_Controller

Drawing Geometric Shapes

Draw a facial expression using geometric shapes.

Link to Program

Simulator:

screenshots

Physical behavior:

newbitArcadeShield_drawing

Combining Gyroscope Data

Display charts combined with gyroscope data.

Link to Program

screenshots

Custom Drawing

You can create custom tiles. The operations here are consistent with the tile operations in Makecode Arcade. There are 16 colors available for setting, and you can define the position of the tiles for display.

image-20250207200621116

Link to Program

More Tutorials

For more details on the usage of the blocks, you can refer to the official Microsoft tutorial:

[https://makecode.microbit.org/pkg/microbit-apps/display-shield] (https://makecode.microbit.org/pkg/microbit-apps/display-shield)