That is, as in “trials and tribulations”. I’m busy getting myself familiar with the ESP32 and ESPHOME to see how far I can push these devices now that the price is not a LOT more than the ESP8266.
Regular readers will know that years ago I and others developed “ESP-GO”, firmware to get the best out of the incredibly popular ESP8266 WiFi microcontrollers. I took a few wrong turns there, including avoiding the Arduino framework (the libraries therein tend to be bulky BUT that route has incredible support) which meant I could focus on my core strength – C – and that meant modifying just about every library out there… anyway that’s history – enough.
When I hit on ESPHOME (not to be confused with HOME ASSISTANT) only weeks ago, I started a re-think. I have a number of ESP-32 boards so I got myself a KeyeStudio “shield” or baseboard primarily because typical ESP32 boards have so few ground and 3v3 pins making R&D painful.
I’ve been using Tasmota firmware for a long time now with ESP8266, avoiding ESP32 like the plague because it cost so much more and so it seemed at the time, not providing a LOT more power (unless you need Bluetooth which I don’t).
I’ll be working on this for months but several things have come out of this so far. I’m into WS2812B RGB displays as I LOVE pretty colours. WLED firmware (if you don’t know what that is – look here) can handle incredibly smooth rainbows using these lserial LEDs (hundreds of them) on a lowly ESP8266 (for clarity I run mine on 3v3, get great brilliance and need NO level shifting or other hardware to run them). The ONLY issue with WLED is – that’s what it does – runs a strip of ws2812b – end of story – no buttons on the other IO pins, nothing.
Tasmota can run LCD and OLED displays as well as ws2812b lighting and is improving all the time, but right now on displays particularly, ESPHOME seems to have the edge, with a possible caviat. I just spent an entire day struggling with ESPHOME on an ESP8266, running a strip of 10 ws2812b lights and a display and getting visual juddering on the ws2812b LEDs.
I read various items on the web about hardware limitations and other excuses. so I dug into this one deeply. I ended up with an ESP8266 board doing nothing more than controlling a couple of relays (lighting) and running a strip of ws2812b LEDs in rainbow mode on the otherwise unused ESP8266 RX pin. The ESPHOME online documentation includes this mode “ESP8266_DMA (default for ESP8266, only on pin GPIO3)” bearing in mind that GPIO3 is serial RX. BEAUTIFUL. But if I tried to run any kind of display, the rainbow still started to fall apart. Ok, limitation accepted.
SO, on advice from one of the guys in the ESPHOME DISCORD forum, I switched to ESP32 and there things started to unravel.
First things first, my handy KeyeStudio shield isn’t QUITE as handy as it looks as various ESP32 boards have different WIDTHS (I already knew there were ESP32-based boards with differing number of pins) so any chance of a universal shield is OUT. However by careful selection of ESP32 boards.. they are not all the same. Note that on the shields I mention (the designers must’ve been half asleep) once the pins are in, it is quite hard to read the pin names – on the underside are pin references for the actual ESP32 board but the expansion pin layout doesn’t entirely match. It does not help that pins on the ESP32 are multi-purpose AND there’s no room, it seems, to show all options so you still end up consulting online charts in the hope of matching pins to what you actually need.
As an aside, I just received a KEYES ESP-32 board from Banggood – indeed the same as the Keystudio board but red which makes the lettering easier to read – maybe a later model?… Bangood refer to it as a . Here it is….
Worth a look.
Anyway, to cut the story short I was now ready with an ESP32 board with lots of 3v3 and ground pins, an external, adequate supply – I was going to get to the bottom of the juddering ws2812b LEDs issue if it killed me. The result? WELL, it appears that the NEOPIXELBUS component of ESPHOME is not given a higher priority than displays or indeed button presses (with debounce)… I STUMBLED on this when I realised that my CLOCK display on the ILI9341 had a 1-second update for seconds. Ok, you can get past that by only updating the LCD/OLED display every minute but that still means ws1812b display issues every minute – if that rainbow is not completely SMOOTH it isn’t worth using.
I’ve asked the question in the DISCORD ESPHOME forum if there is any way to give NEOPIXELBUS higher priority than other libraries – I’m not hopeful but we’ll see. Meanwhile as I now had a board with lots of power and ground pins I thought I’d wire up some real buttons and THAT triggered more memories.
Some years ago I bought some PCB touch buttons dirt cheap from AliExpress and I found I had a couple lying in a drawer. They need ground, 3v3 (2.6-6v) and have an output which goes straight to a GPIO pin. They work a TREAT with TINY PCB options for normally low, normally high and latching or momentary. (though I didn’t make a note of how to change from normally high to normally low, sadly).
WELL it turns out that AliExpress still have them and they are still dirt cheap – 10 for a couple of Euros once you add in the postage from AliExpress. AND they have a pretty light on the back (the front would have been better).
HOWEVER as I just discovered, there are no options on the AliExpress buttons (WHAT??) as (November 2021) they just arrived… so touching them once turns them on, touching again turns them off – not quite what I had in mind – which takes me to my new Banggood postbag – containing a sample that DOES have toggle-momentary options – see the for more info.
I just checked out a random YouTube video and it seems others have discovered these – in the video of 2016 they were just under £3 so Banggood’s price isn’t that far off – and LO – it seems I commented on them 4 years ago in that very same video. Both I and the English guy doing the video had figured out what the link was for but it seems that neither of us got to the bottom of the normally high/normally low option at that time and he did not describe the chip number. I can’t read it on my samples. That same fellow also talks about essentially the same switches and offers ideas on masking to make them do what you want – but as he’s RS sponsored I don’t think you;d wan to see their pricing – unbelievable. As for masking, not a bad idea is black masking tape on the switches, pre-cut-out for areas you need lighting up – OR reversed out printing on thin, clear adhesive-backed sheet.
This keeps getting better – it seems that CNX blog wrote about these switches after reading my original blog entry on the subject (it’s all coming back now)
THEN I discovered (and used) a variation also lying in a drawer – photo included here (and shown in the video) and they are even BETTER and WELL under €1 each. Momentary or toggle. I think I’d prefer, instead of no light when off and a colour when pressed, some kind of border colour until pressed (so you could see them in the dark) but hey. The ads show a range of colours available and even RGB (though I doubt there is much control over the RGB).
Anyway – I’ve created a short video above to show what I’m doing – I hope you enjoy. Only one spelling mistake up to now and it’s in the video so we’re stuck with it 🙂
Hi peter i’m trying to make the same ST7789 display work with a D1 and esphome, but withou any success, can you share this YAML with me to use as an example?
Hi
See “expand to view source” or similar in my reply to KanyonKris.. simply click to get the full yaml. I just did, and over a year down the road that’s all I have left of this project.
Regards
Pete
I pulled my hair out for a solid week trying to get those TTP223 touch switches working with a Tasmota’d Sonoff Basic. The Sonoff was behind a stud partition in an airing cupboard where my bathroom fan was powered off a switched, fused spur.
All I wanted was for a low voltage compliant switch within the “Low voltage” zone of the bathroom to turn the Sonoff relay on with a Tasmota rule to turn it off after 15 minutes.
These TTP223’s just rogue triggered the relay, usually a dozen times in a row through the small hours of the night. Nothing could stop it for me, external pull-up, external pull-down, inverted logic on the GPIO14, nothing worked!
In the end I put an AQARA Zigbee button on the bathroom wall and use MQTT to start the relay/timer now.
I never got to the source of the problem, whether it was the TTP223 or maybe an unstable power supply in the Sonoff? Something was toggling GPIO14 and I never solved it in the end.
G
Oh dear. Sorry you had no luck. Well, Aqara switches work well for me too.
Pete, your first post about ESPHome got my interest and I started tinkering. Got 3 boards running: ESP8266, ESP32, TTGO T-Display.
I run Home Assistant (HA) so I’ve been using the ESPHome add-on, but as you’ve shown, ESPHome works just fine without HA.
One snag I ran into: ESPHome on HA can flash an ESP* board over USB, but only if HA is running HTTPS (which is a pain to setup). No matter, I install to a manual download (compiles the BIN file then downloads to my PC) then flash the ESP* with ESPHome Flasher, Tasmotizer, esptool from the command line, etc. After the first flash the ESP* is ready for OTA updates, which I do thereafter.
I’ve mostly focused on the TTGO, fun to get stuff showing up on that little display (like you I’m moving to a 2.4″ display, will arrive tomorrow, also has touch so yet another thing to play with). I use the 2 buttons on the TTGO as next/previous page. I changed the backlight pin to PWM so I can dim it. I pull some data from HA for display (could do MQTT). I’ll be adding weather next, looks like you’ve already got some of that.
Here’s my code:
esphome: name: eh-ttgo platform: ESP32 board: featheresp32 # Enable logging logger: # Enable Home Assistant API api: ota: password: "xxxxxxx" wifi: ssid: !secret wifi_ssid_2ghz password: !secret wifi_password # Enable fallback access point (captive portal) in case wifi connection fails ap: ssid: ${name} AP password: !secret fallback_ap_password captive_portal: binary_sensor: - platform: status name: "Node Status" id: system_status - platform: gpio pin: number: GPIO0 inverted: true mode: INPUT_PULLUP name: "T-Display Button 0" id: tdisplay_button_0 on_press: then: - display.page.show_previous: the_display - component.update: the_display - platform: gpio pin: number: GPIO35 inverted: true name: "T-Display Button 1" id: tdisplay_button_1 on_press: then: - display.page.show_next: the_display - component.update: the_display sensor: - platform: wifi_signal name: "WiFi Signal Sensor" update_interval: 15s id: wifisig - platform: uptime name: Uptime Sensor id: timeup - platform: homeassistant name: "Nest Temperature" entity_id: sensor.kitchen_thermostat_temperature id: indoor_temperature - platform: homeassistant name: "Nest Humidity" entity_id: sensor.kitchen_thermostat_humidity id: indoor_humidity text_sensor: - platform: wifi_info ip_address: name: ${name} IP Address id: ipaddr ssid: name: ${name} Connected SSID bssid: name: ${name} Connected BSSID mac_address: name: ${name} Mac Wifi Address id: mac - platform: homeassistant id: indoor_temperature_units entity_id: sensor.kitchen_thermostat_temperature attribute: unit_of_measurement switch: # We can still control the backlight independently # - platform: gpio # pin: GPIO4 # name: "T-Display Backlight" # id: tdisplay_backlight - platform: template name: "next page" #optimistic: true # use this if using on_turn_on but turn_on_action seems better. turn_on_action: - display.page.show_next: the_display output: - platform: ledc pin: GPIO4 id: ttgo_backlight_pwm light: - platform: monochromatic output: ttgo_backlight_pwm name: "T-Display Backlight" id: tdisplay_back_light restore_mode: ALWAYS_ON # image: # - file: "image.png" # id: my_image # resize: 200x200 # type: RGB24 time: - platform: homeassistant id: esptime spi: clk_pin: GPIO18 mosi_pin: GPIO19 color: - id: my_red red: 100% green: 0% blue: 0% - id: my_yellow red: 100% green: 100% blue: 0% - id: my_green red: 0% green: 100% blue: 0% - id: my_blue red: 0% green: 0% blue: 100% - id: my_gray red: 50% green: 50% blue: 50% font: # fonts: OpenSans.ttf, Roboto.ttf, RobotoMono.ttf - file: "fonts/Roboto.ttf" id: font_large size: 48 glyphs: '♡ÆØÅæøå!"%()+,-_.:*=°?~#0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz' - file: "fonts/Roboto.ttf" id: font_medium size: 24 - file: "fonts/RobotoMono.ttf" id: font_small size: 18 - file: "fonts/OpenSans.ttf" id: font_header size: 14 display: - platform: st7789v backlight_pin: GPIO4 cs_pin: GPIO5 dc_pin: GPIO16 reset_pin: GPIO23 rotation: 270 id: the_display pages: - id: page_time lambda: |- it.print(5, 2, id(font_header), id(my_gray), TextAlign::TOP_LEFT, "Date Time"); if (id(system_status).state) { it.rectangle(0, 0, it.get_width(), it.get_height(), id(my_blue)); // outline border it.rectangle(0, 20, it.get_width(), it.get_height(), id(my_blue)); // header bar } else { it.print(235, 2, id(font_header), id(my_red), TextAlign::TOP_RIGHT, "Offline"); it.rectangle(0, 0, it.get_width(), it.get_height(), id(my_red)); // outline border it.rectangle(0, 20, it.get_width(), it.get_height(), id(my_red)); // header bar } // it.strftime((240 / 2), (140 / 3) * 1 + 5, id(font_medium), id(my_gray), TextAlign::CENTER, "%Y-%m-%d", id(esptime).now()); it.strftime((it.get_width() / 2), (it.get_height() / 2) - 5, id(font_large), id(my_gray), TextAlign::CENTER, "%l:%M", id(esptime).now()); it.strftime((it.get_width() / 2), (it.get_height() / 2) + 40, id(font_medium), id(my_gray), TextAlign::CENTER, "%a %d %b %Y", id(esptime).now()); // it.strftime((240 / 2), (140 / 3) * 2 + 5, id(font_large), id(my_gray), TextAlign::CENTER, "%H:%M:%S", id(esptime).now()); // Comment out the above lines to see the image without text overlaid // it.image(0, 0, id(my_image)); - id: page_indoor lambda: |- it.print(5, 2, id(font_header), id(my_gray), TextAlign::TOP_LEFT, "Indoor"); if (id(system_status).state) { it.rectangle(0, 0, it.get_width(), it.get_height(), id(my_blue)); // outline border it.rectangle(0, 20, it.get_width(), it.get_height(), id(my_blue)); // header bar } else { it.print(235, 2, id(font_header), id(my_red), TextAlign::TOP_RIGHT, "Offline"); it.rectangle(0, 0, it.get_width(), it.get_height(), id(my_red)); // outline border it.rectangle(0, 20, it.get_width(), it.get_height(), id(my_red)); // header bar } it.printf(120, 80, id(font_large), id(my_gray), TextAlign::CENTER, "%.0f%s %.0f%%", id(indoor_temperature).state, (id(indoor_temperature_units).state).c_str(), id(indoor_humidity).state); - id: page_weather lambda: |- it.print(5, 2, id(font_header), id(my_gray), TextAlign::TOP_LEFT, "Weather"); if (id(system_status).state) { it.rectangle(0, 0, it.get_width(), it.get_height(), id(my_blue)); // outline border it.rectangle(0, 20, it.get_width(), it.get_height(), id(my_blue)); // header bar } else { it.print(235, 2, id(font_header), id(my_red), TextAlign::TOP_RIGHT, "Offline"); it.rectangle(0, 0, it.get_width(), it.get_height(), id(my_red)); // outline border it.rectangle(0, 20, it.get_width(), it.get_height(), id(my_red)); // header bar } - id: page_forecast lambda: |- it.print(5, 2, id(font_header), id(my_gray), TextAlign::TOP_LEFT, "Forecast"); if (id(system_status).state) { it.rectangle(0, 0, it.get_width(), it.get_height(), id(my_blue)); // outline border it.rectangle(0, 20, it.get_width(), it.get_height(), id(my_blue)); // header bar } else { it.print(235, 2, id(font_header), id(my_red), TextAlign::TOP_RIGHT, "Offline"); it.rectangle(0, 0, it.get_width(), it.get_height(), id(my_red)); // outline border it.rectangle(0, 20, it.get_width(), it.get_height(), id(my_red)); // header bar } - id: page_about lambda: |- it.print(5, 2, id(font_header), id(my_gray), TextAlign::TOP_LEFT, "About"); if (id(system_status).state) { it.print(235, 2, id(font_header), id(my_green), TextAlign::TOP_RIGHT, "Online"); it.rectangle(0, 0, it.get_width(), it.get_height(), id(my_blue)); // outline border it.rectangle(0, 20, it.get_width(), it.get_height(), id(my_blue)); // header bar } else { it.print(235, 2, id(font_header), id(my_red), TextAlign::TOP_RIGHT, "Offline"); it.rectangle(0, 0, it.get_width(), it.get_height(), id(my_red)); // outline border it.rectangle(0, 20, it.get_width(), it.get_height(), id(my_red)); // header bar } it.printf(5, 35, id(font_medium), id(my_gray), "WiFi %idb",(int)id(wifisig).state); int x=(int)id(wifisig).state; if (x-90) it.filled_rectangle((it.get_width() / 2) + 20 + 0, 45 + 9, 10, 4, id(my_blue)); else it.rectangle((it.get_width() / 2) + 20 + 0, 45 + 9, 10, 4, id(my_gray)); if (x>-70) it.filled_rectangle((it.get_width() / 2) + 20 + 12, 45 + 6, 10, 7, id(my_blue)); else it.rectangle((it.get_width() / 2) + 20 + 12, 45 + 6, 10, 7, id(my_gray)); if (x>-50) it.filled_rectangle((it.get_width() / 2) + 20 + 24, 45 + 3, 10, 10, id(my_blue)); else it.rectangle((it.get_width() / 2) + 20 + 24, 45 + 3, 10, 10, id(my_gray)); if (x>-30) it.filled_rectangle((it.get_width() / 2) + 20 + 36, 45 + 0, 10, 13, id(my_blue)); else it.rectangle((it.get_width() / 2) + 20 + 36, 45 + 0, 10, 13, id(my_gray)); } it.printf(5, 70, id(font_medium), id(my_gray), "IP %s",(id(ipaddr).state).c_str()); it.printf(5, 105, id(font_small), id(my_gray), "MAC %s",(id(mac).state).c_str());Thanks for that I’ll take a look. I moved to Raspberry Pi for compilation.. it’s a bit slower than windows but I like using the dashboard (which it seems doesn’t work properly in Windows) and can flash the first time no problem on a COM port on the RPI – then obviously OTA subsequently.
I’m currently on a roll to see how far I can push one ESP32, got 2 touch buttons, an ILI9341, a BME280 on i2c_b (gpio15 and 16 work), time of flight sensor vl53l0x on i2c_a, DHT22 on GPIO2 and 20 ws2812b LEDs in rainbow mode using NEOPIXELBUS – the only current limitation being the neopixels flicker ever so slightly on LCD update – which was every second – so I switched to only minutes (clock display)… I’ve not yet gotten an answer as to whether it is possible to increase neopixel priority over other stuff to stop that flicker (only an inssue in rainbow mode).
I’ll follow your lead on TOUCH on the ILI9341 – but I need to get a display with the touch panel on it – mine doesn’t have that.
Ok, looks like we’re headed in similar directions here.. – my output to the web page.. included photo – and my code just updated 14/10/2021 00:20…
esphome: name: ili32 platform: ESP32 board: nodemcu-32s on_boot: priority: 250 then: - light.turn_on: id: LLED effect: rainbow # - light.turn_on: # id: LLED # brightness: 50% # red: 0% # green: 30% # blue: 100% wifi: networks: - ssid: !secret wifi_ssid password: !secret wifi_password - ssid: !secret wifi_ssid2 password: !secret wifi_password2 mqtt: broker: !secret mqtt_broker username: !secret mqtt_user password: !secret mqtt_password id: mqtt_client packages: colors: !include color/COLOR_CSS i2c: - id: bus_a sda: GPIO21 scl: GPIO22 scan: true - id: bus_b sda: GPIO15 scl: GPIO16 scan: true sensor: - platform: mqtt_subscribe name: "myweathertemp" id: myweathertemp topic: ili32/openweather/temp - platform: dht pin: GPIO2 temperature: name: "Living Room Temperature" humidity: name: "Living Room Humidity" update_interval: 60s - platform: wifi_signal name: "WiFi Signal Sensor" update_interval: 15s id: sstrength - platform: vl53l0x i2c_id: bus_a name: "VL53L0x Distance" address: 0x29 update_interval: 10s long_range: true - platform: bme280 i2c_id: bus_b temperature: name: "BME280 Temperature" id: bme280_temperature pressure: name: "BME280 Pressure" id: bme280_pressure humidity: name: "BME280 Relative Humidity" id: bme280_humidity address: 0x77 update_interval: 15s - platform: template name: "Altitude" lambda: |- const float STANDARD_SEA_LEVEL_PRESSURE = 1013.25; //in hPa, see note return ((id(bme280_temperature).state + 273.15) / 0.0065) * (powf((STANDARD_SEA_LEVEL_PRESSURE / id(bme280_pressure).state), 0.190234) - 1); // in meter update_interval: 15s icon: 'mdi:signal' unit_of_measurement: 'm' - platform: template name: "Absolute Humidity" lambda: |- const float mw = 18.01534; // molar mass of water g/mol const float r = 8.31447215; // Universal gas constant J/mol/K return (6.112 * powf(2.718281828, (17.67 * id(bme280_temperature).state) / (id(bme280_temperature).state + 243.5)) * id(bme280_humidity).state * mw) / ((273.15 + id(bme280_temperature).state) * r); // in grams/m^3 accuracy_decimals: 2 update_interval: 15s icon: 'mdi:water' unit_of_measurement: 'g/m³' - platform: template name: "Dew Point" lambda: |- return (243.5*(log(id(bme280_humidity).state/100)+((17.67*id(bme280_temperature).state)/ (243.5+id(bme280_temperature).state)))/(17.67-log(id(bme280_humidity).state/100)- ((17.67*id(bme280_temperature).state)/(243.5+id(bme280_temperature).state)))); unit_of_measurement: °C icon: 'mdi:thermometer-alert' binary_sensor: - platform: status name: "Node Status" id: system_status - platform: gpio pin: number: GPIO5 inverted: true mode: INPUT_PULLUP filters: # Small filter, to debounce the button press. - delayed_on: 25ms - delayed_off: 25ms name: "T-Display Button Input 0" id: tdisplay_button_input_0 on_release: then: - light.turn_on: id: LLED effect: rainbow - component.update: mydisplay on_state: then: - component.update: mydisplay - platform: gpio pin: number: GPIO18 inverted: true mode: INPUT_PULLUP filters: # Small filter, to debounce the button press. - delayed_on: 25ms - delayed_off: 25ms name: "T-Display Button Input 1" id: tdisplay_button_input_1 on_release: then: - light.turn_off: LLED on_state: then: - component.update: mydisplay text_sensor: - platform: template internal: true name: "mydis" id: mydis lambda: |- return {"MY ILI9341 ESPHOME ESP32"}; update_interval: 60s - platform: mqtt_subscribe name: "myweathericon" id: myweathericon topic: ili32/openweather/icon # Enable logging logger: # Enable Home Assistant API #api: # password: "" ota: password: "" captive_portal: #light: # - platform: fastled_clockless # chipset: WS2812B # pin: GPIO32 # num_leds: 20 # rgb_order: GRB # name: "LLED" # id: LLED # effects: # - addressable_random_twinkle: # name: "twinkle" # - addressable_fireworks: # name: "fireworks" # - addressable_color_wipe: # name: "wipe" # - addressable_rainbow: # name: rainbow light: - platform: neopixelbus type: GRB pin: RX method: "ESP32_I2S_1" num_leds: 20 name: "LLED" id: LLED effects: - addressable_rainbow: name: rainbow speed: 20 width: 20 font: - file: "fonts/digital7.ttf" id: ubuntuBig size: 72 - file: "fonts/ubuntu-r.ttf" id: ubuntuMassive size: 115 - file: "fonts/ubuntu-r.ttf" id: ubuntuMedium size: 28 - file: "fonts/ubuntu-r.ttf" id: ubuntuSmall size: 14 glyphs: '♡ÆØÅæøå!"%()+,-_.:*=°?~#0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz' # LCD Backlight control switch: - platform: gpio pin: GPIO25 name: "Backlight" id: backlight # General LED - platform: gpio pin: GPIO27 name: "WiFi LED" id: wifiLED #image: # - file: "image.png" # id: my_image # resize: 200x200 # type: RGB24 time: - platform: sntp id: esptime spi: clk_pin: GPIO14 mosi_pin: GPIO13 interval: - interval: 1s then: if: condition: wifi.connected: then: - switch.turn_on: wifiLED else: - switch.turn_off: wifiLED image: - file: "images/weather/01d.png" resize: 70x70 id: w01d type: RGB24 - file: "images/weather/01n.png" resize: 70x70 id: w01n type: RGB24 - file: "images/weather/02d.png" resize: 70x70 id: w02d type: RGB24 - file: "images/weather/02n.png" resize: 70x70 id: w02n type: RGB24 - file: "images/weather/03d.png" resize: 70x70 id: w03d type: RGB24 - file: "images/weather/03n.png" resize: 70x70 id: w03n type: RGB24 - file: "images/weather/04d.png" resize: 70x70 id: w04d type: RGB24 - file: "images/weather/04n.png" resize: 70x70 id: w04n type: RGB24 - file: "images/weather/09d.png" resize: 70x70 id: w09d type: RGB24 - file: "images/weather/09n.png" resize: 70x70 id: w09n type: RGB24 - file: "images/weather/10d.png" resize: 70x70 id: w10d type: RGB24 - file: "images/weather/10n.png" resize: 70x70 id: w10n type: RGB24 - file: "images/weather/11d.png" resize: 70x70 id: w11d type: RGB24 - file: "images/weather/11n.png" resize: 70x70 id: w11n type: RGB24 - file: "images/weather/13d.png" resize: 70x70 id: w13d type: RGB24 - file: "images/weather/13n.png" resize: 70x70 id: w13n type: RGB24 - file: "images/weather/50d.png" resize: 70x70 id: w50d type: RGB24 - file: "images/weather/50n.png" resize: 70x70 id: w50n type: RGB24 - file: "images/weather/unknown.png" resize: 70x70 id: wunknown type: RGB24 display: - platform: ili9341 model: TFT_2.4 cs_pin: GPIO32 dc_pin: GPIO33 led_pin: GPIO25 ### see note below ### reset_pin: GPIO26 rotation: 270 id: mydisplay update_interval: 60s lambda: |- it.rectangle(0, 0, it.get_width(), it.get_height(), id(COLOR_CSS_LIGHTSKYBLUE)); it.line(0, 20, it.get_width(), 20, id(COLOR_CSS_LIGHTSKYBLUE)); // header bar it.line(0,80,it.get_width(),80, id(COLOR_CSS_LIGHTSKYBLUE)); it.line(0,180,it.get_width(),180, id(COLOR_CSS_LIGHTSKYBLUE)); it.line(it.get_width()-70,20,it.get_width()-70,180, id(COLOR_CSS_LIGHTSKYBLUE)); // if (id(system_status).state) { // it.print(it.get_width()-4, 2, id(ubuntuSmall), id(COLOR_CSS_LIGHTGREEN), TextAlign::TOP_RIGHT, "Online"); //} //else { // it.print(it.get_width()-4, 2, id(ubuntuSmall), id(COLOR_CSS_RED), TextAlign::TOP_RIGHT, "Offline"); //} int x=(int)id(sstrength).state; if (x<0) { if ((x>-90) && (x<0)) it.filled_rectangle( 292,12,5,6); else it.rectangle( 292,12,5,6); if ((x>-70) && (x<0)) it.filled_rectangle( 298,9,5,9); else it.rectangle( 298,9,5,9); if ((x>-50) && (x<0)) it.filled_rectangle( 304, 6,5,12); else it.rectangle( 304, 6,5,12); if ((x>-30) && (x<0)) it.filled_rectangle( 310,3,5,15); else it.rectangle( 310,3,5,15); } it.strftime(it.get_width()-36, 34, id(ubuntuMedium), id(COLOR_CSS_ORANGE), TextAlign::CENTER, "%a", id(esptime).now()); it.strftime(it.get_width()-36, 58, id(ubuntuMedium), id(COLOR_CSS_SILVER), TextAlign::CENTER, "%d", id(esptime).now()); it.filled_rectangle(1, 181, it.get_width()-2, 58,id(COLOR_CSS_YELLOW)); it.strftime((it.get_width() / 2), 200, id(ubuntuBig), id(COLOR_CSS_BLACK), TextAlign::CENTER, "%H:%M:%S", id(esptime).now()); it.printf(5, 3, id(ubuntuSmall),id(COLOR_CSS_YELLOW),"%s",(id(mydis).state).c_str()); if (id(myweathertemp).has_state()) it.printf(10,64,id(ubuntuMassive), id(COLOR_CSS_LIGHTGREEN), "%0.0f°c", (id(myweathertemp).state) ); const int imgx=255, imgy=85; if (id(myweathericon).has_state()) { if (id(myweathericon).state=="01d") it.image(imgx,imgy, id(w01d)); else if (id(myweathericon).state=="01n") it.image(imgx,imgy, id(w01n)); else if (id(myweathericon).state=="02d") it.image(imgx,imgy, id(w02d)); else if (id(myweathericon).state=="02n") it.image(imgx,imgy, id(w02n)); else if (id(myweathericon).state=="03d") it.image(imgx,imgy, id(w03d)); else if (id(myweathericon).state=="03n") it.image(imgx,imgy, id(w03n)); else if (id(myweathericon).state=="04d") it.image(imgx,imgy, id(w04d)); else if (id(myweathericon).state=="04n") it.image(imgx,imgy, id(w04n)); else if (id(myweathericon).state=="09d") it.image(imgx,imgy, id(w09d)); else if (id(myweathericon).state=="09n") it.image(imgx,imgy, id(w09n)); else if (id(myweathericon).state=="10d") it.image(imgx,imgy, id(w10d)); else if (id(myweathericon).state=="10n") it.image(imgx,imgy, id(w10n)); else if (id(myweathericon).state=="11d") it.image(imgx,imgy, id(w11d)); else if (id(myweathericon).state=="11n") it.image(imgx,imgy, id(w11n)); else if (id(myweathericon).state=="13d") it.image(imgx,imgy, id(w13d)); else if (id(myweathericon).state=="13n") it.image(imgx,imgy, id(w13n)); else if (id(myweathericon).state=="50d") it.image(imgx,imgy, id(w50d)); else if (id(myweathericon).state=="50n") it.image(imgx,imgy, id(w50n)); else it.image(imgx,imgy, id(wunknown)); } if (id(bme280_temperature).has_state()) { it.printf(5, 25, id(ubuntuSmall),id(COLOR_CSS_RED),"BME280 T: %.*f°c",1,id(bme280_temperature).state); it.printf(5, 41, id(ubuntuSmall),id(COLOR_CSS_GREENYELLOW),"BME280 H: %.*f%%",1,id(bme280_humidity).state); it.printf(5, 57, id(ubuntuSmall),id(COLOR_CSS_HOTPINK),"BME280 P: %.*f°hPA",1,id(bme280_pressure).state); } if (id(tdisplay_button_input_0).state==0) it.filled_circle(235, 40, 6, id(COLOR_CSS_BLUE)); else it.filled_circle(235, 40, 6, id(COLOR_CSS_HOTPINK)); if (id(tdisplay_button_input_1).state==0) it.filled_circle(235, 60, 6, id(COLOR_CSS_BLUE)); else it.filled_circle(235, 60, 6, id(COLOR_CSS_HOTPINK)); // it.image(0, 0, id(my_image)); web_server: port: 80I just learned something new – in both your comment and my reply – I added [ yaml ] and [ / yaml ] without the spaces before and after the code. Need to figure out how to indent code a little.
That yaml tag is nice, I’ll try to remember it.