单元一

第3课 图像显示-旋转显示(不支持仿真)

任务场景:图像显示-旋转显示(不支持仿真)
任务场景:图像显示-旋转显示(不支持仿真)

一、任务目标

按键旋转图片,还能改坐标让图片在屏上移动。

二、我们要学什么

  • 学习要点:旋转与平移|按键改旋转角或改坐标
  • 本课过关:能完成:说出旋转就是改旋转参数,平移就是改 x、y;载入编程体验,指出 A1=90°、A2=180°、A3=270°、A4=0°;再运行完整程序,指出 A1 上移、A2 左移、A3 下移、A4 右移,每次 10 像素。
  • 示例对齐:编程体验对应 「1-3-1 图像显示-旋转显示(不支持仿真)」;完整程序对应 「1-3-2 图像显示-移动显示(不支持仿真)」。

三、本节要点

本课要利用图片显示认识旋转与平移。重难点是分清两套——编程体验四键改旋转角;完整程序四键改显示坐标。要点对齐「旋转与平移|按键改旋转角或改坐标」。

1读场景按键旋转或挪动屏上的图片
2对要点旋转与平移|按键改旋转角或改坐标
3载入运行十学期兴趣课程积木/代码

四、解题思路

任务:利用图片显示,用两套程序认识按键改画面。编程体验 A1~A4 改 1.jpg 的旋转角;完整程序改 x、y 让图移动。请对照按键和彩屏。

本课主要用到:彩屏 TFT;图片 1.jpg;按键 A1~A4。

  1. 1利用图片显示,按 A1~A4,看图是转还是移。
  2. 2先按旋转 0 显示 1.jpg。
  3. 3编程体验:A1=90、A2=180、A3=270、A4=0。
  4. 4完整程序维护 x、y,每次改 10。A1 上、A2 左、A3 下、A4 右,再按新坐标显示。
  5. 5完成补全与从头编写,并对照现象。

流程示意

先显示1.jpg体验四键改旋转角A1=90A4=0完整改x和y每次移动10像素完成补全与从头编写并对照现象

五、图形块功能讲解

下面只列出本课首次出现的 Mixly 图形块(真积木截图)。已在前面课讲过的不再重复;先认新块,再点「载入」对照拖搭。

图形块分类作用本课用法
如果…那么…
控制满足条件时执行对应分支,用于按键、传感阈值的判断。检测哪一颗键刚按下,再改旋转角或坐标。
按键刚被按下
板载传感边沿检测:这一瞬间是否刚按下(适合触发一次动作)。A1~A4。体验改旋转参数;完整改 x 或 y。
取变量
变量读取变量当前值。完整读取当前 x、y,作为显示位置参数。
math selfcalcu
其它本课程序中用到的积木,载入后可在工具箱中对照名称查看。完整每次把 x 或 y 加 10 或减 10。

六、知识点讲解

旋转与平移都是改显示参数。旋转改的是角度;平移改的是 x、y 坐标。

先弄清:一套改角度,一套改坐标;再进编程练习对照按键。

七、编程练习

点「载入」打开 MixVM(board=sant_design)。默认图形化积木;起步程序与积木均来自 MixGo SANT 十学期兴趣课程/学期A。若题目带外设 design,载入时会自动导入接线。在 Mixly 工具栏点「运行 / 停止」,「检查」做关键字核对。请先读本页「四、解题思路」与「五、图形块功能讲解」,再点载入。

十学期兴趣课程:1-3-1 图像显示-旋转显示(不支持仿真).mix。载入后运行。

八、课堂练习

先完成两道正误判断,再做其余题目;选出后点「检查」。

  1. 判断:编程体验按 A1 把 1.jpg 旋转成 90°。

  2. 判断:完整程序按 A1 也是改旋转角,不改坐标。

  3. 本课说的「旋转与平移」指的是?

  4. 编程体验和完整程序的主要差别是?

  5. 运行完整程序,按一次 A4 应看到?

九、本节小结

本课认识旋转与平移。编程体验用 A1~A4 改 1.jpg 旋转角;完整程序改坐标,每次 10 像素。