AI脑洞板
完整教案
自学课件
第 11 课 · 共 35 课

我的照片

你好呀,我是吴老师。

上一课你学会了往板子里存东西 —— 名字、分数,都存住了。

但你存的一直是文字和数字。那图片呢?

如果你想在屏幕上放一张照片、一幅画、一个图案 —— 存得进去吗?

存得进去,但要绕一个弯。 今天就把这个弯绕明白。

读完之后,你应该能:说出为什么板子不能直接认图片;用工具把图片转成板子认的样子;把图贴到屏幕上;算清楚能存几张。

用时:约 50 分钟。准备:板子、数据线、一张你想显示的照片(存在电脑上)、电脑上的 AI(第 4 课装好 Skill 的那个)。


一、板子"看不懂"图片

先说一件会让你意外的事:

板子里没有"看图片"这个本事。

你电脑上的 .jpg、.png 文件,板子打开只会看到一堆看不懂的数字。

为什么?因为"看懂 JPG"这件事,本身就很复杂 —— 那需要一整套解码程序,光它自己就要好几 MB。 而板子上能装东西的地方一共才 7.9 MB。

所以聪明的做法是:

让电脑去干那件复杂的事,板子只干最简单的那一步。

二、分三步走

在电脑上转好,再贴到屏幕上

第几步在哪儿做做什么
① 转电脑上把图片变成"板子看得懂的数字"
② 拷电脑 → 板子把那串数字存成一个文件
③ 贴板子上把那段数字刷到屏幕上

💡 这个思路你在"视频播放"里也会遇到:复杂的活儿留在电脑上干,板子只负责最后那一下。

先说"板子看得懂的数字"是什么。

屏幕上的每一个点,都由红、绿、蓝三个数决定。板子把这几个数压成两个字节(叫 RGB565)。

所以一张 120×160 的图,就是 120 × 160 × 2 = 38400 个字节 —— 差不多 37 KB。

⚠️ 记住"每个点 2 字节"这个数,等会儿要算账。

三、第一步:让电脑上的 AI 帮你转

转图这件事不用你动手 —— 交给电脑上的 AI 就行(就是第 4 课装好 Skill 的那个)。

把照片当附件发给它,再附上这段话:

我发给你一张照片,在附件里。
请帮我把它转成板子能显示的格式:
1. 用技能包里的 tools/make_rgb565.py 来转
2. 宽度缩到 ____ 像素,高度让它按比例自己算
3. 转出来的文件叫 pic.bin
4. 转完告诉我它的尺寸是多少(宽 × 高)—— 我后面要写进代码里

那个空要你自己填。 缩到多宽?—— 先别急着写,看完第五节算账你就知道为什么这么问了。

填不出来?点这里看一个参考(这不是标准答案)
2. 宽度缩到 120 像素,高度让它按比例自己算

为什么是 120?第五节算完账就明白了。你先猜一个,再看那一节。

💡 为什么非得把照片发给它? 因为 AI 看不见你电脑里的文件 —— 你不发,它手里就没有那张图,转不了。

发过去之后,AI 会告诉你两件事:转好了,以及 这张图是多少 × 多少。 ⭐ 那个尺寸要拿笔记下来,等会儿写代码要用。

转完你会得到一个 pic.bin 文件。

📌 .bin 是什么意思? 就是"二进制文件"(binary)—— 里面是给机器看的数字,不是给人看的。

四、第二步 + 第三步:还是让 AI 来

② 拷:让 AI 把 pic.bin 放进你那个应用文件夹里 —— 一句话的事(它转图的时候就在电脑上)。

③ 贴:再跟它说一句,让它把图贴到屏幕上:

请帮我做一个「看照片」的应用:
1. 屏幕中间显示一张图,图片文件叫 pic.bin,放在应用自己的文件夹里
2. 图的尺寸是 ___ × ___(我转的时候用的这个尺寸)
3. 图片和 main.py 放在同一个文件夹里
4. 用中文注释,我要能看懂

第 2 条那个尺寸,就是刚才 AI 告诉你的那个数 —— 照抄上去。

⚠️ 为什么尺寸非得你自己写上?

因为 .bin 里只有颜色,没有"我有多宽多高"。

AI 拿着这个文件也看不出来 —— 一张 120×160 的图和一张 240×80 的图, 字节数一模一样(都是 38400 个),都是一串数字,长得没区别。

所以只能你告诉它。

那要是写错了呢?

不会报错 —— 图会画歪、或者画成一条条的。 这种"错了不告诉你"的坑最烦人,所以那个尺寸要拿笔记下来。

装上去看看 —— 图出现在屏幕上了吗?

板子上显示的效果

五、算一笔账:能存几张?

现在做数学题。

板子上能存东西的地方,一共 7.9 MB(还要和别的作品一起分)。

图多大每个点 2 字节,所以能存几张
240×320(不缩,铺满整屏)150 KB约 50 张
120×160(缩一半)37 KB约 200 张
60×80(再缩一半)9.6 KB约 800 张

⭐ 规律:横竖都缩一半,能存的张数变成 4 倍(因为面积变成 1/4)。

所以问题来了 —— 你该缩到多少?

这没有标准答案,要看你想干什么:

  • 想当电子相框,一次看一张大的 → 缩到 240 宽,存几张
  • 想做一本画册,翻页看几十张 → 缩到 120 宽
  • 想做游戏素材,小图标一堆 → 缩到 40 或 60 宽,能存几百个

💡 这就是上一课最后我留给你的那个问题:什么该存、什么不该存? 答案不是"越大越好",是"够用就好"。

六、动手做

任务一:把你自己的一张图装上板子

找一张你喜欢的照片(或者自己画一张),照第四节那两段话发给 AI: 先让它转,再让它贴。

⚠️ 中间那个尺寸千万别抄我的 —— 你自己的图是多少,得看 AI 告诉你的那个数。

任务二:做成相册

请帮我做一个能翻页的相册:
1. 我准备了 3 张图:pic1.bin / pic2.bin / pic3.bin,尺寸都是 120×160
2. 屏幕中间显示当前这张
3. 点屏幕右边看下一张,点左边看上一张(循环)
4. 底下显示「第 1 / 3 张」
5. 用中文注释

做完请检查三件事:

  1. 三张图颜色对不对?(如果红绿蓝颠倒了,说明转的时候出问题了)
  2. 翻页的时候会不会闪?
  3. 点左边/右边的判定准不准?(会不会点到旁边也算?)

七、只改一个条件

挑一个来改,先说出你的预测,再动手:

✏️ 可以直接在表格里填写
我改的条件我预测会怎样实际怎样
让 AI 转的时候,宽度改成 240
让 AI 转的时候,宽度改成 40
给 AI 的尺寸写成 100 × 160(实际是 120 × 160)
连续贴两次同一张,位置不同

💡 第三个的答案值得记住:它不会报错,只会画歪。所以你必须自己记住转的时候用了多大。 这也是为什么我让你把 AI 说的那个尺寸拿笔记下来。

八、自检小测

正在加载本课自检小测…

九、还想玩点什么

想做什么可以这样描述给 AI
电子相框显示一张大图,点一下换下一张,底下显示今天是星期几
故事绘本每页一张图配一句话,点右边翻页
拼图游戏把一张图切成 9 块打乱,点两块交换位置
表情包生成器几张表情图,点哪个屏幕中间就出现哪个

⭐ 最后留个念想:现在这些图都得你自己在电脑上准备。 以后你会学到怎么让板子自己去网上找图 —— 那时候能玩的花样就更多了。

本节演示

看照片

看照片

把一张图贴到屏幕上 —— 图要先在电脑上转好