第02课 彩色图像的表示

学科：人工智能
年级：七年级上
课题：第2课时 彩色图像的表示
教材分析：
本课内容是《人工智能入门》第四章第四节内容，在学习本课之前，学生已经学习过黑白图像，本课则是在学生掌握黑白图像表示的基础上进行延伸，利用RGB方式表示彩色图像，对于初中学生来说，有一定的难度。内容整体上偏理论，很难引起学生的兴趣，在选取素材图片时可以考虑选取学生感兴趣的图片（如《哪吒之魔童降世》黑白图片申公豹，彩色图片哪吒。）
学情分析：
大部分学生已经掌握了黑白图像的访问，理解二维数组和黑白图像的关系，但也存在不少同学不理解什么是像素，什么是二维数组。这要求教师在教学过程中要分层设计问题。
教学目标：
1.能够说出彩色图像的数据结构定义、储存与访问；
2.能够修改RGB值来实现图像的变换；
3.理解三维数组的含义。
教学重点：
1.RGB彩色图像表示原理；
2.通过修改RGB彩色图像来实现图像的变换。
教学难点：
三维数组与彩色图像的关系。
教 学 过 程
一、开放导入

1. 首先，展示一张黑白图片放大后的像素块。让大家回顾一下，计算机是怎样呈现黑白灰三种颜色的？

黑白图片，每个像素点有 1 个像素值，表示该像素点的亮度。
2. 再放一张彩色图片的放大图片，让同学们参照黑白图片原理，思考讨论计算机是如何呈现彩色图片的？
3. 总结学生回答，黑白灰色单调所以只需一个变量即可表示，而彩色的颜色数量极其庞大，一个变量难以表示，引出RGB模式，每个颜色要用R（红色）、B（绿色）、G（蓝色）三个变量来进行表示，这三个通道数值都在0-255之间。
彩色图片，每个像素点有 3 个像素值，分别代表该像素点的

提问：RGB模式共有多少种颜色？
二、核心过程推进

1. 同学们，大家都已经知道，黑、白两色分别用0和255来表示，那么在RGB模式下，当R=0，G=0、B=0时，会显示什么样的颜色呢？当R=255，G=255，B=255时，又会显现什么颜色呢？
   2.若分别单独增加R、G、B通道的亮度，图像会怎么变化？
   3.如果显示红色，请分别写出R、G、B的值。
   4.如果显示绿色，请分别写出R、G、B的值
   5.询问学生怎样调整RGB的值才能由一张彩色原图得到另外三张图片。
   例1：

例2：

三、开放延伸
由黑白图片与二维数组的联系
拓展彩色图片与三维数组的联系。
定义彩色图片的数据结构需要 3 个二维数组，分别对应 R、G、B 三个通道的像素亮度。因此，我们将 3 个二维数组叠起来，组成一个立体的、长方体的“三维数组”，如下图所示。

彩色图片相当于给每个”格子”分了三个档，每个档代表 RGB 三通道中的一个。

因此，读取的时候，除了明确哪一行哪一列之外，还需要说明是第几档。