By Koen Dekker Last updated 3 October 2023
Door gebruik te maken van deze manual, leer je zelf om een goedkope Philips Hue te maken. Je kan dan via een color picker zelf de kleur instellen die je ledstrip weergeeft. Hiermee maak je gebruik van maar vier onderdelen:
- NodeMCU Arduino Board, ESP8266
- LED strip
- Arduino IDE
- Een Wifi connectie
Wij gaan er van uit dat je het Arduino Board correct hebt geinstalleerd. Als je alle onderdelen klaar heeft liggen, gaan we van start.
Open de Arduino applicatie.
Klik onder File op New Sketch
Klik vervolgens op Tools -> Manage Libraries
Tik bovenin onder Library Manager Adafruit IO Arduino in. Je krijgt dan een lijst te zien met verschillende libraries te zien. Zoek daar de gene die je hebt ingevoerd.
Klik vervolgens op Install en daarna op Install All. Hiermee installeer je de juiste library die je kan gebruiken voor je zelf gemaakte Philips Hue!
Ga naar het notificatie icoon rechts onderin en klik erop. Als er "Successfully installed library Adafruit IO Arduino:4.2.7" staat, dan is hij succesvol geinstalleerd.
Voor het gebruik van de colorpicker heb je een Adafruit OI account nodig. Doe dit via https://io.adafruit.com Heb je al een account? Ga dan via de Adafruit website naar dashboard.
Klik vervolgens op het gele sleutel icoon rechts boven op je scherm:
Hier kom je op een scherm waar jij jou gebruikersnaam ziet en je persoonlijke sleutel. Deze gegevens houdt je alleen voor jezelf. Dit beschermt jouw data voor mensen die er misbruik van willen maken.
Kopieer de gehele code die binnen het Arduino kopje staat. Er zou dan bijvoorbeeld moeten staan: #define IO_USERNAME "Jouwgebruikersnaam" #define IO_KEY "Jouwsleutelcode" Zodra je deze code gekopieërd hebt, klik je dit weg en klik je vervolgens op New Dashboard.
Geef dit dashboard een naam naar jouw persoonlijke voorkeur, voeg een descriptie toe en klik op create.
Op het volgende scherm, klik je recht op het tandwiel icoon en klik je op Create New Block.
Klik vervolgens op Color picker.
Nu zal je hoogswaarschijnlijk de vraag krijgen om een Feed te connecten. Dit kan je doen door in het lege vak een naam in te typen. LET OP De naam die je hier intypt ga je moeten hertypen in de code! Dit zorgt ervoor dat jij de kleur kan zenden naar jouw Arduino Kit. Vink daarna jouw gemaakte Feed aan en klik op next step.
Geef hier jouw Color picker een Block Title (als je dat wilt). Klik daarna op create block.
Test nu de color picker door erop te klikken en de kleur aan te passen in de browser. Werkt dit? Dan ben je klaar met stap 2.
Open je Arduino IDE file die je in stapt 1 geopend hebt. Klik op File -> Examples -> Adafruit IO Arduino (scroll even naar beneden, ik maakte die fout ook!) -> adafruitio_14_neopixel. Klik hierop en hij zal een nieuwe sketch openen. Zet deze op groot beeld.
Zie je hetzelfde als op de foto hierboven? Dan ben je goed bezig.
Met deze code gaan we jou LEDS connecten aan het dashboard die je zojuist aangemaakt hebt waar jouw colorpicker klaar staat om gebruikt te worden.
Je moet nu binnen Arduino IDE klikken op het tabje boven in, genaamd config.h . Hier ga jij je de gebruikersnaam en sleutel die je eerder gekopieerd hebt van jouw dashboard hierin plakken. Ik kon zelf eerder niet vinden waar ik dit moest plakken, omdat ik het tabje Config.h niet kon vinden. Vervang bovenin je code de tekst #define IO_USERNAME en #define IO_KEY met de gegevens die je gekopieerd hebt. Ga vervolgens naar beneden totdat je #define WIFI_SSID en #define WIFI_PASS tegenkomt. Hier vul jij jouw Wifi inlog en wachtwoord in. Vul dit in tussen de aanhalingstekens.
Het zou kunnen dat je verbonden bent op een 5GHz netwerk. Deze werkt jammer genoeg niet ben ik achter gekomen. Om dit te omzeilen kan je een hotspot aanmaken op je telefoon. Vergeet niet om dan ook je Wifinaam en wachtwoord opnieuw in te vullen.
Ga vervolgens terug naar het vorige tabje wat naast config.h staat.
Scroll totdat je #define PIXEL_PIN tegenkomt en vul de juiste waardes in. Ik heb mijn draad op D5 met 15 leds. Vul dit in.
Vul ook jouw Feednaam in die jij gemaakt hebt:
Klik nu op verify om te controleren of jouw code klopt. Klik vervolgens op Upload. Verander nadat de code geupload is naar jouw Arduino de kleur via de Colorpicker in de webbrowser in. Veranderd jouw ledstrip? Gefeliciteerd! Jouw eigen goedkopen Philips Hue is af!
Koens_hue.mp4
BRONNEN https://www.instructables.com/Adafruit-IO-Color-Your-LEDs-With-a-Colorpicker/ https://learn.adafruit.com/adafruit-io-basics-esp8266-arduino/adafruit-io-setup