Uploaded April 2020 | Updated September 2026, 2 weeks ago

---

• NextPCB offers 10% discount for PCB and PCB Assembly orders: nextpcb.com/activity_thermometer?code=ACROBOTIC
==========
• Your support helps me post videos more frequently:
patreon.com/acrobotic
paypal.me/acrobotic
https://buymeacoff.ee/acrobotic
BTC: 1ZpLvgETofMuzCaKoq5XJZKSwe5UNkwLM
==========
• Find me on:
twitter.com/acrobotic
facebook.com/acrobotic
instagram.com/acrobotic
==========
• My shops:
acrobotic.com/shop
amazon.com/shops/acrobotic
==========
• Description:
In this video, I go over the process of building a device that allows me to turn 3 different analog voltages into corresponding level of red, green, and blue (RGB) color present on the background of a webpage. I use an ESP8266 connected over i2c to an ADS1115 4-Channel Analog-to-Digital Converter to translate analog voltages from 3 potentiometers into 16-bit digital measurements. The ESP8266 runs a webserver that serves a page and creates a websocket connection to that page. Then the ESP8266 sends the scaled ADS1115 values as part of a webpage served to web clients, using JavaScript the values set the color of the pages background in real-time!
==========
• Related vids:
Getting started with the ESP8266 using Arduino: youtu.be/-P7RD-DWVuA
Getting started with the ESP8266 WeMos using Arduino: youtu.be/GQIT_NMhgFw
Getting started with Websockets: youtu.be/ROeT-gyYZfw
==========
• Project parts:
ACROBOTIC WeMos D1 Development Board for ESP8266:
acrobotic.com/products/acr-00017
amzn.to/2K2TM2G (affiliate)
ACROBOTIC ADS1115 Analog-to-Digital Converter Board:
amzn.to/2Vmo04e (affiliate)
==========
• Project tutorials:
Detailed guides for getting started with the WeMos ESP8266 Development Board:
learn.acrobotic.com/tutorials/post/wemos-d1-mini-esp8266-getting-started
==========
• Project code:
Firmware for the Arduino IDE:
github.com/acrobotic/Ai_Demos_ESP8266/tree/master/webserver_rgb_websockets
==========
• Sponsor:
10% off any PCB and PCB Assembly orders:
nextpcb.com/activity_thermometer?code=ACROBOTIC
$0 for PCB Prototype (5–10pcs, 1or 2 layers):
nextpcb.com/?code=ACROBOTIC
Learn more about PCB assembly:
nextpcb.com/pcb-assembly-capabilities?code=ACROBOTIC
Get points by daily logging in to your account and get discounted PCB and PCBA orders!
==========
• Music:
Epidemic Sound (https://epidemicsound.com). Standard YouTube License.
NoCopyrightSounds
Track: Electro-Light - Symbolism [NCS Release]
Watch: youtu.be/__CRWE-L45k
Free Download / Stream: ncs.io/symbolism
Track: Electro-Light - Symbolism [NCS Release]
Watch: youtu.be/__CRWE-L45k
Free Download / Stream: ncs.io/symbolism
==========
#ESP32 #Arduino #Tutorial