GUITION 4" 480x480 ESP32-S3-4848S040 Smart Display with LVGL

Hey thanks! :slight_smile:

Sure! Here you go

Sorry the code was too long.

Here’s a link: GitHub - fusionstream/esphome-stuff

Left the comments in, in case I disabled some stuff for testing (already noticed a few wrong icons and etc from the pictures)

2 Likes

Can you add files:
file: “gfonts://Roboto”
file: “fonts/materialdesignicons-webfont-7.4.47.ttf”
file: ‘images/guition_kitchen_480x480_blur.png’
file: ‘images/master_bedroom_final_1.png’
file: ‘images/monstrance480x480.png’
file: ‘images/monstrancev2-480x480.png’

Thanks

Try this version. It does not require any external files.

Andrew’s version above will compile. A cursory look shows that he pointed the mdi fonts to the online version which is cool but I generally prefer files that are always available locally especially since the mdi fonts sometimes remove things I use.

The gfonts file is not needed as that is online.

The other images are not needed as well as they’re commented out.

Have added the monstrancev2-480x480.png to the repo.

Attribution is not required but the source is from here (where it is called a “chandelier”): Gold and silver round chandelier photo – Free Church Image on Unsplash

You’ll probably want to use Andrew’s version initially but change his black.svg image file to this one (after putting it in the right folders)

I try to use online stuff as much as possible to cut down on local files.

I reference a particular version of MDI so they will not remove anything from it.

I don’t have access to that image so I replaced it with a black one.

All good mate. Just highlighting the differences that I noticed so Adam or others reading won’t miss out on em :slight_smile:

Hello all,
I really tried to find the answer to my following question, but after an hour and a half of messing about with copilot, chatgpt, gemini, good old google and this forum, I did not find the answer. So apologies if I’ve been looking with my a$$ but if anybody knows and is willing to tell me what the GPIO numbers are for the L2 and L3 relays I would be delighted?

  • id: internal_relay_1
    platform: gpio
    pin: 40

This can be found anywhere and it works. When I click on the button in HA, I can hear a mechanical CLICK. And now I’d like to know the pin numbers for the other 2?

PLEASE!

GPIO40=relay 1; GPIO1=relay 2; GPIO2=relay 3

2 Likes

Thank you!
This forum is awesome and ya’ll are the best!

1 Like

Also if you take a look at my library for the Guition these are already defined.

1 Like

(Sorry for the multiple edits, I accidentally post an unfinished post then accidentally deleted it instead of editing it)

For those of that do not need the relay, you can easily remove the board that houses the relay and the ACDC power supply from the back housing and gain some empty space while still being able to use the screw mounts.

Then you can buy one of these:

https://www.aliexpress.com/item/1005003984099994.html

2x4pin with one male at least. You can then snip off one end, leaving a 2x4pin male, then strip the wires on the other end. Plug it in to the same connector that was connected to the power board that you just got rid of, and get free GPIOs, 5v power and GND. YES, free no need to solder GPIOs. Those relays GPIO pins and RX/TX pins are all useable, I tried it out, by connecting temperature sensors and relays.

I wanted to use a 12v to 5 v power supply since my wall had 12v running from another project, and my 240v AC power was causing issues with touch. Therefore I couldn’t use the existing relay. I added a 12v to 3.3v power supply as well, then added 3.3v relays and a AM2301a for temperature and humidity monitoring in the room.

whom might be interested, I add a settings page to change on the fly the display brightness for day, night and standby mod. The same option for display on time, dimm value and for display off time.

As I used more and more of these displays I add one page with just four button:


Top header for how many lights are on.
Button
top left: Heating on or off, Battery value, Valve open or closed plus % open.
top right: Room temperature

Brightness slider with % value
As many lights are switch on and off automatically - I add a countdown when used.

All are stored here

1 Like

fyi, I added on the setings page a display off after standby mode.
Now you can have normal mode for example 100% for 4min → after standby mode with dedicated page with for example 35% for 3min → if new off mode in the dropdown menu is not 0min then the display will switch off after choosen time for example 5min.
Now it should cover all possible use cases.

1 Like

Great work! I wanted to write similar, but my knowledge limits me, so it’s on a standstill for now…
Btw… when is ‘day’ and when is ‘night’? Can these hours be adjusted, too?

Thank you, just try some of the gits in these thread and some ChatGPT or the forum to fix issues.

Good point :slight_smile: actually it is a fix time 11pm and 7am, let me see where I can add these as the settings page is quite full already :slight_smile:

1 Like

I added a first version ha-panel-oben27.06.yaml where Day and Night time is chooseable. Seems to be working fine for my testing.

2 Likes

Made a new version:
Guition-ESP32-S3-4848S040





8 Likes
6 Likes

Sorry for the noob question, but where exactly do I get the entity for increase/decrease temp button for the thermostat card?
I tried creating input helper but I’m just getting this instead

input_button.button_ac_temp_decrease_master_bedroom
                  - button:
                      x: 60
                      y: 90
                      width: 120
                      height: 50
                      bg_color: 0xBFD4DB
                      bg_opa: 50%
                      shadow_opa: 0
                      id: btn_ac_temp_increase
                      widgets:
                        - label:
                            y: 3
                            text_font: roboto40
                            text_align: center
                            align: center
                            text: "\U000F0E03"
                      on_press:
                        - homeassistant.service:
                            service: button.press
                            data:
                              entity_id: button.ac_temp_increase_master_bedroom

Hi, how do I properly install this?
Do I just copy all the files in /src/ folder to esphome folder then just compile?