Blink With ESP8266 and Visuino

by BoianM in Circuits > Arduino

23131 Views, 119 Favorites, 0 Comments

Blink With ESP8266 and Visuino

Blink with ESP8266 and Visuino

In my last Instructable, I showed you how to prepare the Arduino IDE to program ESP 8266 modules.

In this Instructable I will show you how you can program the ESP 8266 with Visuino.

It is a tradition to start with a Blink project, so we will do a Blink with ESP 8266.

Components

56a0022f4fbadeb7ab000761.jpeg
  1. One ESP8266. (I used NodeMCU 1.0, but other versions will also be fine)
  2. One LED
  3. One 220 Ohm Resistor
  4. One Breadboard (I used a Small Breadboard but any other is just fine)
  5. 2 Female-Male jumper wires

Connect the Resistor and the LED

56a0163015be4df54a0003aa.jpeg
56a0164b4936d49d0300039a.jpeg
56a016724fbadeb7ab0007f1.jpeg
56a0169550e1b6f0540025f2.jpeg
  1. Place the 220 Ohm Resistor on the Breadboard as shown on Picture 1
  2. Connect the Place the LED on the Breadboard so the Cathode end (The shorter one) is connected to one end of the Resistor (Picture 2 and 3)
  3. Connect Ground wire (Black wire) to the other end of the resistor (Picture 4)
  4. Connect "LED wire" (Yellow wire) to the Anode (The longer end) of the LED (Picture 4)

Connect the ESP8266 Module

56a014e250e1b6f0540025e0.jpeg
56a014cb937ddb57990003d7.jpeg
56a021c250e1b6f054002641.jpeg
  1. Connect the other end of the Ground wire(Black wire) to the Ground pin of the ESP8266 module (Picture 1)
  2. Connect the other end of the "LED" wire(Yellow wire) to the Digital pin 2 of the ESP8266 module (Picture 2)
  3. Picture 3 shows where are the Ground and Digital 2 pins in the NodeMCU 1.0 that were connected on this step

Start Visuino, and Select the ESP8266 Board Type

SelectBoard.png
ESP8266.png

To start programming the Arduino, you will need to have the Arduino IDE installed from here: http://www.arduino.cc/.

Please be aware that there are some critical bugs in Arduino IDE 1.6.6.

Make sure that you install 1.6.7 or higher, otherwise this Instructable will not work!

If you have not done follow the steps in this Instructable to setup the Arduino IDE to program ESP 8266!

The Visuino: https://www.visuino.com also needs to be installed.

  1. Start Visuino as shown in the first picture
  2. Click on the "Tools" button on the Arduino component (Picture 1) in Visuino
  3. When the dialog appears, select "NodeMCU ESP-12" as shown on Picture 2

In Visuino: Add and Connect Pulse Generator Component

ComponentPulse.png
ComponentPulseConnect.png
  1. Type "puls" in the Filter box of the Component Toolbox then select the "Pulse Generator" component (Picture 1), and drop it in the design area
  2. Connect the "Out" pin of the PulseGenerator1 component to the "Digital" input pin of the "Digital[ 2 ]" channel of the "NodeMCU ESP-12" component (Picture 2)

Generate, Compile, and Upload the ESP8266 Code

GenerateCtopped.png
ArduinoIDE.png
  1. In Visuino, Press F9 or click on the button shown on Picture 1 to generate the Arduino code, and open the Arduino IDE
  2. Select the ESP8266 board type, and serial port as described in this instructable
  3. In the Arduino IDE, click on the Upload button, to compile and upload the code (Picture 2)

And Play...

56a0026d67400c949f001883.jpeg
56a0027f15be4d0b5700222d.jpeg
VisuinoDiagramCrop.png

If you power the ESP8266 module, the LED will start blinking once a second as shown on Picture 1 and 2, and on the video.

Congratulations! You have completed your first ESP8266 project with Visuino.

Also attached is the Visuino project, that I created for this Instructable. You can download and open it in Visuino: https://www.visuino.com