NeoPixel Web Server - Revision history

Tvansant at 19:22, 16 March 2019

2019-03-16T19:22:12Z

← Older revision		Revision as of 14:22, 16 March 2019
Line 76:		Line 76:
	12. Open a web browser and enter 192.168.0.4 and the ESP8266 + FastLED by Evil Genius Labs page should open.		12. Open a web browser and enter 192.168.0.4 and the ESP8266 + FastLED by Evil Genius Labs page should open.
	* Use the buttons and sliders to set the colors/pattern you want.		* Use the buttons and sliders to set the colors/pattern you want.
			** '''Note:''' According to the FastLED FAQ on GitHub, '' "Not all LED chipsets receive their data in RGB order." '' CAD_Tim discovered when trying to set the LEDs to solid green (for St. Patrick's day) that the red and green controls are reversed on the set from this workshop. Test the color settings on your LEDs. In this case the fix was to edit the line the line below in your sketch, reconnect the ESP8266 to your computer, and then upload the changed file.

			#define COLOR_ORDER GRB

	[[File:Node-mcu-pinout-esp8266-12E.png\|left\|frame\|ESP8266 pinouts]]		[[File:Node-mcu-pinout-esp8266-12E.png\|left\|frame\|ESP8266 pinouts]]

	[[Category:HOWTO]]		[[Category:HOWTO]]

Tvansant at 23:46, 19 February 2019

2019-02-19T23:46:49Z

← Older revision		Revision as of 18:46, 19 February 2019
Line 78:		Line 78:

	[[File:Node-mcu-pinout-esp8266-12E.png\|left\|frame\|ESP8266 pinouts]]		[[File:Node-mcu-pinout-esp8266-12E.png\|left\|frame\|ESP8266 pinouts]]

			[[Category:HOWTO]]

Tvansant at 22:06, 21 December 2018

2018-12-21T22:06:09Z

← Older revision		Revision as of 17:06, 21 December 2018
Line 69:		Line 69:

	11. On your phone or tablet, connect to the wi-fi signal from the ESP8266. (It will be named ESP8266 Thing ####.) You may get a "no internet" warning that you can ignore.		11. On your phone or tablet, connect to the wi-fi signal from the ESP8266. (It will be named ESP8266 Thing ####.) You may get a "no internet" warning that you can ignore.
			* The password is "your-password"
			** In AP Mode (Access Point) the password is in the sketch in the line that says
			*** const char WiFiAPPSK[] = "your-password";
			** You can change it in the sketch, but very short passwords don't work well. You will have to upload the sketch after changing it.

	12. Open a web browser and enter 192.168.0.4 and the ESP8266 + FastLED by Evil Genius Labs page should open.		12. Open a web browser and enter 192.168.0.4 and the ESP8266 + FastLED by Evil Genius Labs page should open.

Tvansant at 21:35, 21 December 2018

2018-12-21T21:35:23Z

← Older revision		Revision as of 16:35, 21 December 2018
Line 20:		Line 20:
	5. Navigate to the folder and run the esp8266-fastled-webserver.ino file		5. Navigate to the folder and run the esp8266-fastled-webserver.ino file

	* Find the ~~section~~ that ~~starts~~ with #include "FSBrowser.h" and replace ~~that section~~ with ~~this~~:		* Find the sections that start with '#include "FSBrowser.h"' and '#include "Secrets.h"' and replace those sections with these:

	#include "FSBrowser.h"		#include "FSBrowser.h"

Tvansant at 21:49, 20 December 2018

2018-12-20T21:49:50Z

← Older revision		Revision as of 16:49, 20 December 2018
Line 5:		Line 5:
	2. Install the NodeMCU software using the instructions on this page https://randomnerdtutorials.com/how-to-install-esp8266-board-arduino-ide/		2. Install the NodeMCU software using the instructions on this page https://randomnerdtutorials.com/how-to-install-esp8266-board-arduino-ide/

	* On step 5, select the current version (v2.4.2 at the time of this workshop, December 2018).		* On step 4, select the current version (v2.4.2 at the time of this workshop, December 2018).
	* On step 6, select the NodeMCU 1.0 (ESP-12E Module) board for this workshop.		* On step 5, select the NodeMCU 1.0 (ESP-12E Module) board for this workshop.

	3. Install the FASTLED library		3. Install the FASTLED library

Tvansant at 20:15, 20 December 2018

2018-12-20T20:15:13Z

← Older revision		Revision as of 15:15, 20 December 2018
Line 53:		Line 53:

	* In the step that tells you to open a sketch, open the esp8266-fastled-webserver.ino we downloaded earlier.		* In the step that tells you to open a sketch, open the esp8266-fastled-webserver.ino we downloaded earlier.
	** The data folder should already be there		** The data folder should already be there and you shouldn't need to manually copy anything into it.
	* Connect the ESP8266 board to your computer and select the appropriate COM port		* Connect the ESP8266 board to your computer and select the appropriate COM port
	* In the Arduino IDE select Tools->ESP8266 Sketch Data Upload.		* In the Arduino IDE select Tools->ESP8266 Sketch Data Upload.
Line 65:		Line 65:
	* The GND connection on the LED strip connects to a GND pin on the ESP8266 board (there's one right next to the D5 pin).		* The GND connection on the LED strip connects to a GND pin on the ESP8266 board (there's one right next to the D5 pin).
	* The +5V connection on the LED strip connects to a 3V3 pin on the ESP8266 board (there's one right next to the GND pin).		* The +5V connection on the LED strip connects to a 3V3 pin on the ESP8266 board (there's one right next to the GND pin).

			10. Connect the ESP8266 to power using the USB cable.

			11. On your phone or tablet, connect to the wi-fi signal from the ESP8266. (It will be named ESP8266 Thing ####.) You may get a "no internet" warning that you can ignore.

			12. Open a web browser and enter 192.168.0.4 and the ESP8266 + FastLED by Evil Genius Labs page should open.
			* Use the buttons and sliders to set the colors/pattern you want.

	[[File:Node-mcu-pinout-esp8266-12E.png\|left\|frame\|ESP8266 pinouts]]		[[File:Node-mcu-pinout-esp8266-12E.png\|left\|frame\|ESP8266 pinouts]]

Tvansant at 18:38, 20 December 2018

2018-12-20T18:38:08Z

← Older revision		Revision as of 13:38, 20 December 2018
Line 52:		Line 52:
	6. Install the Arduino ESP8266FS tool from http://esp8266.github.io/Arduino/versions/2.3.0/doc/filesystem.html#uploading-files-to-file-system		6. Install the Arduino ESP8266FS tool from http://esp8266.github.io/Arduino/versions/2.3.0/doc/filesystem.html#uploading-files-to-file-system

	7. In the Arduino IDE select Tools->ESP8266 Sketch Data Upload.		* In the step that tells you to open a sketch, open the esp8266-fastled-webserver.ino we downloaded earlier.
			** The data folder should already be there
			* Connect the ESP8266 board to your computer and select the appropriate COM port
			* In the Arduino IDE select Tools->ESP8266 Sketch Data Upload.

			7. Upload the sketch to the ESP8266 board.

			8. Disconnect the ESP8266 board from the computer.

			9. Connect the LED strip to the ESP8266 board with the supplied jumpers. Refer to the illustration below.
			* The Din connection (in the center) on the LED strip connects to D5 (also labeled as GPIO14 in the illustration) on the ESP8266 board.
			* The GND connection on the LED strip connects to a GND pin on the ESP8266 board (there's one right next to the D5 pin).
			* The +5V connection on the LED strip connects to a 3V3 pin on the ESP8266 board (there's one right next to the GND pin).

			[[File:Node-mcu-pinout-esp8266-12E.png\|left\|frame\|ESP8266 pinouts]]

Tvansant at 21:11, 19 December 2018

2018-12-19T21:11:04Z

← Older revision		Revision as of 16:11, 19 December 2018
Line 5:		Line 5:
	2. Install the NodeMCU software using the instructions on this page https://randomnerdtutorials.com/how-to-install-esp8266-board-arduino-ide/		2. Install the NodeMCU software using the instructions on this page https://randomnerdtutorials.com/how-to-install-esp8266-board-arduino-ide/

	3. Install the FASTLED library Arduino->sketch->include library->manage libraries Search for FASTLED and install		* On step 5, select the current version (v2.4.2 at the time of this workshop, December 2018).
			* On step 6, select the NodeMCU 1.0 (ESP-12E Module) board for this workshop.

			3. Install the FASTLED library
			* Select Arduino->sketch->include library->manage libraries
			* Search for FASTLED and install (version 3.2.1 at the time of this workshop, December 2018).

	4. Download the arduino software for the fastled webserver https://github.com/jasoncoon/esp8266-fastled-webserver		4. Download the arduino software for the fastled webserver https://github.com/jasoncoon/esp8266-fastled-webserver

	* Click ~~clone~~ or download and download the zip. ~~Put~~ this zip file on your desktop or in the documents folder		* Click the "Clone or download" button and download the zip. Save this zip file on your desktop or in the documents folder
	* Right click to unzip the software		* Right click to unzip the software
			* Rename the folder to "esp8266-fastled-webserver" (removing the "-master" from the default name).

	5. Navigate to the folder and run the esp8266-fastled-webserver.ino file		5. Navigate to the folder and run the esp8266-fastled-webserver.ino file

	6. ~~Edit this file above to be like~~ this		* Find the section that starts with #include "FSBrowser.h" and replace that section with this:

	#include "FSBrowser.h"		#include "FSBrowser.h"
Line 42:		Line 48:
	char* password = "your-password";		char* password = "your-password";

			* Save the changes.

			6. Install the Arduino ESP8266FS tool from http://esp8266.github.io/Arduino/versions/2.3.0/doc/filesystem.html#uploading-files-to-file-system

	7. ~~The web app needs to be uploaded to the ESP8266's SPIFFS. You can do this within~~ the Arduino IDE ~~after installing the Arduino ESP8266FS tool. http://esp8266.github.io/Arduino/versions/2.3.0/doc/filesystem.html#uploading~~-~~files-to-file-system~~		7. In the Arduino IDE select Tools->ESP8266 Sketch Data Upload.
	~~With ESP8266FS installed upload the web app using~~ ESP8266 Sketch Data Upload ~~command in the Arduino Tools menu~~.

Bpwagner at 16:25, 8 December 2018

2018-12-08T16:25:03Z

← Older revision		Revision as of 11:25, 8 December 2018
Line 41:		Line 41:
	char* ssid = "your-ssid";		char* ssid = "your-ssid";
	char* password = "your-password";		char* password = "your-password";


			7. The web app needs to be uploaded to the ESP8266's SPIFFS. You can do this within the Arduino IDE after installing the Arduino ESP8266FS tool. http://esp8266.github.io/Arduino/versions/2.3.0/doc/filesystem.html#uploading-files-to-file-system
			With ESP8266FS installed upload the web app using ESP8266 Sketch Data Upload command in the Arduino Tools menu.

Bpwagner at 16:23, 8 December 2018

2018-12-08T16:23:42Z

← Older revision		Revision as of 11:23, 8 December 2018
Line 22:		Line 22:
	#define COLOR_ORDER RGB		#define COLOR_ORDER RGB
	#define NUM_LEDS 30 //change this!		#define NUM_LEDS 30 //change this!

	#define MILLI_AMPS 2000 // IMPORTANT: set the max milli-Amps of your power supply (4A = 4000mA)		#define MILLI_AMPS 2000 // IMPORTANT: set the max milli-Amps of your power supply (4A = 4000mA)
	#define FRAMES_PER_SECOND 120 // here you can control the speed. With the Access Point / Web Server the animations run a bit slower.		#define FRAMES_PER_SECOND 120 // here you can control the speed. With the Access Point / Web Server the animations run a bit slower.