CNAP

Getting Started

This guide walks you through opening the playground and running your first Arduino simulation.

Step 1 — Open the playground

Click Open Playground on the homepage, or go to /playground. The playground is divided into four panels:

PanelPurpose
Palette (left)Browse and add circuit components
Canvas (center)Visual circuit design area
Editor (right)Arduino code editor
Serial Monitor (bottom)View output from Serial.println()

Step 2 — Add a component

  1. In the Palette panel, find the component you want (e.g., LED).
  2. Click the + button next to it to place it on the canvas.
  3. Drag it to position it where you want.

Step 3 — Connect wires

Click a pin on one component, then click a pin on another to connect them with a wire. Click an existing wire to remove it.

Step 4 — Write code

The Editor panel contains your Arduino sketch. Write your setup() and loop() functions just like you would in the Arduino IDE. The editor supports:

  • Syntax highlighting for Arduino / C++
  • Auto-complete for common functions
  • Real-time error indicators

Step 5 — Run the simulation

Click the Run button in the toolbar. The circuit will come to life — LEDs blink, buttons respond, and the Serial Monitor shows any output from Serial.println().

Using a template

If you're new to Arduino, start with a template instead:

  1. Go to Templates
  2. Pick one (e.g., LED Blink)
  3. Click Open in Playground
  4. The code and circuit are loaded automatically — just press Run

Keyboard shortcuts

ShortcutAction
Ctrl + SSave / format code
Ctrl + ZUndo (in editor)