本次教程的内容:主要介绍怎样通过踢踏编程(playteka)平台上的踢踏动画(playDraw)软件,创作许多只三体形态(像立体形态)的眼睛,并且这些眼睛中的眼球全部跟随鼠标移动而同时转动;在本次创作中需要使用踢踏动画软件中的函数、循环、和列表功能。

  • 本次教程程序运行输出效果如下图所示:

屏幕截图 2016-03-15 14.20.48


多只三体眼创作说明:

1、创建眼睛功能函数:

  • 函数说明:需要用到踢踏动画软件中的函数模块,函数模块是实现某种功能一段代码,函数包括函数名、输入参数、输出参数、和函数体;在踢踏动画软件的编辑板->函数工具箱中有一系列函数模块 ,其中在定义函数功能模块中分为“创建一个不带输出值的函数”模块和“创建一个带输出值的函数”模块;本次创作使用的是“创建一个不带输出值的函数”模块屏幕快照 2016-06-07 下午11.42.36,说明本次定义的函数中只有输入值参数(入参)没有输出值参数(出参),鼠标点击函数模块中的“小齿轮”QQ截图20160618163631配置函数输入值参数变量:x和y ,配置完函数输入值参数后再次点击“小齿轮”QQ截图20160618163631关闭该配置项;
  • 函数定义:眼睛函数名设置为eye,函数输入值参数变量设置为:x和y;
  • 函数体实现:eye(x,y)函数体中的代码逻辑参见《踢踏动画(playDraw) 教程 005 三体上 平移距离》教材说明(具体代码:一只三体眼实例代码链接地址);针对这段眼睛的代码逻辑,需要注意的是因为本次教材实现多只三体眼,eye(x,y)函数将会被调用多次进行眼睛实例化,所以x和y数据变量也就会被多次的赋值,而之前教材创作的是一只三体眼,一只三体眼代码中x和y数据变量使用的是固定圆心坐标值;被实例化的多只三体眼能展示在画布中,是因为eye函数作为一种踢踏动画软件的数据结构将保存多只三体眼实例化数据,保存和读取该数据结构需要使用踢踏动画软件编辑板->坐标变换工具箱中的“入栈”模块QQ截图20160619175838进行数据保存、和“出栈”模块QQ截图20160619175855 进行数据读取功能;

2、循环调用眼睛功能函数,来创建很多只眼睛:

  • 创建eye函数输入值参x和y变量的列表:eye函数的输入值参数变量是x和y;因为要创建多只三体眼,所以需要多次调用eye函数并且多次给x和y变量赋值,如果给变量多次赋值,需要使用踢踏动画软件编辑板->列表工具箱中的“列表创建”模块屏幕截图 2016-06-07 23.36.12(在本次创作中还会用到:“列表数据设置”、和“列表数据获取”模块),给x变量创建一个eyex的空列表(即:是所有三体眼横坐标列表),给y变量创建一个eyey的空列表(即:是所有三体眼纵坐标列表);

屏幕快照 2016-06-07 下午11.32.54

  • 给eyex和eyey列表赋值:分别给eyex和eyey列表循环加载100对不同的值;下图中绿色模块是踢踏动画软件编辑板->循环工具箱中的循环模块,循环模块中定义了一个循环变量i,循环范围是0到99,循环次数为100次,“每隔1”表示:每循环一次变量i都会加1,变量i的初始值是0;在循环模块中嵌入了“列表数据设置”模块,说明循环模块每循环一次给eyex列表加载一个从0到画布宽度(横坐标范围)的随机值、和给eyey列表加载一个从0到画布高度(纵坐标范围)的随机值,循环100次那么将会给eyex和eyey列表加载100对不同的数据值;

屏幕快照 2016-06-07 下午11.33.12

  • 循环调用eye函数:通过“循环画”模块调用eye函数100次,然后分别从eyex和eyey列表中获取的数据值(注意:使用了“列表数据获取模块”模块)作为参数赋给eye函数的输入值参数变量x和y,例如:x=eyex、y=eyey 如下图所示,这样就画出100只三体眼;

屏幕快照 2016-06-07 下午11.34.44

 


以下是本次踢踏动画创作教学视频: