“Microduino点阵模块显示BMP彩图/zh”的版本间的差异

来自Microduino Wikipedia
跳转至: 导航搜索
(Created page with "{{Language|Microduino Matrix BMP}} {| style="width: 800px;" |- | ==概述== ==材料清单== *Microduino设备 {|class="wikitable" |- |模块||数量||功能 |- |Microduino...")
 
 
(未显示3个用户的19个中间版本)
第5行: 第5行:
 
|
 
|
 
==概述==
 
==概述==
 +
*扩展点阵屏幕'''[https://www.microduino.cn/wiki/index.php/%E5%BC%80%E6%BA%90LED%E7%82%B9%E9%98%B5%E5%B1%8F%E5%B9%95/zh wiki地址]'''和点阵库'''[https://github.com/wasdpkj/Microduino-IDE-Support/blob/master/libraries/_01_m_Module_Dot_Matrix github地址]'''
 +
*全新的点阵库增加了能让点阵显示位图的函数
 +
*之前位图功能仅限单色图,还要通过取摸软件取摸,稍显不便
 +
*现在使用的图片格式是BMP(全称Bitmap),是Windows操作系统中的标准图像文件格式,可以显示彩色图片
 +
 
==材料清单==
 
==材料清单==
 
*Microduino设备
 
*Microduino设备
第15行: 第20行:
 
|[[Microduino-USBTTL/zh]]||1||下载程序
 
|[[Microduino-USBTTL/zh]]||1||下载程序
 
|-
 
|-
|[[Microduino-Module Dot Matrix/zh]]||1||显示
+
|[[Microduino-Module Dot Matrix/zh]]||4||显示
 
|-
 
|-
 
|[[Microduino-Cube-S1/zh]]||1||扩展
 
|[[Microduino-Cube-S1/zh]]||1||扩展
第21行: 第26行:
 
|}
 
|}
 
==实验原理==
 
==实验原理==
 +
*典型的BMP图像文件由四部分组成:
 +
**位图头文件数据结构,它包含BMP图像文件的类型、显示内容等信息;
 +
**位图信息数据结构,它包含有BMP图像的宽、高、压缩方法,以及定义颜色等信息
 +
**调色板,这个部分是可选的,有些位图需要调色板,有些位图,比如真彩色图(24位的BMP)就不需要调色板
 +
**位图数据,这部分内容根据BMP位图位数而变化,在24位中直接使用RGB,而其他的小于24位的使用调色板中颜色索引
 +
 +
*想了解更具体,可以看看吴嘉乐同学的研究成果:[[Microduino bmp格式图像显示/zh]]
 +
因为我们的点阵屏也是24位的,理所当然我就按24位BMP图片加上了位图显示功能(函数:drawBMP(x,y,data))
 +
这个函数是基于Adafruit的spitftbitmap例程移植的,将BMP图像储存在Flash储存中,不多占用内存空间
 
==程序下载==
 
==程序下载==
 +
*请保持更新下载Microduino官方最新的IDE
 +
*从下面链接下载程序:[https://github.com/wasdpkj/Microduino-IDE-Support/blob/master/libraries/_01_m_Module_Dot_Matrix/examples/Matrix_Color/Matrix_Color_BMP/Matrix_Color_BMP.ino Matrix_Color_BMP.ino]
 +
 +
==操作说明==
 +
*'''Step.1:'''
 +
**首先,我们先找个小的图片素材
 +
**可以在这个网站找图片素材:[http://www.pp3.cn/icon/size/16_16/2011/1128/821.html]
 +
[[File:BMP1.jpg||600px|center]]
 +
 +
*'''Step.2:'''
 +
**随便选一个存起来
 +
**用画图工具打开
 +
**另存为24位的BMP格式
 +
[[File:BMP2.jpg||400px|left]] [[File:BMP3.jpg||400px|top]]
 +
 +
 +
*'''Step.3:'''
 +
**下载并且打开工具:[[File:DataToHex.zip]]
 +
**打开你存好的BMP文件
 +
**框内两项勾选确定无误后点击生成数组
 +
 +
[[File:BMP4.jpg||400px|left]]
 +
[[File:BMP5.jpg||400px|top]]
 +
 +
 +
*'''Step.4:'''
 +
**接下来在这个BMP目录内打开生成好的同名TXT文件
 +
**复制数组内的内容
 +
**替换示例程序中的BinCode数组中内容
 +
**下载你的程序到点阵中(2x2阵列)
 +
[[File:BMP6.jpg||400px|left]][[File:BMP7.jpg||400px|top]]
 +
 
==程序烧写==
 
==程序烧写==
==拼装过程==
+
*将'''[[Microduino-Core/zh]]'''、'''[[Microduino-USBTTL/zh]]'''堆叠在一起。
==操作说明==
+
**用数据线连接其中的'''[[Microduino-USBTTL/zh]]'''准备上传程序。
 +
**注意:最好不要将所有模块堆叠在一起之后再上传程序
 +
*打开Arduino IDE for Microduino,环境,(搭建参考:'''[[AVR核心:Getting started/zh]]''')
 +
*点击'''【工具】''',确认'''板卡(Microduino-Core),处理器(Atmega328P@16M,5V)'''选择无误,并选中对应'''端口号(COMX)'''
 +
*点击'''【文件】'''->'''【打开】''',浏览到项目程序地址,点击'''“Dot-Matrix-BMP.ino”'''程序打开
 +
*几项都无误后,点击'''"→"'''按钮下载程序到开发板上
 +
 
 
==代码说明==
 
==代码说明==
 +
<source lang="cpp">
 +
#include "Microduino_Matrix.h"
 +
 +
uint8_t Addr[MatrixPix_X][MatrixPix_Y] = {
 +
  { 64, 63},
 +
  { 62, 61}
 +
};
 +
 +
Matrix display = Matrix(Addr);
 +
 +
static const uint8_t BinCode[] PROGMEM = {
 +
 +
};
 +
 +
void setup(void) {
 +
  delay(6000);
 +
  Serial.begin(115200);
 +
 +
  Wire.begin();
 +
  display.clearDisplay();
 +
  display.drawBMP(0, 0, BinCode);
 +
}
 +
 +
void loop() {
 +
}
 +
</source>
 
==FAQ==
 
==FAQ==

2022年4月28日 (四) 08:15的最新版本

Language English


概述

  • 扩展点阵屏幕wiki地址和点阵库github地址
  • 全新的点阵库增加了能让点阵显示位图的函数
  • 之前位图功能仅限单色图,还要通过取摸软件取摸,稍显不便
  • 现在使用的图片格式是BMP(全称Bitmap),是Windows操作系统中的标准图像文件格式,可以显示彩色图片

材料清单

  • Microduino设备
模块 数量 功能
Microduino-Core/zh 1 核心板
Microduino-USBTTL/zh 1 下载程序
Microduino-Module Dot Matrix/zh 4 显示
Microduino-Cube-S1/zh 1 扩展

实验原理

  • 典型的BMP图像文件由四部分组成:
    • 位图头文件数据结构,它包含BMP图像文件的类型、显示内容等信息;
    • 位图信息数据结构,它包含有BMP图像的宽、高、压缩方法,以及定义颜色等信息
    • 调色板,这个部分是可选的,有些位图需要调色板,有些位图,比如真彩色图(24位的BMP)就不需要调色板
    • 位图数据,这部分内容根据BMP位图位数而变化,在24位中直接使用RGB,而其他的小于24位的使用调色板中颜色索引

因为我们的点阵屏也是24位的,理所当然我就按24位BMP图片加上了位图显示功能(函数:drawBMP(x,y,data)) 这个函数是基于Adafruit的spitftbitmap例程移植的,将BMP图像储存在Flash储存中,不多占用内存空间

程序下载

  • 请保持更新下载Microduino官方最新的IDE
  • 从下面链接下载程序:Matrix_Color_BMP.ino

操作说明

  • Step.1:
    • 首先,我们先找个小的图片素材
    • 可以在这个网站找图片素材:[1]
BMP1.jpg
  • Step.2:
    • 随便选一个存起来
    • 用画图工具打开
    • 另存为24位的BMP格式
BMP2.jpg
BMP3.jpg


  • Step.3:
    • 下载并且打开工具:文件:DataToHex.zip
    • 打开你存好的BMP文件
    • 框内两项勾选确定无误后点击生成数组
BMP4.jpg

BMP5.jpg


  • Step.4:
    • 接下来在这个BMP目录内打开生成好的同名TXT文件
    • 复制数组内的内容
    • 替换示例程序中的BinCode数组中内容
    • 下载你的程序到点阵中(2x2阵列)
BMP6.jpg
BMP7.jpg

程序烧写

  • Microduino-Core/zhMicroduino-USBTTL/zh堆叠在一起。
    • 用数据线连接其中的Microduino-USBTTL/zh准备上传程序。
    • 注意:最好不要将所有模块堆叠在一起之后再上传程序
  • 打开Arduino IDE for Microduino,环境,(搭建参考:AVR核心:Getting started/zh
  • 点击【工具】,确认板卡(Microduino-Core),处理器(Atmega328P@16M,5V)选择无误,并选中对应端口号(COMX)
  • 点击【文件】->【打开】,浏览到项目程序地址,点击“Dot-Matrix-BMP.ino”程序打开
  • 几项都无误后,点击"→"按钮下载程序到开发板上

代码说明

#include "Microduino_Matrix.h" 
 
uint8_t Addr[MatrixPix_X][MatrixPix_Y] = { 
  { 64, 63}, 
  { 62, 61} 
}; 
 
Matrix display = Matrix(Addr); 
 
static const uint8_t BinCode[] PROGMEM = { 
 
}; 
 
void setup(void) { 
  delay(6000); 
  Serial.begin(115200); 
 
  Wire.begin(); 
  display.clearDisplay(); 
  display.drawBMP(0, 0, BinCode); 
} 
 
void loop() { 
}

FAQ