【祖传点灯】安信可Ai-M61-32S 那就用OLED点个灯吧

[i=s] 本帖最后由 CHRRR 于 2024-5-16 07:27 编辑 [/i]<br /> <br /> > 本帖最后由 CHRRR 于 2024-5-15 22:58 编辑 > 本帖最后由 CHRRR 于 2024-5-15 22:57 编辑 > 本帖最后由 CHRRR 于 2024-5-15 22:51 编辑 > 本帖最后由 CHRRR 于 2024-5-14 17:24 编辑 > 本帖最后由 CHRRR 于 2024-5-14 17:23 编辑 > 本帖最后由 CHRRR 于 2024-5-14 07:29 编辑 > 本帖最后由 CHRRR 于 2024-5-14 07:06 编辑 ## 前言 五月初收到了Ai-M61-32S开发板，又白嫖朋友一个I2C OLED，就想用OLED显示点灯动画完成点灯作业 ## 开发环境搭建 参考站内[零基础搭建小安派Windows 开发环境]([https://bbs.ai-thinker.com/forum.php?mod=viewthread&tid=282](https://bbs.ai-thinker.com/forum.php?mod=viewthread&tid=282)) 通过Git拉取SDK和工具链  在文件资源管理器可以看到拉取结果  接下来打开**系统属性-环境变量**添加Path，将M61SDK下toolchain中的gcc、make、ninja添加进环境变量，接下来保存并重启电脑，环境就配置完成了  ## I2C OLED 0.96寸上下的小尺寸OLED大多由**SSD1306**驱动。这颗驱动芯片缓存共有8页，每页128个字节，最多能够对应128*64像素（刚好是0.96寸OLED常用分辨率），支持I2C和SPI。这块屏幕是I2C协议（引脚用的少适合懒狗），作为一个常用元件网上有很多资料例程，这里贴一下中景园资料的百度云链接：[中景园OLED资料 提取码8888]([https://pan.baidu.com/s/1Gjzrbz8on2jB5Dho3rxe5A](https://pan.baidu.com/s/1Gjzrbz8on2jB5Dho3rxe5A) " 提取码：8888")  通过查询[Ai-M61-32S规格书](file:///C:/Users/CHR/AppData/Local/Temp/7zOC0E618A7/ai-m61-32s-kit%E5%AE%89%E4%BF%A1%E5%8F%AF%E6%89%8B%E5%86%8C.pdf)，IO0和IO1可作为I2C SCL和SDA使用，这里把OLED屏幕的引脚和开发板依次接好，如图所示：  ## Aseprite像素画编辑器 做像素游戏开发和像素画的坛友应该挺熟悉这个工具。正如其名，Aseprite是一个方便使用的精灵图形编辑器。精灵图形在游戏开发中是将多个图像(更多是一个动画序列)按照坐标拼合成一个图像，使用时通过坐标变化取图，能够避免多次图像载入，是一种空间换时间的策略。 Aseprite售价20刀，但是在Github是有开源版本的，可以自己编译，将白嫖进行到底。Github链接：[Aseprite Github]([https://github.com/aseprite/aseprite/](https://github.com/aseprite/aseprite/)) OK，编译完成打开应用，首先左上角 文件-新建 新建一个图形序列。这里尺寸选择和OLED屏幕分辨率相同的128x64像素，方便图形绘制和取模，颜色选择灰度（其实用到的只有黑白两色），背景选透明，点击确定就完成了设置，进入画布。  Aseprite界面类似画图，上手还是相对简单的。贴一个简单入门教程，对于OLED这种每个像素只有亮灭两种状态的屏幕来说，几分钟就能学会并制作出自己的动画序列： [关于aseprite画像素画你需要知道的一切]([https://zhuanlan.zhihu.com/p/629953086](https://zhuanlan.zhihu.com/p/629953086)) 第一步，用工具栏里的椭圆、直线工具简单画一个灯泡的形状作为第一帧  第二步，多画两笔，得到一个动画序列  第三步，导出动画序列中的图片并依次取模，或者就像精灵图形的定义一样，将动画序列导出到一张图中，一次取模十分方便：  ## 点灯程序 因为工作不在家，再摸到开发板已经是14号晚上了，于是在社区找到了个大佬搬运的OLED驱动程序[Ai-M61-32S i2c点亮oled详细教程及踩坑记录 - 小安派S1&M61教程合集 - 物联网开发者社区-安信可论坛 - Powered by Discuz! (ai-thinker.com)]([https://bbs.ai-thinker.com/forum.php?mod=viewthread&tid=43817&highlight=oled](https://bbs.ai-thinker.com/forum.php?mod=viewthread&tid=43817&highlight=oled))，在基础上照葫芦画瓢写了个播放动画帧图像的函数： ```c /** * 函 数：OLED显示GIF帧序列 * 参 数：X 指定图像左上角的横坐标，范围：0~127 * 参 数：Y 指定图像左上角的纵坐标，范围：0~63 * 参 数：Width 指定图像的宽度，范围：0~128 * 参 数：Height 指定图像的高度，范围：0~64 * 参 数：GIF 需要显示的GIF图像名 * 参 数：frame GIF动画帧数 * 返 回 值：无 * 说 明：调用此函数后，要想真正地呈现在屏幕上，还需调用更新函数 */ void OLED_ShowGIFFrame(uint8_t X, uint8_t Y, uint8_t Width, uint8_t Height, uint8_t *GIF, const uint8_t frame) { uint8_t i, j; /*参数检查，保证指定图像不会超出屏幕范围*/ // if (X > 127) {return;} if (Y > 63) {return;} /*将图像所在区域清空*/ OLED_ClearArea(X, Y, Width, Height); /*遍历指定图像涉及的相关页*/ /*(Height - 1) / 8 + 1的目的是Height / 8并向上取整*/ for (j = 0; j < (Height - 1) / 8 + 1; j ++) { /*遍历指定图像涉及的相关列*/ for (i = 0; i < Width; i ++) { /*超出边界，则跳过显示*/ // if (X + i > 127) {break;} if (Y / 8 + j > 7) {return;} /*显示图像在当前页的内容*/ OLED_DisplayBuf[Y / 8 + j][X + i] |= GIF[frame* ((Height - 1) / 8 + 1) * Width + j * Width + i] << (Y % 8); /*超出边界，则跳过显示*/ /*使用continue的目的是，下一页超出边界时，上一页的后续内容还需要继续显示*/ if (Y / 8 + j + 1 > 7) {continue;} /*显示图像在下一页的内容*/ OLED_DisplayBuf[Y / 8 + j + 1][X + i] |= GIF[frame* ((Height - 1) / 8 + 1) * Width + j * Width + i] >> (8 - Y % 8); } } } ``` 接下来make一下，按住开发板IO2不放的同时点按EN后松开进入烧录模式，烧录完成后再按一下EN复位，这时就能看到点灯结果啦： 

这个有点厉害呀

赞

强啊

大佬啊

厉害了

学习了

666

恭喜

感谢分享