Shop
0

Shop home

Find everything you need for your next maker project.

3D printing

PLA, ABS, HIPS,PETG & thermochromic filaments.

Single Board Computers

Single Board Computers to satisfy your DIY cravings.

Development kits

Choose your favorite platform or find a new one.

Sensors

Motion, range, temperature & humidity sensors.

Internet of things

WiFi, Bluetooth, LoRa, GPS & Cellular.

Robotics

Educational robot kits, controllers, cameras & wheels.

Accessories

Everything you need for your next project.

Brands
1BitSquared 4D LCD 4D Systems AAEON Adafruit Alphamax AMD ANAVI Technology Arduino BeagleBoard Beast Devices BreadBoard Mates Cowfish Studios Crowd Supply Deepwave Digital DFRobot DiceKeys DIGI Digi International Eagle Plastic Devices Envox Experimental Zone Espressif Excamera Labs FTDI GHI Electronics Gravitech Great Scott Gadgets Hackboard Hammond Hencke Technologies I-SYST IoTeX leetronics Lime LPRS M5Stack MG Chemicals microbit Mikroe Morpheans Nordic Semiconductor Olimex Ltd. Olmatic Onion PandaBoard Parallax Particle Pimoroni Qoitech QuickLogic Raspberry Pi Red Pitaya RIoTboard Securing Hardware Seeed Studio SiFive Sigfox Silicognition Soldered Sony SparkFun Electronics Starcat STEMinds StereoPi STMicroelectronics Sutajio Kosagi SVTronics THAT Corporation Tinkerforge TinkeringTech TinyCircuits Trenz Electronic u-blox UDOO Ultraleap Unexpected Maker Upside Down Labs Vicharak Wandboard Zerynth
View All Categories
View All Brands
Featured Platforms

Product of the Week

Discover something cool for your next hardware project.

Electromaker Educator

Allow our very own in-house electronics engineer extraordinaire teach you something new.

The Electromaker Show

Watch our weekly YouTube show hosted by Ian Buckley.

The Electromaker Podcast

Listen to the Electromaker Show on the go!

Contests
Join us
0
Open Source Flipper Zero, Thread, Matter, and Zigbee on ESP32, Arduino go Zephyr, and more!
0:00:00 / -
Watch now on YouTube Watch now
Electronic Dice Using Atom Matrix Esp32

Electronic Dice Using Atom Matrix Esp32

Photo of Ron

Made by Ron / Displays / Games & Gaming / Kids & Family / Lights / Sensors

About the project

In this Tutorial we are going to make an Electronic Dice that will display a different number every time you shake the Atom Matrix ESP32.

Project info

Difficulty: Easy

Platforms: Arduino,  Visuino,  M5Stack

Estimated time: 1 hour

License: GNU General Public License, version 3 or later (GPL3+)

Items used in this project

Hardware components

M5Stack ATOM Matrix ESP32 Development Kit M5Stack ATOM Matrix ESP32 Development Kit x 1

Software apps and online services

Arduino IDE Arduino IDE
Visuino Visuino

Story

The project is based on a built-in accelerometer where we detect the force of the movement.

In this tutorial we will use dots as on the real dice but if you prefer numbers you should check out this tutorial:

Shake the Dice Using Atom Matrix ESP32

Watch the video!

Step 1: What You Will Need

1 / 2

Step 2: Start Visuino, and Select the Atom Matrix Board Type

1 / 2

Start Visuino as shown in the first picture Click on the "Tools" button on the Arduino component (Picture 1) in Visuino When the dialog appears, select "Atom Matrix" as shown on Picture 2

Step 3: In Visuino Add Components

1 / 8

  • Add "Absolute Analog Value" component
  • Add "Compare Analog Value" component
  • Add "Timer" component
  • Add "Clock Generator" component
  • Add "Random Integer Generator" component
  • Add "Integer Multi Source" component
  • Add "Acceleration To 3D Angle and Force" component
  • Add "Clock Demux(Multiple Output channel Switch)" component

Step 4: In Visuino Set Components

1 / 13

  • Select "M5 Stack ATOM Matrix" board and in the properties window expand "Modules">"RGB Matrix">"Elements" and click on the 3 dots button
  • In the "Elements" window drag "Fill Screen" to the left side
  • In the "Elements" window drag 6X "Draw Scene" to the left side,

For:

"Draw Scene1" in the properties window select "Elements" and click on the 3 dots button, in the "Elements" window drag "Draw Pixel" to the left side

  • and in the properties window set "Color" to aclRed and "X" to 2 and "Y" to 2
  • Close the "Elements" window

"Draw Scene2" in the properties window select "Elements" and click on the 3 dots button, in the "Elements" window drag "Draw Pixel" to the left side

  • and in the properties window set "Color" to aclRed and "X" to 1 and "Y" to 1

drag another "Draw Pixel" to the left side

  • and in the properties window set "Color" to aclRed and "X" to 3 and "Y" to 3
  • Close the "Elements" window

"Draw Scene3" in the properties window select "Elements" and click on the 3 dots button, in the "Elements" window drag "Draw Pixel" to the left side

  • and in the properties window set "Color" to aclRed and "X" to 1 and "Y" to 3

drag another "Draw Pixel" to the left side

  • and in the properties window set "Color" to aclRed and "X" to 2 and "Y" to 2

drag another "Draw Pixel" to the left side

  • and in the properties window set "Color" to aclRed and "X" to 3 and "Y" to 2
  • Close the "Elements" window

"Draw Scene4" in the properties window select "Elements" and click on the 3 dots button, in the "Elements" window drag "Draw Pixel" to the left side

  • and in the properties window set "Color" to aclRed and "X" to 1 and "Y" to 1

drag another "Draw Pixel" to the left side

  • and in the properties window set "Color" to aclRed and "X" to 1 and "Y" to 3

drag another "Draw Pixel" to the left side

  • and in the properties window set "Color" to aclRed and "X" to 3 and "Y" to 1

drag another "Draw Pixel" to the left side

  • and in the properties window set "Color" to aclRed and "X" to 3 and "Y" to 3
  • Close the "Elements" window

"Draw Scene5" in the properties window select "Elements" and click on the 3 dots button, in the "Elements" window drag "Draw Pixel" to the left side

  • and in the properties window set "Color" to aclRed and "X" to 1 and "Y" to 1

drag another "Draw Pixel" to the left side

  • and in the properties window set "Color" to aclRed and "X" to 1 and "Y" to 3

drag another "Draw Pixel" to the left side

  • and in the properties window set "Color" to aclRed and "X" to 3 and "Y" to 1

drag another "Draw Pixel" to the left side

  • and in the properties window set "Color" to aclRed and "X" to 3 and "Y" to 3

drag another "Draw Pixel" to the left side

  • and in the properties window set "Color" to aclRed and "X" to 2 and "Y" to 2
  • Close the "Elements" window

"Draw Scene6" in the properties window select "Elements" and click on the 3 dots button, in the "Elements" window drag "Draw Pixel" to the left side

  • and in the properties window set "Color" to aclRed and "X" to 1 and "Y" to 1

drag another "Draw Pixel" to the left side

  • and in the properties window set "Color" to aclRed and "X" to 1 and "Y" to 3

drag another "Draw Pixel" to the left side

  • and in the properties window set "Color" to aclRed and "X" to 3 and "Y" to 1

drag another "Draw Pixel" to the left side

  • and in the properties window set "Color" to aclRed and "X" to 3 and "Y" to 3

drag another "Draw Pixel" to the left side

  • and in the properties window set "Color" to aclRed and "X" to 1 and "Y" to 2

drag another "Draw Pixel" to the left side

  • and in the properties window set "Color" to aclRed and "X" to 3 and "Y" to 2
  • Close both "Elements" window
  • Select "CompareValue1" and in the properties window set "Compare Type" to ctBigger and "Value" to 1.7
  • Select "Timer1" and in the properties window set "Interval (uS)" to 2000000
  • Select "RandomIntegerGenerator1" and in the properties window set "Max" to 6 and "Min" to 1
  • Select "IntegerMultiSource1" and in the properties window set "Output Pins" to 3
  • Select "ClockGenerator1" and in the properties window set "Frequency" to 10
  • Select "ClockGenerator1" and in the properties window select "Enabled" & click on the pin Icon and select "Boolean SinkPin"
  • Select "ClockDemmux1" and in the properties window set "Output Pins" to 6

Step 5: In Visuino Connect Components

1 / 5

  • Connect M5 Stack ATOM Matrix > Accelerometer pin [X] to "AccelerationToAngle1" pin [X]
  • Connect M5 Stack ATOM Matrix > Accelerometer pin [Y] to "AccelerationToAngle1" pin [Y]
  • Connect M5 Stack ATOM Matrix > Accelerometer pin [Z] to "AccelerationToAngle1" pin [Z]
  • Connect "AccelerationToAngle1" pin [Force] to Abs1" pin [In]
  • Connect "Abs1" pin [Out] to CompareValue1" pin [In]
  • Connect "CompareValue1" pin [Out] to "Timer1" pin [Start]
  • Connect "Timer1" pin [Out] to "ClockGenerator1" pin [Enabled]
  • Connect "ClockGenerator1" pin [Out] to "RandomIntegerGenerator1" pin [In]
  • Connect "RandomIntegerGenerator1" pin [Out] to "IntegerMultiSource1" pin [In]
  • Connect "IntegerMultiSource1" pin [0] to "M5 Stack ATOM Matrix" > "Fill Screen1" pin [Clock]
  • Connect "IntegerMultiSource1" pin [1] to "ClockDemmux1" pin [Select]
  • Connect "IntegerMultiSource1" pin [2] to "ClockDemmux1" pin [In]
  • Connect "ClockDemmux1" pin [0] to "M5 Stack ATOM Matrix" > "Draw Scene1" pin [Clock]
  • Connect "ClockDemmux1" pin [1] to "M5 Stack ATOM Matrix" > "Draw Scene2" pin [Clock]
  • Connect "ClockDemmux1" pin [2] to "M5 Stack ATOM Matrix" > "Draw Scene3" pin [Clock]
  • Connect "ClockDemmux1" pin [3] to "M5 Stack ATOM Matrix" > "Draw Scene4" pin [Clock]
  • Connect "ClockDemmux1" pin [4] to "M5 Stack ATOM Matrix" > "Draw Scene5" pin [Clock]
  • Connect "ClockDemmux1" pin [5] to "M5 Stack ATOM Matrix" > "Draw Scene6" pin [Clock]

Step 6: Generate, Compile, and Upload the Arduino Code

In Visuino, at the bottom click on the "Build" Tab, make sure the correct port is selected, then click on the "Compile/Build and Upload" button.

Step 7: Play

If you power the ATOM Matrix module and shake it the Display will start to show a random dice number from 1 to 6.

Congratulations! You have completed your project with Visuino. Also attached is the Visuino project, that I created for this tutorial, you can download it and open it in Visuino: https://www.visuino.eu

Schematics, diagrams and documents

Visuino File

Code

Visuino File

Credits

Photo of Ron

Ron

Arduino Developer

   

Leave your feedback...

Related products