![nishad2m8](/img/default-banner.jpg)
- 60
- 103 857
nishad2m8
Приєднався 26 чер 2007
Unpredictable 😈 Lazy 😴
Coffee vending machine HMI on esp32 Display panel CYD #diy #figma #ui #hmi #vendingmachine #TFT
Do you like my videos? Please consider buying me a ☕ :
www.buymeacoffee.com/nishad2m8
🔖 Code : github.com/nishad2m8
Affiliate product links: Every bit of support matters 🤗.
📦 4" Display with 3 relay : s.click.aliexpress.com/e/_DEkQRIj
Aliexpress
📦 Lilygo T4-S3 : s.click.aliexpress.com/e/_EGKqZ1h
📦 Lilygo T-Display-S3 : s.click.aliexpress.com/e/_onpLA9Q
📦 LilygoT-RGB : s.click.aliexpress.com/e/_oBhFN5i
Lilygo
📦 www.lilygo.cc/nishad2m8
📦 T4-S3 : www.lilygo.cc/9nz3hd
📦 T-Display-S3 : www.lilygo.cc/fmwbbp
📦 T-Display-S3 Amoled : www.lilygo.cc/fmwbbp
📦 T-RGB : www.lilygo.cc/3z5tt0
Simple Coffe machine HMI.
Timestamps:
00:00 - Demo
00:32 - Figma preview
03:56 - Squareline Studio preview
05:38 - Code preview
#ESP32 #DisplayPanel #IoTProjects #DIYElectronics #TechTutorials #Coding #Arduino #MakerCommunity #hmi #vendingmachine #coffemaker #Figma #UI #CheapYellowDisplay #CYD #tft_espi
www.buymeacoffee.com/nishad2m8
🔖 Code : github.com/nishad2m8
Affiliate product links: Every bit of support matters 🤗.
📦 4" Display with 3 relay : s.click.aliexpress.com/e/_DEkQRIj
Aliexpress
📦 Lilygo T4-S3 : s.click.aliexpress.com/e/_EGKqZ1h
📦 Lilygo T-Display-S3 : s.click.aliexpress.com/e/_onpLA9Q
📦 LilygoT-RGB : s.click.aliexpress.com/e/_oBhFN5i
Lilygo
📦 www.lilygo.cc/nishad2m8
📦 T4-S3 : www.lilygo.cc/9nz3hd
📦 T-Display-S3 : www.lilygo.cc/fmwbbp
📦 T-Display-S3 Amoled : www.lilygo.cc/fmwbbp
📦 T-RGB : www.lilygo.cc/3z5tt0
Simple Coffe machine HMI.
Timestamps:
00:00 - Demo
00:32 - Figma preview
03:56 - Squareline Studio preview
05:38 - Code preview
#ESP32 #DisplayPanel #IoTProjects #DIYElectronics #TechTutorials #Coding #Arduino #MakerCommunity #hmi #vendingmachine #coffemaker #Figma #UI #CheapYellowDisplay #CYD #tft_espi
Переглядів: 787
Відео
Moon Phase Clock on esp32 Lilygo T RGB #uidesign #squareline #esp32 #api #moonphase #internetclock
Переглядів 25421 день тому
Do you like my videos? Please consider buying me a ☕ : www.buymeacoffee.com/nishad2m8 Code : github.com/nishad2m8 Affiliate product links: Every bit of support matters 🤗. Lilygo 📦 www.lilygo.cc/nishad2m8 📦 T4-S3 : www.lilygo.cc/9nz3hd 📦 T-Display-S3 : www.lilygo.cc/fmwbbp 📦 T-Display-S3 Amoled : www.lilygo.cc/fmwbbp 📦 T-RGB : www.lilygo.cc/3z5tt0 Aliexpress 📦 4" Display with 3 relay : s.click....
LCARS UI on ESP32 Display Panel CYD | #LVGL #ESP32 #diy #lcars #figma #ui #CheapYellowDisplay #TFT
Переглядів 1,9 тис.Місяць тому
Do you like my videos? Please consider buying me a ☕ : www.buymeacoffee.com/nishad2m8 Code : github.com/nishad2m8 Affiliate product links: Every bit of support matters 🤗. 📦 4" Display with 3 relay : s.click.aliexpress.com/e/_DEkQRIj Aliexpress 📦 Lilygo T4-S3 : s.click.aliexpress.com/e/_EGKqZ1h 📦 Lilygo T-Display-S3 : s.click.aliexpress.com/e/_onpLA9Q 📦 LilygoT-RGB : s.click.aliexpress.com/e/_o...
Stock Price Display with ESP32 Lilygo T4-S3 using Alpha Vantage API #esp32 #lilygo #diy #stockprice
Переглядів 656Місяць тому
Do you like my videos? Please consider buying me a ☕ : www.buymeacoffee.com/nishad2m8 Code : github.com/nishad2m8 Affiliate product links: Every bit of support matters 🤗. 📦 Lilygo T4-S3 : s.click.aliexpress.com/e/_EGKqZ1h 📦 Lilygo T-Display-S3 : s.click.aliexpress.com/e/_onpLA9Q 📦 LilygoT-RGB : s.click.aliexpress.com/e/_oBhFN5i 📦 4" Display with 3 relay : s.click.aliexpress.com/e/_DEkQRIj 📦 T4...
Attitude Indicator / Artificial Horizon on T-Display S3: Simple Setup with SquareLine #lvgl #esp32
Переглядів 648Місяць тому
Do you like my videos? Please consider buying me a ☕ : www.buymeacoffee.com/nishad2m8 Code : github.com/nishad2m8 Affiliate product links: Every bit of support matters 🤗. 📦 Lilygo T4-S3 : s.click.aliexpress.com/e/_EGKqZ1h 📦 Lilygo T-Display-S3 : s.click.aliexpress.com/e/_onpLA9Q 📦 LilygoT-RGB : s.click.aliexpress.com/e/_oBhFN5i 📦 T4-S3 : www.lilygo.cc/9nz3hd 📦 T-Display-S3 : www.lilygo.cc/fmwb...
Home automation dashboard on Lilygo T4-S3 and custom UI Setup #ui #dashbord #hmi #homeassistant #ha
Переглядів 1 тис.Місяць тому
Do you like my videos? Please consider buying me a ☕ : www.buymeacoffee.com/nishad2m8 Code : github.com/nishad2m8/T4-S3-YT Affiliate product links: Every bit of support matters 🤗. 📦 Lilygo T4-S3 : s.click.aliexpress.com/e/_EGKqZ1h 📦 Lilygo T-Display-S3 : s.click.aliexpress.com/e/_onpLA9Q 📦 LilygoT-RGB : s.click.aliexpress.com/e/_oBhFN5i 📦 T4-S3 : www.lilygo.cc/9nz3hd 📦 T-Display-S3 : www.lilyg...
Auto Gauge Dashboard HMI on Lilygo 2.1" Round Touch Display T-RGB Using LVGL #hmi #gauges #dashbord
Переглядів 8012 місяці тому
Auto Gauge Dashboard HMI on Lilygo 2.1" Round Touch Display T-RGB Using LVGL #hmi #gauges #dashbord
How to Configure LilyGo T-Display S3 Pro with LVGL, SquareLine Studio OBP & PlatformIO
Переглядів 8792 місяці тому
How to Configure LilyGo T-Display S3 Pro with LVGL, SquareLine Studio OBP & PlatformIO
PV / Solar energy monitor dashboard on T-Display S3 #lvgl #tft_espi #figma #hmi #nodered #mqtt
Переглядів 1,3 тис.2 місяці тому
PV / Solar energy monitor dashboard on T-Display S3 #lvgl #tft_espi #figma #hmi #nodered #mqtt
Home automation dashboard controller #lvgl #tft espi #lilygo #figma #ui #hmi #ha #homeassistant
Переглядів 1,2 тис.3 місяці тому
Home automation dashboard controller #lvgl #tft espi #lilygo #figma #ui #hmi #ha #homeassistant
iOs widget style pomodoro timer on esp32 Lilygo T-DisplayS3 #esp32 #iot #lvgl #diy #figma #ui #hmi
Переглядів 3,2 тис.3 місяці тому
iOs widget style pomodoro timer on esp32 Lilygo T-DisplayS3 #esp32 #iot #lvgl #diy #figma #ui #hmi
Companion bot expression on esp32 lilygo T-dispaly S3 #esp32 #lilygo #lvgl
Переглядів 1,1 тис.4 місяці тому
Companion bot expression on esp32 lilygo T-dispaly S3 #esp32 #lilygo #lvgl
Compass UI on ESP32 T-Display S3 #uidesign #figma #squareline #esp32 #hmi
Переглядів 9 тис.4 місяці тому
Compass UI on ESP32 T-Display S3 #uidesign #figma #squareline #esp32 #hmi
Moon Phase Clock on T-Display S3 #uidesign #figma #squareline #esp32
Переглядів 3,1 тис.4 місяці тому
Moon Phase Clock on T-Display S3 #uidesign #figma #squareline #esp32
Auto gauge HMI design using Figma and Squareline Studio #uidesign #hmi #figma #gauge #esp32
Переглядів 15 тис.5 місяців тому
Auto gauge HMI design using Figma and Squareline Studio #uidesign #hmi #figma #gauge #esp32
Nixie Tube Clock on Lilygo T-Display S3 ESP32 #iot #esp32
Переглядів 1,5 тис.5 місяців тому
Nixie Tube Clock on Lilygo T-Display S3 ESP32 #iot #esp32
Digital price tag on esp32. data fetched from json #esp32 #iot
Переглядів 6146 місяців тому
Digital price tag on esp32. data fetched from json #esp32 #iot
Vintage macintosh style calculator on esp32 Lilygo T-Display S3 #DIY #esp32
Переглядів 5266 місяців тому
Vintage macintosh style calculator on esp32 Lilygo T-Display S3 #DIY #esp32
Casio style world clock on ESP32 T-Display S3
Переглядів 6 тис.7 місяців тому
Casio style world clock on ESP32 T-Display S3
Lilygo T-Display S3 final Setup and passing live data to UI. Internet clock
Переглядів 1,3 тис.8 місяців тому
Lilygo T-Display S3 final Setup and passing live data to UI. Internet clock
Lilygo T-Display S3 UI Design and Setup in PlatformIO with Squareline Studio #iot
Переглядів 4,9 тис.9 місяців тому
Lilygo T-Display S3 UI Design and Setup in PlatformIO with Squareline Studio #iot
FIFA 13 iPhone/iPad - Brazil vs. Argentina
Переглядів 4111 років тому
FIFA 13 iPhone/iPad - Brazil vs. Argentina
@nishad2m8 Hello sir,can you plz share the sqaurelinestudio project file of this project please
Hi, sorry i miss the sqaureline studio files. the elements file in github. github.com/nishad2m8/T-Display-S3-YT/tree/master/06-Auto-Guage
Hello sir ,hope you are fine ,sir can you plz share the squareline studio project file of this project please
Really master of Embedded UI Designing
thank you
nice ! 非常感谢!
Thank you
Genial!
Thank you
very interesting video
Glad you liked it
Great video. How did you do the coffee filling animation like in the Short?
Thank you. the coffee filling animation is a simple y-axis position movement. you can see it at ua-cam.com/video/BoTxqTqsIWI/v-deo.html
Is squareline studio free?
For personal use
this is really cool
Thank you 🤗
Beautiful designs
Thank you. I redesign this for lilygo T-RGB
Wondering if you’ve ever figured out how to get small animated icons using Squareline? I hoped I could drop an animated gif onto an image widget was possible but it is not. Great clock project!
Squareline natively doesn’t support gif or lottie files. I use a series of images to animate like a gif or based on the data. In lcars ui I animate the spear this way. I use ezgif.com to split GIFs into frames.
Was that ur own design 🔥
I made it. Ho to video i posted
Very cool
Thank you 😊
❤
Thank you 😊
Cool ❤
Thank you 🤗
A very nice tutorial. I'm trying to learn how to use the program by replicating it. If I replicate the battery and subtract the battery (green) from the black bar, then the black bar at the bottom is rectangular. The curves that go inwards are missing. What am I doing wrong? It would be very helpful for beginners like me if the key combinations were also displayed.
Im not good to explain the code. in my video you can see im focusing on UI design. instead of using images for battery you can use lvgl bar with round edge and can change color based on percentage (bar style main set transparent and apply style to bar indicator). adjust bar width and height to fit inside battery icon. i tried this and working.
this isnt the CYD...
Okay, I saw on GitHub that it was mentioned as CYD, and on another one, it was referred to as a Display panel.
🖖
🖐️
Very cool display!
yes. but bright ness is bit low compared to T-Display s3
@nishad2m8 have you done a vid where you get deep into the code? I tried one big project and managed to get the display up but couldnt get the screen to change. Would love to use lvgl more but cant find a good tutorial vis on it
No, I haven't done a big project like that. right now im mainly working on different types of ui designs. from my experience using large image files can slow down performance. you can see in this video that the second screen rotation animation is not smooth and uses about 97% cpu
That's looks awesome UI
Done with SquareLine Studio and lvgl?
Yes. Elements created using Figma.
So well done as always. Looks beautiful!
Thank you 🤗
Looks like the wipeout speed gauge. Cool!
🙃 .. Thank you
Awesome! 😍
Thanks! 😄
Fantastic, do you have the spj project also available? Thanks
Thank you. spj project means ?
@@nishad2m8 I was referring to the Squareline project
@@marcosiccardi7956 no. i miss the files. you can find the ui elements in my gihub
6.9 % of Ram is little, how is posble do it ???
6.9% is used by the raw UI code only. After adding functionalities, the usage increases to 15.0%. I don't have in-depth knowledge of embedded hardware.
@@nishad2m8 thanks, good job, I like it
Please make live currency and btc price tracker for t S3
@@fun_with_heet I have in mind a project with dynamic wifi connection and options to choose crypto / currency.
sympa sur un bureau merci pour tes super partages
🤗
Looking sharp. Love the bright color differences.
thank you 😊. candle chart is not working as expected 🥴
Great video and I will have to give Figma a try. It looks like great software for greating objects for Squareline. Keep up the great work and thank you.
Thank you 🤗. you should try figma; it's very easy to use. i'll definitely try what I can do with free to use tools.
Very good video and great idea for ppl like myself to follow along.. I tried running the code but keep getting an error trying to upload
Thank you 🤗. you suggested it so I tried it. what error are you facing? share more details. my code is all optimized for the platformio ide. share more details Ill check
@@nishad2m8 I really appreciate you… I’ve been searching for months for something like this… I’ll fire it back up and let u know in a minute
@@nishad2m8 the error might be on my side it says no serial data received
@@nemonespider ok. i didn't add serial debug data. you can remove mock_data functions and and pass the data to update_pitch and update_roll
@@nishad2m8 thank u I’ll give it a try now
I added a short explanation in key areas. Is it helpful or not? Share your thoughts 🤗.
Any app to install
I use platformio. ill share the code soon. you can use platformio to upload the code.
Good stuff bro thank u… waiting for the code 😊
Ill share soon 👍
@@nishad2m8thank u
Many many thanks!!! With ur help i got it working!
Glad it helped. 😇
Is amazing.
Thank you
Legal. Voce é bom .
Obrigado! Você também é. 🤗
I have followd a few of your tutorial but when the device start I can see the first page of my device but it gets freeze. Do you know how can I fix it? Thank you so much
Can you share more details. which display and which code you tried.
Great video! Your dashboard setup on the LilyGO T4 S3 is impressive and seems to control various home devices like the TV, AC, garage door, and more. I noticed you mentioned Home Assistant in your hashtags, but there was no mention of it in the video. I was wondering, did you integrate the device with Home Assistant? If so, could you provide more details on how you did it or consider making a follow-up video explaining the integration process? Thanks for the amazing content!
Thank you. now i don't have home assistant setup. have plan to setup on in future. I think home assistant can control via mqtt. i test control with node-red and homekit node. and its works. I added home assistant in hashtag to get some attention. once i setup ha definitely ill try make it nice dashboards.
esphome supports T4-S3 and T-Display S3 AMOLED. 😇 esphome.io/components/display/qspi_amoled esphome.io/components/touchscreen/cst226
Have actually connected it to any of these devices?
Not yet. Its easy to connect when I have a real device.. so there is no need to mock the data.. I had a setup with domoticz a long time back.
@@nishad2m8 my friend in the Philippines is trying to work jointly on a gps project. He has the code to receive the data from his gps unit. I was thinking about using a TextArea to display the data. And a function to fetch the data. We are using the T4 S3 board, SL 1.4.1 set to Arduino with TFT, but not using the TFT library. Does that make sense?
@@joebauer49 for my video i use LilyGo_AMOLED , TFT_eSPI, and lvgl libraries. i took it from the example provide by lilygo. in the example there some with Arduino_GFX_Library (i didn't try)
Did you use Squareline or LVGL? Can you do the “Swipe” using Squareline?
LVGL is the core. I have a swipe feature in mind with custom ui elements.
good job, thanks to include image edit
Glad you like it! 🤗
Good morning I'm trying to do a project using the screen Lilygo T-RGB and Squareline Studio but I am having lot's of problems... Could you give me an example ou let me know where can I get on? I think I have been problems with the libs... Thank you for your help
Today i upload the code. check description for the link. also i create OBP for squareline studio. check this link : github.com/nishad2m8/Squareline-OBP . hope it will solve your issues. let me know if it success or not
Found your channel after LilyGo retweeted your tweet about the device👍
Thank you 🤗
How do you build the design?.
using squareline studio and lvgl library. i will post how to video soon. you can check my other videos. like same way i made this
@@nishad2m8 I have a 7 inch crowPanel screen, and I don't know if I can make a nice design
@@nishad2m8 By the way, I'm already subscribed, you have some very interesting videos. I am from Colombia, I speak Spanish and I really like what you do.
I’ve been following this for a while and it looks better with more details over time.
🤗
very cool stuff!!
Thank you
What a great Project! Love it!
Thank you 🤗
Looks good
Thank you.
Awesome! I would love to see how you are pushing to the display with LVGL. I've previously been using tft_espi to draw sprites and ArduinoGFX to push them to the lilygo screen. Are you doing something similar with the LV_helper?
Thank you. I haven't tried LV_helper yet as im not a programmer. im trying to find a way for non programmers to create nice uis for hmi
Hi can u please make a plane attitude indicator next please
Hi, thats in my mind. i already start another one. will try after that 😇
Thank you
Also can u use the lily go T display if it can
@@nemonespider sure. still may fav is t-display s3