一群鼠标,正在为你搭建这个页面

先是空白画布,六只 agent 鼠标分工画框、敲字、复制;搭完之后,它们会像鱼群一样自己巡游。

第 1 幕

绘制

十字准星拖出方框,右上角实时显示宽 × 高,松手后填充淡入。

第 2 幕

打字

拖出文本框,I-beam 光标带着闪烁插入符,一个字一个字敲出来。

第 3 幕

复制

选中母版,按住 ⌥ 拖出副本,红色间距线标出对齐距离。

第 4 幕

巡游

搭建完成,鼠标切换成 Boids 鱼群模式:分离、对齐、聚合三条规则自由巡游。

第二屏:滚动时继续搭建

向下滚动,蜂群会跟上来;滚得越快,加入的新鼠标越多。也可以点 Tour,让它按蜂群跟得上的速度自动游览。

媒体元素:先画框、灰色占位,再从上到下扫过揭示。
滚动

蜂群追着你

任务按从上到下的顺序解锁,子元素等父框搭好,副本等母版搭好。

Tour

自动游览

按蜂群跟得上的节奏自动滚动,适合录屏演示整页搭建过程。

还没点过(Go live 之后才能点)
S
准备开始…