(r5) ST7735TFTDisplay < IoT_Course

Tags: view all tags

---+ Exercise 10: A TFT Display and the ST7735 display controller
---++ Introduction

The ST7735 is described in [[TFT Display]] on this TWiki. It comes with a big bunch of demo programs showing the functionality of the driver. Please inspect the source code of each of these demos and run them. This should give you a good feeling of the possibilities the driver offers.
---++ Exercise 1: Random lines, rectangles and circles

Write a !MicroPython script that draws 50
   * random lines
   * random rectangles
   * random circles
in random colors. These are 3 distinct tests. Draw the lines first, show them for 5s, clear the display and start showing the rectangles ...
| <img alt="img_8008.png" height="361" src="%ATTACHURL%/img_8008.png" title="img_8008.png" width="300" /> | <img alt="img_8009.png" height="363" src="%ATTACHURL%/img_8009.png" title="img_8009.png" width="300" /> | <img alt="img_8010.png" height="373" src="%ATTACHURL%/img_8010.png" title="img_8010.png" width="300" /> |
Write the above script once using direct drawing primitives (_draw_line(...), draw_rectangle(...), draw_circle(...)_) and then modify your code to use the primitives (_line(...),rect(...),circle(...)_) passing through the frame buffer. Where do you have to place the <i>show() </i>calls to get a similar result?
---++ Exercise 2: Text drawing

Write a script that prints "DSCIT" in three different fonts (sysfont, courier20 and !EspressoDolce18x24) in the colors red, green and blue. Draw the text once in portrait and once in landscape mode

<img alt="img_8011.png" height="368" src="%ATTACHURL%/img_8011.png" title="img_8011.png" width="300" />

---++ Exercise 3: Graphical User Interface (GUI) elements from nanogui

Create 2 meters, one for temperature (0..50) and one for humidity (0..100). Generate dummy temperature and humidity values and display them in the meters.

<img alt="img_8012.png" height="367" src="%ATTACHURL%/img_8012.png" title="img_8012.png" width="300" />

Replace the dummy measurements by real ones from the SHT30.

<img alt="img_8016.png" height="362" src="%ATTACHURL%/img_8016.png" title="img_8016.png" width="300" />
---++ Exercise 4: Plots

Create a plot of a damped oscillator
---++ Exercise 5: A new GUI element (bonus point)

Create a new "scale" GUI element showing a scale. This should can be used e.g. to create a Voltmeter making use of the ESP32 ADC.
---++ Exercise 6: Mario, a real challenge!

Two simple arcade games come with the SD1351 driver demos. One of them is a Super Mario game, which however is base on hardware we don't have. Can you modify the code such that you can run the program with the hardware we have (e.g the analogue joystick)?

-- %USERSIG{UliRaich - 2020-07-26}%
---++ Comments

%COMMENT%

Attachments

Topic attachments
I	Attachment	History	Action	Size	Date	Who
png	img_8008.png	r1	manage	208.2 K	2020-07-28 - 06:55	UliRaich
png	img_8009.png	r1	manage	211.2 K	2020-07-28 - 06:55	UliRaich
png	img_8010.png	r1	manage	235.2 K	2020-07-28 - 06:55	UliRaich
png	img_8011.png	r1	manage	184.5 K	2020-07-28 - 07:29	UliRaich
png	img_8012.png	r1	manage	192.1 K	2020-07-28 - 11:55	UliRaich
png	img_8016.png	r1	manage	191.6 K	2020-07-28 - 13:04	UliRaich

Topic revision: r5 - 2020-07-28 - UliRaich