IoT & Art!? LED control with web interface (with WS2812 & ESP8266)
HTML Other C Shell
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
README.md
WiFiManager.template.html
handleRootHTML.h
index.html
invertedSpace.ino
minify.sh

README.md

Inverted Space

IoT & Art!?

In this project we control LEDs from a web interface (using ESP8266 and WS2812). The applications range from air polution monitoring to simple clock, or artistic visualizations, check this repo:

https://github.com/GeorgeGally/blacklight

Made in China - 2016 (HTTC extension).

latest test

first test

Dependencies

ESP8266 Arduino:

https://github.com/esp8266/Arduino

WiFiManager - WiFi Configuration Magic:

https://github.com/tzapu/WiFiManager

Adafruit NeoPixel:

https://github.com/adafruit/Adafruit_NeoPixel

Elapsed milliseconds:

https://github.com/pfeerick/elapsedMillis

Usage

1st time:

  • program the ESP with the arduino IDE (the 1st link should have every details needed)
  • connect your phone/computer to your the wifi network called 'invertedSpace'
  • go to the following URL with your browser: http://192.168.4.1/
  • set the ESP to connect to your favorite network (set the SSID and password)

Then:

  • your phone/computer should connect back to your favorite network

  • put the following URL in your browser, the rest should be intuitive:

    http://invertedSpace.local/

Note: If you need to change the password, uncomment the follwing line in the .ino file:

wifiManager.resetSettings();

Advanced

The HTML/JS code is embedded in the arduino code, using the handleRootHTML.h header. To update it, edit index.html and use the following command to update the header:

./minify.sh

You will need html-minifier accessible with node, to install it:

npm install html-minifier -g