DIY Creative Games with ESP32 S3 on MakeCode Arcade

Explore MakeCode Arcade, a pixel game programming platform meticulously crafted by the Microsoft Education team, where your creativity can soar in game design. Here, you can shape game characters, backgrounds, and sound effects freely, and write game logic to turn imagination into reality. Yet, many may not realize the captivating graphic customization feature of this platform.

Imagine a marvelous experience where the game world seamlessly blends with real life. For instance, in the game, plants appear to need water, which is actually linked to the real status of a potted plant in the physical world. As you water it in the game, the plant sways cheerfully on the screen, and the real plant receives true nourishment. This creative fusion of virtual and reality is not only fascinating but also a fun and profound journey of creation.

 

Hardware Preparation

To expand the hardware for the game world, we recommend using the Future Board Lite from KittenBot as the programming controller. With it, you can connect various fascinating sensors, electronic modules, or actuating devices for more possibilities.

Before getting started, connect the Future Board Lite to the computer using a USB data cable and format the drive of the Future Board Lite. This is to prevent any residual file fragments from affecting the following operations.

 

Format the drive letter of futureboard lite

⚠️ The upcoming experience is not compatible with macOS systems. Please use a Windows computer for the experience.

 

1. Double-click the RESET (Reset button) to enter firmware update mode, the screen displays as follows:

firmware bootloard mode of futureboard lite

2.Download the firmware file, extract the .uf2 firmware file, and drag it into the UF2_Future drive of the Future Board Lite.
📎 futureboard_lite_firmware_20240920

upload firmware to futureboard lite

 

3. After completion, the screen will display as follows, and the drive name will change back to FUTURE.

arcade mode 

 

Programming Platform

⚓ Open the browser and go to the following website: https://arcade.makecode.com

 

1. Create a new empty project and enter the programming page.

MakeCode Arcade new projecet 

 2. Enable VM experimental hardware in Settings -> About -> Experiments.

MakeCode Arcade experiments

MakeCode Arcade enable VM

 

3. Select the hardware type for programming download as VM.

MakeCode Arcade choose hardware

MakeCode Arcade Select VM

 

4. Load the Futureboard Lite exclusive hardware extension, which allows you to use onboard basic IO functions, as well as integrate with the SugarCube electronic modules.

MakeCode Arcade search extension

MakeCode Arcade add extension futureboard

5. Finally, the software platform settings have been completed. Next, we will guide you through a simple programming example to experience the fun programming activities of the Futureboard Lite on the MakeCode Arcade platform.

 

Programming Sample

Next, we will combine a soil moisture sensor with a motor (simulating a water pump) to create a simple plant assistant application that interacts with the screen.

Example - Little Watering Assistant

The logic of the program is roughly as follows:

  1. Two sprites are displayed on the screen. Sprite 1 is a little person, and Sprite 2 is a tree. The tree constantly speaks out the soil moisture value.
  2. Pressing button A activates the motor, causing some changes in the little person sprite with animation effects.
  3. Pressing button B stops the motor, and the sprites return to their normal state.

 

Operation Steps

1. Hardware required for the connected case: FutureBoard Lite, soil moisture sensor, and a reduction motor.
Hardware preparation
2. Open the example work and click on download. We will get a .pxt64 program file, which is the game file.
MakeCode Arcade download program
3. Drag the program file into the FutureBoard Lite disk drive on your computer (usually named FUTURE). Wait for a moment, the program will run automatically.

 

Store Multiple Programs

The advantage of FutureBoard Lite is that it can store multiple programs. Follow these steps to understand how to store multiple programs and choose which one to run.

You can repeat the process of loading program files onto the FutureBoard Lite as you did for downloading the game program. Then, hold down button B and press the RESET button to enter the game selection page.

Futureboard lite Operation Introduction 

If you want to delete the game file, you can manually delete it in the disk drive. Currently, the firmware is in the beta testing phase, and some experiential functions may not be fully optimized yet.

⚠️ The number of games that can be stored is linked to the available FLASH memory on the main control board. Each project is approximately 100kb+. The available FLASH memory on the main control board is around 1.6M.

Leave a comment

Please note, comments need to be approved before they are published.

SUBHEADING

Blog posts