![\"NodeMCU](\"https:\/\/starthardware.org\/en\/wp-content\/uploads\/2019\/12\/nodemcu-ldr-led-rgb-wifi-1024x510.jpg\")
<\/figure>\n\n\n\nCode<\/h2>\n\n\n\n
The code only extends the analog output by delivering a new element to the webpage. <\/p>\n\n\n\n
#include <ESP8266WiFi.h>\n#include <ESP8266WebServer.h>\n \nconst char* ssid = \"IoTBerlin-Meetup\"; \/\/ Wifi name (SSID)\nconst char* password = \"s3mant1cs!\"; \/\/ Wifi password\n \nESP8266WebServer server(80); \/\/ Server port\nString Temp = \"\";\n \nint d2pin = D2; \/\/ RGB LED - Red\nint d2state = 255;\n \nint d5pin = 14; \/\/ RGB LED - Green\nint d5state = 255;\n \nint d6pin = 12; \/\/ RGB LED - Blue\nint d6state = 255;\n \nint d7pin = D7;\nint d7state = 0;\n \nint analogPin = A0;\n \nString HTML_header = \"<!DOCTYPE html><html><head> <meta content=\\\"text\/html; charset=ISO-8859-1\\\" http-equiv=\\\"content-type\\\"> <meta http-equiv=\\\"refresh\\\" content=\\\"5\\\"> <title>WebSchalter<\/title><\/head><style> html { background-color: grey; } body { margin: auto; margin-top: 60px; } button { height: 120px; width: 100%; font-size: 48px; background-color: cornflowerblue; border: none; color: white; margin-bottom: 10px; } button:active { background-color: darkturquoise; color: white; border: none; } button.on{ background-color: red; } a { text-decoration: none; } <\/style><body><a href=\\\"\/args?d2pin=255&d5pin=0&d6pin=0\\\"><button>RED<\/button><\/a><a href=\\\"\/args?d2pin=0&d5pin=255&d6pin=0\\\"><button>GREEN<\/button><\/a><a href=\\\"\/args?d2pin=0&d5pin=0&d6pin=255\\\"><button>BLUE<\/button><\/a>\";\nString HTML_d7_off = \"<a href=\\\"\/args?d7pin=1\\\"><button>d7 - LED<\/button><\/a>\";\nString HTML_d7_on = \"<a href=\\\"\/args?d7pin=0\\\"><button class=\\\"on\\\">d7 - LED<\/button><\/a>\";\n \nString HTML_footer = \"<\/body><\/html>\";\n\/* ***** ***** ***** ***** Setup ***** ***** ***** ***** *\/\nvoid setup()\n{\n pinMode(d2pin , OUTPUT); \/\/ D2 set as Output\n pinMode(d5pin , OUTPUT); \/\/ D5 set as Output\n pinMode(d6pin , OUTPUT); \/\/ D6 set as Output\n pinMode(d7pin , OUTPUT); \/\/ D7 set as Output\n Serial.begin(115200); \/\/ start serial communication\n connectToWifi(); \/\/ start wifi\n}\n \n\/* ***** Webpage: executed when \"http:\/\/<ip address>\/\" is called ***** *\/\n \nvoid the_webpage() {\n Temp = HTML_header; \/\/ top part of the html\n \n if (d7state == 1) { \/\/ d7 part of html page \u2013 the html code for a button\n Temp += HTML_d7_on;\n } else {\n Temp += HTML_d7_off;\n }\n \n Temp += \"<button>LDR: \";\n Temp += analogRead(analogPin); \/\/ putting out the analog value\n Temp += \"<\/button>\";\n \n \n Temp += HTML_footer; \/\/ bottom part of the html page\n server.send(200, \"text\/html\", Temp); \/\/ serving the html page\n}\n \n\/* ***** ***** ***** ***** Event Functions ***** ***** ***** ***** *\/\n \nvoid handleArgs() {\n \n if (server.arg(\"d2pin\")!= \"\"){ \/\/ if specific argument is not empty\n d2state = server.arg(\"d2pin\").toInt(); \/\/ set d2 pin to received argument\n }\n if (server.arg(\"d5pin\")!= \"\"){ \/\/ if specific argument is not empty\n d5state = server.arg(\"d5pin\").toInt(); \/\/ set d5 pin to received argument\n Serial.println(d5state);\n }\n if (server.arg(\"d6pin\")!= \"\"){ \/\/ if specific argument is not empty\n d6state = server.arg(\"d6pin\").toInt(); \/\/ set d6 pin to received argument\n }\n if (server.arg(\"d7pin\")!= \"\"){ \/\/ if specific argument is not empty\n d7state = server.arg(\"d7pin\").toInt(); \/\/ set d7 pin to received argument\n }\n \n the_webpage(); \/\/ deliver webpage\n}\n \n\/* ***** ***** ***** Wifi Functions ***** ***** ***** *\/\n \nvoid showStates(){ \/\/ map all states to pins\n digitalWrite(d7pin, d7state); \/\/ LED\n analogWrite(d2pin, d2state); \/\/ RGB LED red\n analogWrite(d5pin, d5state); \/\/ RGB LED green\n analogWrite(d6pin, d6state); \/\/ RGB LED blue\n}\n \n\/* ***** ***** ***** ***** Loop ***** ***** ***** ***** *\/\n \nvoid loop() {\n server.handleClient(); \/\/ update function for server\n showStates(); \/\/ map states to pins\n delay(10); \/\/ some time to process\n}\n \n\/* ***** ***** ***** Wifi Functions ***** ***** ***** *\/\n \nvoid connectToWifi() { \n Serial.println();\n Serial.print(\"Connect to\"); Serial.println(ssid); \n WiFi.begin(ssid, password);\n \n while (WiFi.status() != WL_CONNECTED) {\n delay(500);\n Serial.print(\".\"); \n }\n \n Serial.println(\"\");\n Serial.println(\"Wifi connected\");\n \n \n delay(2000);\n Serial.println();\n Serial.println(\"IP addresse of the web server is: \");\n Serial.println(WiFi.localIP()); \/\/ output the ip\n server.on(\"\/\", the_webpage); \/\/ show website on root call\n server.on(\"\/args\", handleArgs); \/\/ associate the handler function to the path\n server.begin(); \/\/ start the server\n Serial.println (\"Webserver running, waiting for ESP8266 ...\");\n}<\/code><\/pre>\n\n\n\nNow, you can use the value to influence the behaviour of your Christmas decoration and of course you should now build come cool things from it. Christmas stars, disco balls \u2013 what ever you can imagine. Have fun with it!<\/p>\n\n\n\n
The Complete Tutorial<\/h2>\n\n\n\n- Interactive Christmas Decoration \u2013 Part 1: Preparation<\/a><\/li>
- Interactive Christmas Decoration \u2013 Part 2: Make it blink<\/a><\/li>
- Interactive Christmas Decoration \u2013 Part 3: Server and LED<\/a><\/li>
- Interactive Christmas Decoration \u2013 Part 4: Server, LED, RGB<\/a><\/li>
- Interactive Christmas Decoration \u2013 Part 5: Analog Input with LDR<\/a><\/li><\/ul>\n\n\n\n
\n\n\n\nDieser Beitrag ist auch auf Deutsch verf\u00fcgbar: Workshop: Interaktive Weihnachtsdekoration Teil 5 \u2013 Analoger Input mit LDR<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"