Blink With ESP8266 and Visuino

17,718

119

9

Intro: 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.

Step 1: Components

  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

Step 2: Connect the Resistor and the LED

  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)

Step 3: Connect the ESP8266 Module

  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 NodeMCU1.0 that were connected on this step

Step 4: Start Visuino, and Select the ESP8266 Board Type

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

Step 5: In Visuino: Add and Connect Pulse Generator Component

  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)

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

  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)

Step 7: And Play...

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

Share

Recommendations

  • Audio Contest 2018

    Audio Contest 2018
  • Furniture Contest 2018

    Furniture Contest 2018
  • Tiny Home Contest

    Tiny Home Contest

9 Discussions

0
None
BoianM

Reply 1 year ago

Great! :-) Click on the "I Made It" button on post some pictures ;-) . I love the red color of the module :-) Will look great in the prictures...

0
None
BoianM

Reply 1 year ago

Click on the "I Made it!" button and post some picture :-) Will be cool to see it :-)

0
None
BoianM

Reply 1 year ago

Thank you! Enjoy :-)

0
None
druid001

2 years ago

Ah! Now I get it. Thanks and I'll look at the other Instructable.

1 reply
0
None
BoianMdruid001

Reply 2 years ago

Yeah... I was working from the basics. The first Instructable - how to setup the Arduino IDE for ESP8266, the second how to do Blink, and the third how to connect 2 ESP8266 to talk to each other, then more complex like building remote controlled robot etc. ;-)

0
None
druid001

2 years ago

Sorry, I'm not getting it. You hooked it up to the computer, installed the sketch, and the light blinked. Where does the wireless abilioty come into play?

1 reply
0
None
BoianMdruid001

Reply 2 years ago

This is a simple demos showing how you can program ESP8266 as a stand alone controller. Please see my other ESP8266 Instructables for Wi-Fi communication.

0
None
CoryE10

2 years ago

Thanks Boian. Love the software. Keep it up

1 reply