二、点阵与节奏

第8课 动画测试

任务场景:动画测试
任务场景:动画测试

一、任务目标

先显示心形图案,再用定时器回调不断右移点阵,做出简单滚动动画。

二、我们要学什么

  • 学习要点:shows(HEART) 铺底图,回调里 shift_right(1) 按节拍平移
  • 本课过关:点阵上心形会持续右移;改频率能改变动画快慢。
  • 示例对齐:体验与完整代码对应「18-2 动画测试」。

三、本节要点

本节把定时器从「闪灯」换成「移图案」:同一套 Timer,输出换成点阵移位。

1读场景心形滚动
2对要点回调 shift
3载入运行官方示例积木/代码

四、解题思路

  • 输入:定时器频率。
  • 输出:点阵图案整体右移。
  • 生活对照:LED 广告牌字幕滚动。
  • 验证现象:先出现心形,再匀速右移;频率越大移得越快。

本课主要用到:定时器、板载点阵。

  1. 1明确任务「动画测试」:定时移位。
  2. 2回调里调用 onboard_matrix.shift_right(1)。
  3. 3启动前 shows(HEART) 放好底图。
  4. 4主循环 pass,观察滚动。

流程示意(可对照左侧文字)

任务:动画测试shows 心形定时 shift_right观察滚动

五、图形块功能讲解

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

图形块分类作用本课用法
显示图案
板载显示显示内置或自定义图案。体验:shows(HEART)。
点阵移位
板载显示整体平移点阵内容。体验:回调 shift_right(1)。
设置定时器
控制周期触发回调。体验:驱动动画帧。

六、知识点讲解

动画帧也可以交给定时器:每一拍平移一格,主循环不用自己 sleep 循环画。

底图 + 移位

先 shows 放好心形,再反复 shift_right,图案就会游走。

帧率感

频率变量同样进入 500 // 频率。动画课与闪烁课共用「定时器定拍」思维。

与流动的灯对比

流动的灯用双重 for + sleep;本课用定时器回调,主循环更干净。

  • 不要用 RGB/彩屏讲动画:Zero 动画舞台就是 12×8 点阵。
  • 过关:能说出「谁在移图、谁在定拍」。

先认出 HEART 底图,再盯住回调里的 shift。

七、编程练习

点「载入」打开 MixVM(board=mixgo_zero_design)。在 Mixly 工具栏点「运行 / 停止」,「检查」做关键字核对。请先读本页「四、解题思路」与「五、图形块功能讲解」,再点载入。

官方示例:18-2-定时控制-动画测试.mix。载入后运行。

八、课堂练习

先完成两道判断题,再完成选择题;全部选定后点「检查」。

  1. 判断:本课用按键控制红绿灯放行。

  2. 判断:体验题用定时器推进动画。

  3. 本课输出是?

  4. 为什么不教红绿灯变色?

九、本节小结

记住:用点阵动画练节奏,替代不具备的红绿灯彩灯课。