设为首页收藏本站
首页 > 论坛 > ESP32

[ESP8266/ESP32]FireBeetle 2 ESP32 C6 试用——使用不同姿势点亮屏幕

aramy | 中级技师 | 创造力： | 帖子： | 发消息 | 串个门 | 加好友 | 打招呼
2024-3-23 22:26:43 [显示全部楼层]
3116浏览
5回复
0收藏
查看: 3116|回复: 5

[ESP8266/ESP32] FireBeetle 2 ESP32 C6 试用——使用不同姿势点亮屏幕

[复制链接]
本帖最后由 aramy 于 2024-3-24 20:56 编辑

很开心收到了试用产品：FireBeetle 2 ESP32 C6开发板。这个板子支持 Wi-Fi 6，蓝牙 5，Zigbee 3.0，Thread 1.3通讯协议，太阳能充电。
FireBeetle 2 ESP32 C6 试用——使用不同姿势点亮屏幕图1
这个开发板是属于FireBeetle 2系列的开发板，板子上有个GDI接口。手上有一个自制的FireBeetle 2的扩展板。扩展板上有SHT30、SD卡和一个1.47寸TFT显示屏，屏幕是IPS屏，172*320 SPI接口ST7789驱动。这里将扩展板装上，扩展板上有个摄像头，这里暂时不用。先用这个板子点亮屏幕玩一下。
FireBeetle 2 ESP32 C6 试用——使用不同姿势点亮屏幕图2

FireBeetle 2 ESP32 C6 试用——使用不同姿势点亮屏幕图3
FireBeetle 2 ESP32 C6 试用——使用不同姿势点亮屏幕图4
FireBeetle 2 ESP32 C6 试用——使用不同姿势点亮屏幕图5
到手，就开始尝试点亮屏幕。
  • 使用ESP-IDF点亮屏幕
电脑上安装有ESP-IDF4.4.6环境，但是在Vscode里选择硬件，居然没有esp32-c6，看来是芯片太新了，重新安装esp-idf5.1.2版本，然后就有esp32-c6芯片选择了。
FireBeetle 2 ESP32 C6 试用——使用不同姿势点亮屏幕图6
选择例程，使用HELLO_WORLD例程。esp-idf5以后开始使用组件了，修改芯片类型，然后在main文件夹里创建 idf_component.yml文件。
  1. dependencies:

  2.   espressif/esp_lvgl_port: "^1.4.0"
复制代码
使用这个配置，自动加载lvgl。将加载的组件里例程中的main.c整个复制到hello_world_main.c文件里。系统默认的就是使用st7789的驱动。
FireBeetle 2 ESP32 C6 试用——使用不同姿势点亮屏幕图7
修改几个地方：1、删掉触摸屏部分的代码。2、修改SPI驱动，使用SPI2_HOST。3、修改管脚，使用FireBeetle的管脚对应。
  1. #include "esp_err.h"

  2. #include "esp_log.h"

  3. #include "esp_check.h"

  4. #include "driver/i2c.h"

  5. #include "driver/gpio.h"

  6. #include "driver/spi_master.h"

  7. #include "esp_lcd_panel_io.h"

  8. #include "esp_lcd_panel_vendor.h"

  9. #include "esp_lcd_panel_ops.h"

  10. #include "esp_lvgl_port.h"

  11. 

  12. /* LCD size */

  13. #define EXAMPLE_LCD_H_RES   (172)

  14. #define EXAMPLE_LCD_V_RES   (320)

  15. 

  16. /* LCD settings */

  17. #define EXAMPLE_LCD_SPI_NUM         (SPI2_HOST)

  18. #define EXAMPLE_LCD_PIXEL_CLK_HZ    (40 * 1000 * 1000)

  19. #define EXAMPLE_LCD_CMD_BITS        (8)

  20. #define EXAMPLE_LCD_PARAM_BITS      (8)

  21. #define EXAMPLE_LCD_COLOR_SPACE     (ESP_LCD_COLOR_SPACE_BGR)

  22. #define EXAMPLE_LCD_BITS_PER_PIXEL  (16)

  23. #define EXAMPLE_LCD_DRAW_BUFF_DOUBLE (1)

  24. #define EXAMPLE_LCD_DRAW_BUFF_HEIGHT (50)

  25. #define EXAMPLE_LCD_BL_ON_LEVEL     (1)

  26. 

  27. /* LCD pins */

  28. #define EXAMPLE_LCD_GPIO_SCLK       (GPIO_NUM_23)

  29. #define EXAMPLE_LCD_GPIO_MOSI       (GPIO_NUM_22)

  30. #define EXAMPLE_LCD_GPIO_RST        (GPIO_NUM_14)

  31. #define EXAMPLE_LCD_GPIO_DC         (GPIO_NUM_8)

  32. #define EXAMPLE_LCD_GPIO_CS         (GPIO_NUM_1)

  33. #define EXAMPLE_LCD_GPIO_BL         (GPIO_NUM_15)

  34. 

  35. /* Touch settings */

  36. #define EXAMPLE_TOUCH_I2C_NUM       (0)

  37. #define EXAMPLE_TOUCH_I2C_CLK_HZ    (400000)

  38. 

  39. /* LCD touch pins */

  40. #define EXAMPLE_TOUCH_I2C_SCL       (GPIO_NUM_18)

  41. #define EXAMPLE_TOUCH_I2C_SDA       (GPIO_NUM_8)

  42. #define EXAMPLE_TOUCH_GPIO_INT      (GPIO_NUM_3)

  43. 

  44. static const char *TAG = "EXAMPLE";

  45. 

  46. /* LCD IO and panel */

  47. static esp_lcd_panel_io_handle_t lcd_io = NULL;

  48. static esp_lcd_panel_handle_t lcd_panel = NULL;

  49. 

  50. 

  51. /* LVGL display and touch */

  52. static lv_disp_t *lvgl_disp = NULL;

  53. 

  54. 

  55. static esp_err_t app_lcd_init(void)

  56. {

  57.     esp_err_t ret = ESP_OK;

  58. 

  59.     /* LCD backlight */

  60.     gpio_config_t bk_gpio_config = {

  61.         .mode = GPIO_MODE_OUTPUT,

  62.         .pin_bit_mask = 1ULL << EXAMPLE_LCD_GPIO_BL

  63.     };

  64.     ESP_ERROR_CHECK(gpio_config(&bk_gpio_config));

  65. 

  66.     /* LCD initialization */

  67.     ESP_LOGD(TAG, "Initialize SPI bus");

  68.     const spi_bus_config_t buscfg = {

  69.         .sclk_io_num = EXAMPLE_LCD_GPIO_SCLK,

  70.         .mosi_io_num = EXAMPLE_LCD_GPIO_MOSI,

  71.         .miso_io_num = GPIO_NUM_NC,

  72.         .quadwp_io_num = GPIO_NUM_NC,

  73.         .quadhd_io_num = GPIO_NUM_NC,

  74.         .max_transfer_sz = EXAMPLE_LCD_H_RES * EXAMPLE_LCD_DRAW_BUFF_HEIGHT * sizeof(uint16_t),

  75.     };

  76.     ESP_RETURN_ON_ERROR(spi_bus_initialize(EXAMPLE_LCD_SPI_NUM, &buscfg, SPI_DMA_CH_AUTO), TAG, "SPI init failed");

  77. 

  78.     ESP_LOGD(TAG, "Install panel IO");

  79.     const esp_lcd_panel_io_spi_config_t io_config = {

  80.         .dc_gpio_num = EXAMPLE_LCD_GPIO_DC,

  81.         .cs_gpio_num = EXAMPLE_LCD_GPIO_CS,

  82.         .pclk_hz = EXAMPLE_LCD_PIXEL_CLK_HZ,

  83.         .lcd_cmd_bits = EXAMPLE_LCD_CMD_BITS,

  84.         .lcd_param_bits = EXAMPLE_LCD_PARAM_BITS,

  85.         .spi_mode = 0,

  86.         .trans_queue_depth = 10,

  87.     };

  88.     ESP_GOTO_ON_ERROR(esp_lcd_new_panel_io_spi((esp_lcd_spi_bus_handle_t)EXAMPLE_LCD_SPI_NUM, &io_config, &lcd_io), err, TAG, "New panel IO failed");

  89. 

  90.     ESP_LOGD(TAG, "Install LCD driver");

  91.     const esp_lcd_panel_dev_config_t panel_config = {

  92.         .reset_gpio_num = EXAMPLE_LCD_GPIO_RST,

  93.         .color_space = EXAMPLE_LCD_COLOR_SPACE,

  94.         .bits_per_pixel = EXAMPLE_LCD_BITS_PER_PIXEL,

  95.     };

  96.     ESP_GOTO_ON_ERROR(esp_lcd_new_panel_st7789(lcd_io, &panel_config, &lcd_panel), err, TAG, "New panel failed");

  97. 

  98.     esp_lcd_panel_reset(lcd_panel);

  99.     esp_lcd_panel_init(lcd_panel);

  100.     esp_lcd_panel_mirror(lcd_panel, true, true);

  101.     esp_lcd_panel_disp_on_off(lcd_panel, true);

  102. 

  103.     /* LCD backlight on */

  104.     ESP_ERROR_CHECK(gpio_set_level(EXAMPLE_LCD_GPIO_BL, EXAMPLE_LCD_BL_ON_LEVEL));

  105. 

  106.     return ret;

  107. 

  108. err:

  109.     if (lcd_panel) {

  110.         esp_lcd_panel_del(lcd_panel);

  111.     }

  112.     if (lcd_io) {

  113.         esp_lcd_panel_io_del(lcd_io);

  114.     }

  115.     spi_bus_free(EXAMPLE_LCD_SPI_NUM);

  116.     return ret;

  117. }

  118. 

  119. static esp_err_t app_lvgl_init(void)

  120. {

  121.     /* Initialize LVGL */

  122.     const lvgl_port_cfg_t lvgl_cfg = {

  123.         .task_priority = 4,         /* LVGL task priority */

  124.         .task_stack = 4096,         /* LVGL task stack size */

  125.         .task_affinity = -1,        /* LVGL task pinned to core (-1 is no affinity) */

  126.         .task_max_sleep_ms = 500,   /* Maximum sleep in LVGL task */

  127.         .timer_period_ms = 5        /* LVGL timer tick period in ms */

  128.     };

  129.     ESP_RETURN_ON_ERROR(lvgl_port_init(&lvgl_cfg), TAG, "LVGL port initialization failed");

  130. 

  131.     /* Add LCD screen */

  132.     ESP_LOGD(TAG, "Add LCD screen");

  133.     const lvgl_port_display_cfg_t disp_cfg = {

  134.         .io_handle = lcd_io,

  135.         .panel_handle = lcd_panel,

  136.         .buffer_size = EXAMPLE_LCD_H_RES * EXAMPLE_LCD_DRAW_BUFF_HEIGHT * sizeof(uint16_t),

  137.         .double_buffer = EXAMPLE_LCD_DRAW_BUFF_DOUBLE,

  138.         .hres = EXAMPLE_LCD_H_RES,

  139.         .vres = EXAMPLE_LCD_V_RES,

  140.         .monochrome = false,

  141.         /* Rotation values must be same as used in esp_lcd for initial settings of the screen */

  142.         .rotation = {

  143.             .swap_xy = false,

  144.             .mirror_x = false,

  145.             .mirror_y = true,

  146.         },

  147.         .flags = {

  148.             .buff_dma = true,

  149.         }

  150.     };

  151.     lvgl_disp = lvgl_port_add_disp(&disp_cfg);

  152. 

  153.     return ESP_OK;

  154. }

  155. 

  156. static void _app_button_cb(lv_event_t *e)

  157. {

  158.     lv_disp_rot_t rotation = lv_disp_get_rotation(lvgl_disp);

  159.     rotation++;

  160.     if (rotation > LV_DISP_ROT_270) {

  161.         rotation = LV_DISP_ROT_NONE;

  162.     }

  163. 

  164.     /* LCD HW rotation */

  165.     lv_disp_set_rotation(lvgl_disp, rotation);

  166. }

  167. 

  168. static void app_main_display(void)

  169. {

  170.     lv_obj_t *scr = lv_scr_act();

  171. 

  172.     /* Task lock */

  173.     lvgl_port_lock(0);

  174. 

  175.     /* Your LVGL objects code here .... */

  176. 

  177.     /* Label */

  178.     lv_obj_t *label = lv_label_create(scr);

  179.     lv_label_set_recolor(label, true);

  180.     lv_obj_set_width(label, EXAMPLE_LCD_H_RES);

  181.     lv_obj_set_style_text_align(label, LV_TEXT_ALIGN_CENTER, 0);

  182.     lv_label_set_text(label, "#FF0000 "LV_SYMBOL_BELL" Hello world Espressif and LVGL "LV_SYMBOL_BELL"#\n#FF9400 "LV_SYMBOL_WARNING" For simplier initialization, use BSP "LV_SYMBOL_WARNING" #");

  183.     lv_obj_align(label, LV_ALIGN_CENTER, 0, -30);

  184. 

  185.     /* Button */

  186.     lv_obj_t *btn = lv_btn_create(scr);

  187.     label = lv_label_create(btn);

  188.     lv_label_set_text_static(label, "Rotate screen");

  189.     lv_obj_align(btn, LV_ALIGN_BOTTOM_MID, 0, -30);

  190.     lv_obj_add_event_cb(btn, _app_button_cb, LV_EVENT_CLICKED, NULL);

  191. 

  192.     /* Task unlock */

  193.     lvgl_port_unlock();

  194. }

  195. 

  196. void app_main(void)

  197. {

  198.     /* LCD HW initialization */

  199.     ESP_ERROR_CHECK(app_lcd_init());

  200. 

  201.     /* LVGL initialization */

  202.     ESP_ERROR_CHECK(app_lvgl_init());

  203. 

  204.     /* Show LVGL objects */

  205.     app_main_display();

  206. }

复制代码
编译、烧写，屏幕能点亮，但是字体恨不清晰，这里修改一下LVGL的高低字节关系。
FireBeetle 2 ESP32 C6 试用——使用不同姿势点亮屏幕图8
再次烧写，还是有问题。屏幕颜色还是不对，图形有偏移。要想修正这些问题，需要修改ST7789的驱动，但是组件文件貌似修改会报错好烦！先这样吧！
FireBeetle 2 ESP32 C6 试用——使用不同姿势点亮屏幕图9


使用arduino，第一选择自然是vscode+platformio。但是很可惜，在vscode里找了半天没有ESP32-C6这款开发板。切换编辑器，使用Arduino1.8.16。首先按DFROBOT的介绍，安装esp32的编程环境（提供的服务器需要梯子，很难安装成功），参考群里老师，更换服务器：https://djzrs.github.io/picx-ima ... sp32_dev_index.json。安装开发板esp32.
FireBeetle 2 ESP32 C6 试用——使用不同姿势点亮屏幕图15
再安装GDL的库（https://gitee.com/dfrobot/DFRobot_GDL），参考DR0649这个屏幕，使用官方的例程，将例程中的管脚修改为自己的C6的管脚。
  1. #include "DFRobot_GDL.h"

  2. #define TFT_DC  8

  3. #define TFT_CS  1

  4. #define TFT_RST 14

  5. 

  6. DFRobot_ST7789_172x320_HW_SPI screen(/*dc=*/TFT_DC,/*cs=*/TFT_CS,/*rst=*/TFT_RST);

  7. 

  8. 

  9. void setup() {

  10.   Serial.begin(115200);

  11.   screen.begin();//生成了screen对象

  12. }

  13. 

  14. void loop(){

  15.     testDrawPixel();

  16.     testLine();

  17.     testFastLines(COLOR_RGB565_PURPLE,COLOR_RGB565_YELLOW);       

  18.     testRects(COLOR_RGB565_BLACK,COLOR_RGB565_WHITE);

  19.     testRoundRects();

  20.     testCircles(24,COLOR_RGB565_BLUE);

  21.     testTriangles(COLOR_RGB565_YELLOW);

  22.     testPrint();

  23. 

  24. }

  25. 

  26. /*测试画像素点*/

  27. void testDrawPixel() {

  28.   /*

  29.    *@brief 清屏

  30.    *@param c 屏幕颜色

  31.    */

  32.   screen.fillScreen(COLOR_RGB565_BLACK);

  33.   int x = 0;

  34.   int y = screen.height();

  35.   for(int i = 0; i <= screen.width()/2; i += 10){

  36.     for (x = screen.width() - i; x >= i; x-=10 ){

  37.       /*

  38.        *@brief 画像素点

  39.        *@param x 横坐标

  40.        *       y 纵坐标

  41.        *       c 像素点颜色

  42.        */

  43.       screen.drawPixel(x, y, COLOR_RGB565_ORANGE);

  44.       delay(10);

  45.     }

  46. 

  47.     for (y = screen.height() - i; y >= i; y-=10){

  48.       screen.drawPixel(x, y, COLOR_RGB565_ORANGE);

  49.       delay(10);

  50.     }

  51. 

  52.     for (x = i; x <= screen.width() - i + 1; x+=10 ){

  53.       screen.drawPixel(x, y, COLOR_RGB565_ORANGE);

  54.       delay(10);

  55.     }

  56. 

  57.     for (y = i; y <= screen.height() - i + 1; y+=10){

  58.       screen.drawPixel(x, y, COLOR_RGB565_ORANGE);

  59.       delay(10);

  60.     }

  61.   }

  62. }

  63. 

  64. /*测试画线*/

  65. void testLine(){

  66.      //0x00FF 是格式为RGB565的颜色数据

  67.   uint16_t color = 0x00FF;

  68.   screen.fillScreen(COLOR_RGB565_BLACK);

  69.   for (int16_t x=0; x < screen.width(); x+=6) {

  70.     /*

  71.      *@brief 画线段

  72.      *@param x0 第一个顶点横坐标

  73.      *       y0 第一个顶点纵坐标

  74.      *       x1 第二个顶点横坐标

  75.      *       y1 第二个顶点纵坐标

  76.      *       c 线段颜色

  77.      */

  78.     screen.drawLine(/*x0=*/screen.width()/*屏幕宽度*//2, /*y0=*/screen.height()/*屏幕高度*//2, /*x1=*/x, /*y1=*/0, /*c=*/color+=0x0700);

  79.   }

  80.   for (int16_t y=0; y < screen.height(); y+=6) {

  81.     screen.drawLine(screen.width()/2, screen.height()/2, screen.width(), y, color+=0x0700);

  82.   }

  83. 

  84.   for (int16_t x = screen.width(); x >= 0; x-=6) {

  85.     screen.drawLine(screen.width()/2, screen.height()/2, x,screen.height(), color+=0x0700);

  86.   }

  87. 

  88.   for (int16_t y = screen.height(); y >= 0; y-=6) {

  89.     screen.drawLine(screen.width()/2, screen.height()/2, 0, y, color+=0x0700);

  90.   }

  91. }

  92. 

  93. /*测试快速画线(需设置延时)，只有横线和纵线*/

  94. void testFastLines(uint16_t color1, uint16_t color2) {

  95.   for (int16_t y=0; y < screen.height(); y+=4) {

  96.     /*

  97.      *@brief 画线段

  98.      *@param x 第一个顶点横坐标

  99.      *       y 第一个顶点纵坐标

  100.      *       w 线段的长度

  101.      *       c 线段颜色

  102.      */

  103.     screen.drawFastHLine(/*x=*/0, /*y=*/y, /*w=*/screen.width(),/*c=*/color2);

  104.     delay(10);

  105.   }

  106. 

  107.   for(int16_t x=0; x < screen.width(); x+=3) {

  108.     /*

  109.      *@brief 画线段

  110.      *@param x 第一个顶点横坐标

  111.      *       y 第一个顶点纵坐标

  112.      *       h 线段的长度

  113.      *       c 线段颜色

  114.      */

  115.     screen.drawFastVLine(/*x=*/x, /*y=*/0, /*h=*/screen.height(), /*c=*/color1);

  116.     delay(10);

  117.   }

  118. }

  119. 

  120. /*测试画矩形*/

  121. void testRects(uint16_t color1, uint16_t color2) { 

  122.     screen.fillScreen(COLOR_RGB565_BLACK);

  123.     int16_t x=screen.width()-12;

  124.     for (; x > 100; x-=screen.width()/40) {

  125.       /*

  126.        *@brief 画空心矩形

  127.        *@param x 顶点横坐标

  128.        *@param y 顶点纵坐标

  129.        *@param w 横向边长

  130.        *@param h 纵向边长

  131.        *@param color 填充颜色，565结构的RGB色

  132.        */

  133.       screen.drawRect(/*x=*/screen.width()/2 -x/2, /*y=*/screen.height()/2 -x/2 , /*w=*/x, /*h=*/x, /*color=*/color2+=0x0F00);

  134.       delay(100);

  135.     }

  136. 

  137.     /*

  138.      *@brief 画填充矩形

  139.      *@param x 顶点横坐标

  140.      *@param y 顶点纵坐标

  141.      *@param w 横向边长

  142.      *@param h 纵向边长

  143.      *@param color 填充颜色，565结构的RGB色

  144.     */

  145.     screen.fillRect(/*x=*/screen.width()/2 -x/2, /*y=*/screen.height()/2 -x/2 , /*w=*/x, /*h=*/x, /*color=*/color2);

  146.     delay(100);

  147.     for(; x > 6; x-=screen.width()/40){

  148.       screen.drawRect(screen.width()/2 -x/2, screen.height()/2 -x/2 , x, x, color1);

  149.       delay(100);

  150.     }

  151. }

  152. 

  153. /*测试画圆角矩形*/

  154. void testRoundRects() {

  155.   screen.fillScreen(COLOR_RGB565_BLACK);

  156.    //0xF00F 是格式为RGB565的颜色数据

  157.   int color = 0xF00F;

  158.   int i;

  159.   int x = 0;

  160.   int y = 0;

  161.   int w = screen.width()-3;

  162.   int h = screen.height()-3;

  163.   for(i = 0 ; i <= 16; i+=2) {

  164.     /*

  165.      *@brief 画空心圆角矩形

  166.      *@param x0 起始顶点横坐标

  167.      *@param y0 起始顶点纵坐标

  168.      *@param w 横向边长

  169.      *@param h 纵向边长

  170.      *@param radius 圆角半径

  171.      *@param color 边框颜色，565结构的RGB色

  172.      */

  173.     screen.drawRoundRect(/*x0=*/x, /*y0=*/y, /*w=*/w, /*h=*/h, /*radius=*/20, /*color=*/color);

  174.     x+=5;

  175.     y+=5;

  176.     w-=10;

  177.     h-=10;

  178.     color+=0x0100;

  179.     delay(50);

  180.   }

  181.   for(i = 0 ; i <= 16; i+=2) {

  182.     /*

  183.      *@brief 画填充圆角矩形

  184.      *@param x0 起始顶点横坐标

  185.      *@param y0 起始顶点纵坐标

  186.      *@param w 横向边长

  187.      *@param h 纵向边长

  188.      *@param radius 圆角半径

  189.      *@param color 填充颜色，565结构的RGB色

  190.      */

  191.     screen.fillRoundRect(/*x0=*/x, /*y0=*/y, /*w=*/w, /*h=*/h, /*radius=*/10, /*color=*/color);

  192.     x+=5;

  193.     y+=5;

  194.     w-=10;

  195.     h-=10;

  196.     color+=0x0500;

  197.     delay(50);

  198.   }

  199. }

  200. 

  201. /*测试画圆*/

  202. void testCircles(uint8_t radius, uint16_t color) {

  203.   screen.fillScreen(COLOR_RGB565_BLACK);

  204.   for (int16_t x=radius; x <=screen.width()-radius; x+=radius*2) {

  205.     for (int16_t y=radius; y <=screen.height()-radius; y+=radius*2) {

  206.       /*

  207.        *@brief 画空心圆

  208.        *@param x0 圆心横坐标

  209.        *@param y0 圆心纵坐标

  210.        *@param r 半径

  211.        *@param color 圆周颜色，565结构的RGB色

  212.        */

  213.       screen.drawCircle(/*x0=*/x, /*y0=*/y, /*r=*/radius, /*color=*/color);

  214.         if(x == y ||x == -y ||x == y + 2*radius)

  215.           /*

  216.            *@brief 画填充圆

  217.            *@param x0 圆心横坐标

  218.            *@param y0 圆心纵坐标

  219.            *@param r 半径

  220.            *@param color 填充颜色，565结构的RGB色

  221.            */

  222.           screen.fillCircle(/*x0=*/x, /*y0=*/y, /*r=*/radius, /*color=*/color);

  223.        color += 800;

  224.        delay(100);

  225.     }

  226.   }

  227. }

  228. 

  229. /*测试画三角形*/

  230. void testTriangles(uint16_t color){

  231.   screen.fillScreen(COLOR_RGB565_BLACK);

  232. 

  233.   for (int16_t i=0; i <=screen.width(); i+=24)

  234.     /*

  235.      *@brief 画空心三角形

  236.      *@param x0 起始顶点横坐标

  237.      *@param y0 起始顶点纵坐标

  238.      *@param x1 第二个顶点横坐标

  239.      *@param y1 第二个顶点纵坐标

  240.      *@param x2 第三个顶点横坐标

  241.      *@param y2 第三个顶点纵坐标

  242.      *@param color 边框颜色，565结构的RGB色

  243.      */

  244.     screen.drawTriangle(/*x0=*/i,/*y0=*/0,/*x1=*/0,/*y1=*/screen.height()-i,/*x2=*/screen.width()-i,/*y2=*/screen.height(), /*color=*/color);

  245. 

  246.   for (int16_t i=0; i <screen.width(); i+=24)

  247.     screen.drawTriangle(screen.width(),i*4/3,0,screen.height()-i*4/3,i,0, color);

  248. 

  249.   for (int16_t i=0; i <screen.width(); i+=24)

  250.     screen.drawTriangle(screen.width(),i*4/3,i,0,screen.width()-i,screen.height(), color);

  251. 

  252.   color = COLOR_RGB565_RED;

  253.   for (int16_t i=0; i <=screen.width(); i+=24)

  254.     /*

  255.      *@brief 画填充三角形

  256.      *@param x0 起始顶点横坐标

  257.      *@param y0 起始顶点纵坐标

  258.      *@param x1 第二个顶点横坐标

  259.      *@param y1 第二个顶点纵坐标

  260.      *@param x2 第三个顶点横坐标

  261.      *@param y2 第三个顶点纵坐标

  262.      *@param color 填充颜色，565结构的RGB色

  263.      */

  264.     screen.fillTriangle(/*x0=*/i,/*y0=*/0,/*x1=*/0,/*y1=*/screen.height()-i,/*x2=*/screen.width()-i,/*y2=*/screen.height(), /*color=*/color+=100);

  265. 

  266.   for (int16_t i=0; i <screen.width(); i+=24)

  267.     screen.fillTriangle(screen.width(),i*4/3,0,screen.height()-i*4/3,i,0, color+=100);

  268. 

  269.   for (int16_t i=0; i <screen.width(); i+=24)

  270.     screen.fillTriangle(screen.width(),i*4/3,i,0,screen.width()-i,screen.height(), color+=100);

  271. }

  272. 

  273. void testPrint() {

  274.  //0x00FF 是格式为RGB565的颜色数据

  275.   int16_t color = 0x00FF;

  276.   //设置文本自动换行模式

  277.   //true=文本自动换行，false=不自动换行

  278.   screen.setTextWrap(false);

  279.   //填充颜色，565结构的RGB色

  280.   screen.fillScreen(COLOR_RGB565_BLACK);

  281. 

  282.   //设置坐标位置x=0,y=50

  283.   screen.setCursor(0, 50);

  284.   //设置文本颜色;这是变化的值

  285.   screen.setTextColor(color+=0x3000);

  286.   //设置文本大小为0

  287.   screen.setTextSize(0);

  288.   //输出文本

  289.   screen.println("Hello World!");

  290. 

  291.   screen.setTextColor(color+=0x3000);

  292.   //设置文本大小为1

  293.   screen.setTextSize(1);

  294.   screen.println("Hello World!");

  295. 

  296.   screen.setTextColor(color+=0x3000);

  297.   //设置文本大小为2

  298.   screen.setTextSize(2);

  299.   screen.println("Hello World!");

  300. 

  301.   screen.setTextColor(color+=0x3000);

  302.   //设置文本大小为3

  303.   screen.setTextSize(3);

  304.   screen.println("Hello World!");

  305. 

  306.   screen.setTextColor(color+=0x3000);

  307.   //设置文本大小为4

  308.   screen.setTextSize(4);

  309.   screen.println("Hello!");

  310.   //设置文本大小为5

  311.   screen.setTextSize(5);

  312.   screen.print("Hello!");

  313.   delay(2000);

  314. 

  315.   //设置坐标位置x=0,y=0

  316.   screen.setCursor(0, 0);

  317.   //填充颜色，565结构的RGB色

  318.   screen.fillScreen(COLOR_RGB565_BLACK);

  319.   screen.setTextSize(2);

  320.   screen.setTextColor(color+=0x3000);

  321.   screen.print("a = ");

  322. 

  323.   screen.setTextColor(color+=0x3000);

  324.   int a = 1234;

  325.   screen.println(a, 1);

  326.   screen.setTextColor(color+=0x3000);

  327.   screen.print(8675309, HEX);

  328.   screen.println("this is HEX!");

  329.   screen.println("");

  330. 

  331.   screen.setTextColor(color+=0x0F00);

  332.   screen.println("running for: ");

  333.   screen.setTextColor(color+=0x0F00);

  334.   //输出毫秒时间

  335.   screen.print(millis());

  336.   screen.setTextColor(color+=0x0F00);

  337.   screen.println("/1000 seconds.");

  338. 

  339.   char *text = "Hi DFRobot!";

  340.   screen.setTextColor(color+=0x0F00);

  341.   screen.setTextWrap(true);

  342.   screen.setTextSize(3);

  343.   screen.println(text);

  344.   //screen.setFonts((const gdl_Font_t *)SIMKAIFont18ptBitmaps);

  345.   screen.println(text);

  346.   delay(2000);

  347. }

复制代码
编译、烧写。一次点亮！
FireBeetle 2 ESP32 C6 试用——使用不同姿势点亮屏幕图10
  • 使用micropython点亮屏幕
从本论坛乔老师那里下载到micropython的固件，然后按说明烧写固件。
FireBeetle 2 ESP32 C6 试用——使用不同姿势点亮屏幕图11

FireBeetle 2 ESP32 C6 试用——使用不同姿势点亮屏幕图12

就能顺利地连上mpy了。在这里找到一个ST7789的驱动。下载下来，放到lib文件夹里。这里略作改动，添加了自己屏幕的分辨率。

FireBeetle 2 ESP32 C6 试用——使用不同姿势点亮屏幕图13

最后简简单单地测试一下。图像有点偏，在代码中做一下调整，将图片移动到屏幕中央。搞定收工。

  1. from machine import Pin, SPI

  2. import st7789 as st7789

  3. import vga1_16x32 as font

  4. 

  5. def main():

  6.     spi = SPI(1, baudrate=40000000, sck=Pin(23), mosi=Pin(22))

  7.     tft = st7789.ST7789(spi,172,320,xstart=33, ystart=0,

  8.         reset=Pin(14, Pin.OUT), cs=Pin(1, Pin.OUT), dc=Pin(8, Pin.OUT), backlight=Pin(15, Pin.OUT), rotation=0)

  9.     tft.fill(st7789.WHITE)

  10.     tft.text(font, "Hello!", 0, 0,color=st7789.RED, background=st7789.BLACK)

  11.     tft.text(font, "DFROBOT", 20, 160,color=st7789.GREEN, background=st7789.WHITE)

  12.     tft.text(font, "today!", 0, 320-32)   

  13. 

  14. main()

复制代码
FireBeetle 2 ESP32 C6 试用——使用不同姿势点亮屏幕图14

简单滴测试了一下，在三种编程环境下点亮屏幕，总有一种方法适合自己！


回复

使用道具 举报

精彩评论(5)

_深蓝_  初级技匠 来自手机

发表于 2024-3-23 23:13:37

好好好，果断收藏！！！
回复

使用道具 举报

HonestQiao  初级技匠

发表于 2024-3-24 08:53:10

非常非常棒！！！非常非常棒！！！
回复

使用道具 举报

麦壳maikemaker  中级技师

发表于 2024-3-24 08:53:30

牛蛙，太棒了，学习资料棒棒哒
回复

使用道具 举报

有明堂  学徒

发表于 2024-3-24 16:33:49

太厉害了，太多要学习了，收藏！
回复

使用道具 举报

豆爸  初级技匠

发表于 2024-4-6 12:51:59

学习了！！！！
回复

使用道具 举报

高级模式
B Color Image Link Quote Code Smilies
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

为本项目制作心愿单
购买心愿单
心愿单 编辑
[[wsData.name]]

硬件清单

  • [[d.name]]
btnicon
我也要做!
点击进入购买页面
撰写新帖
关于楼主

楼主的其它帖子

background 创造力兑换 background 心愿单 background 创客导航
上海智位机器人股份有限公司 沪ICP备09038501号-4 备案 沪公网安备31011502402448

© 2013-2025 Comsenz Inc. Powered by Discuz! X3.4 Licensed

mail