Blog Layout

Geoleaf - 3D Printable Nanoleaf with ESP8266, Alexa & Hue

How to build your own Nanoleaf like panels

I have wanted some Nanoleaf lights for a long time but the price has always been too high for me. So I thought I would set about creating my own version using a 3D printer. Each lit panel works out at about £3.40 in materials to make and I’m very happy with the end result.

You can assemble them in any order to suit your wall space and other shapes can be included such as the square panels. I have offset them from the surface to allow a stylish glow out across the wall in the evenings and the panels themselves are bright enough to be seen in the daytime.

I’m using an ESP8266 to control them using the brilliant WLED firmware and its built in webserver. The smarts for the project are all housed in the small rectangular panel at the bottom. They can also be programmed to automatically mimic a Phillips hue bulb or respond to Alexa commands.


I’ll share with you how I made them - they’re really rather simple. As always there is a complete list of parts and links to amazon down below this video, and included some helpful tips and an FAQ here on my site. Enjoy.


Downloads:

3D models for printing: https://www.prusaprinters.org/prints/107555-geoleaf-3d-print-your-own-nanoleaf-project-alexa-h

Optional square panels to upgrade your project: https://www.etsy.com/uk/listing/1067981962

WLED Code for project (use Chrome web browser for the best experience): https://install.wled.me/ 

STL model of triangular acrylic diffuser for reference:

Download Acrylic Reference Shape

List of items used in this project and where to find them / BOM:


        or optionally


You can order a pre-soldered PCB with the Wemos, Mini360 and Logic Converter already attached and configured here: https://www.etsy.com/uk/listing/1093166401


Or a kit of parts for you to solder yourself here: https://www.etsy.com/uk/listing/1084096956



Nuts, bolts and screws needed:

  • M3 x 8mm (for assembling the panels and attaching PCB)

Wiring Diagram:


Wiring using an Adafruit Perma-proto half size board (PCB alternative):

I showed a piece of perforated board in the main project video but after further consideration have described how to use a piece of Adafruits Perma-proto board. This small change makes the wiring much simpler and greatly reduces the amount of soldering required.


Integrating with Amazon Alexa

The Nanoleaf project can be integrated with Amazon's Alexa voice assistant service to allow you to control the colour, brightness and toggle the panels on and off with your voice. This option also allows you to further integrate it into other services such as IFTT's routines. It is very easy to add:



Integrating with Philips Hue

Integration with Philips Hue's smart lighting system is a little more involved than the Alexa integration shown above. To integrate with Hue we will have the project poll the Hue Bridge regularly and ask it about the status of one of your existing lights. The Geoleaf project will then try to replicate the settings of this build as closely as it can. For example, my Geoleaf panels are in my office and I have t follow the brightness of my ceiling light bulb. This way it switches on and off when I enter and leaf my home office space.


Here is some documentation provided on the official Wiki for WLED: https://github.com/Aircoookie/WLED/wiki/Philips-hue-sync

and here is some documentation from Philips Hue on interacting with your Hue bridge to find bulb IDs which you need to enter int the WLED app: https://developers.meethue.com/develop/get-started-2/. Both of these resources might help you with this integration but here is a super concise run through of what is required:



  1. Find the IP address of your Hue bridge by either clicking here(if you're on the same network at the moment) or by opening the Hue app, go to the settings menu, go to Hue Bridges, select your bridge and note its IP address.
  2. In a web browser navigate to: https://<bridge ip address>/debug/clip.html (ensuring you substitute your IP address). This will open the 'CLIP API Debugger' of your Hue Bridge.
  3. To be able to ask for more sensitive information about your Hue system you need to ask for a username to prove who we are. Do this by entering the following into the fields of the API Debugger:
    URL = /api
    Message Body = {"devicetype":"my_hue_app#geoleaf"}
    And then press the 'POST' button. This should return an error saying 'link button not pressed'. This is a security step to ensure you should be allowed access to your Hue data. Press the physical button on top of your Hue Bridge and then press 'POST' again.
    This time it will generate unique username for you. Note this down - it will be a long string of letters and numbers.
  4. This time enter the following information into the fields:
    URL =
    /api/YOUR-UNIQUE-USERNAME
    And press the 'GET' button. This will return all the information about your Hue system.
  5. This information can then be copied from the results and pasted into a JSON viewer such as http://jsonviewer.stack.hu. From here you can find the bulb you would like to mimic, take note of its ID and enter this into WLED.

FAQ

Discord sever for project: https://discord.gg/sbqyCmmYjc

  • Can I add additional panels?

    Yes you can, but you need to watch how much current you are drawing through the project. 


    The PCB is suitable for no more than 4 amps. At this point the choice of wiring guage and power supply need to be reconsidered in order to ensure the project remains safe. 



Comments

By Lewis November 7, 2024
Elegoo Mars 5 Ultra - 7" 9k AI Resin Printer
By Lewis June 27, 2024
3D Print and add some Resin to create some amazing pieces of stained 'glass'.
By Lewis Aburrow May 1, 2024
My Patreons sent in some questions. Because I'd asked them to do this - I thought I'd better write out answers....
By Lewis Aburrow May 1, 2024
CRAZY COASTERS with a TWIST! Laser or 3D Print some DIY Magic.
By Lewis April 2, 2024
KINETIC COASTERS with a TWIST! Laser or 3D Printable
By Lewis January 20, 2024
How To Make Neon LED Signs | Low Cost with Alexa, Hue & WiFi Controls
By Lewis November 15, 2023
A fast and reliable, multi-material, dual print headed printer with a few tricks up its sleeve...
By Lewis September 29, 2023
Build your own Super Smart Magic Mirror
By Lewis July 19, 2023
How to upgrade your desk to include smart responsive LED lighting and 3D printed upgrades to make your life easier!
By Lewis June 23, 2023
We review Elegoo's new computationally superior speed demons... and wow they're fast!
More Posts
Share by: