Build Instructions

Collapse

• 1

  Introduction

  Hello and Welcome, This short tutorial will teach you to display text on a Magicbit using Magicblocks.

  There are 2 main methods of achieving this goal;

  • By using Inject Block.
  • By using Dashboard.

  First of all log into to your Magicblocks account,

  Magicblocks is an easy visual programming software for program your magicbit. Anyone can program their micro controller by using magicblocks.io and there is no need of programming knowledge. You can sign up for free.

  • Start and Open the Playground.
  • Next make sure your Magicbit is connected to the internet and plugged-in and also linked to your account through Device Manager.
  • All Done? then scroll down to Method 1

  List of Items Required

  Magicbit: Magicbit is an integrated development platform based on ESP32 for learning, prototyping, coding, electronics, robotics, IoT and solution designing.

• 2

  Setting Up the Inject Block [Method 1]

  1. Drag & drop the Inject block from the input nodes section on the left of the screen to the Flow.

  2. Double-click on the block and select the type of payload from the drop-down menu to a text input (string).

  3. Next type in the text you need to display on the Magicbit.

• 3

  Setting Up the Display Block [Method 1]

  
  

  1. Drag & drop the Display block from the Magicbit nodes section on the left of the screen to the flow.

  2. Double-click on the display block and type or paste your unique Device id from the Device Manager Tab on your Magicblocks account. [ This will link the display block with your Magicbit display ]

  
  

  [Optional] Import Already Setup Nodes

  
  

  If you had trouble setting up nodes, you can use the import feature in Magicblocks to get the nodes which has been already setup.

  • First copy this code to your clipboard;

  [{"id":"26470285.48c0ee","type":"inject","z":"b4f698b2.ff2c68","name":"","topic":"","payload":"","payloadType":"str","repeat":"","crontab":"","once":false,"onceDelay":0.1,"x":190,"y":160,"wires":[["c65db261.7362e"]]},{"id":"c65db261.7362e","type":"OLED","z":"b4f698b2.ff2c68","name":"","epId":"","x":420,"y":220,"wires":[]}]

  • Click on the options menu on the top right-hand corner of the screen.

  • Next hover your cursor over the Import sub-menu.

  • Then click on Clipboard and paste the code on your clipboard to the text field

  • Select current flow or new flow and click on Import.

  IMPORTANT

  Make sure you type your device id on the display node properties and type the text you need inside the inject node.

View all 7 instructions