本次教程的内容:主要介绍怎样通过踢踏编程(playteka)平台上的踢踏动画(playDraw)软件,使用随机数、和鼠标事件模块来实现动画的创作。

  • 首先熟悉踢踏动画(playDraw)软件中的几个功能模块:随机数、鼠标事件、和再创作;
  • 随机数模块:随机数其实是个数学函数,在踢踏动画软件的编辑板->数学函数工具箱中有“随机数”功能模块屏幕截图 2016-02-25 11.11.08,踢踏动画软件系统处理时根据随机数模块中的最小值(0)到最大值(255)这个取值范围内任意的获取一个数,并作为返回值给其他功能模块使用。例如:屏幕截图 2016-02-25 12.00.07这个“背景”模块中嵌入了一个“随机数”模块,“随机数”模块将随机选择一个从0到255之间的值作为背景颜色参数,随机数”模块返回值如果等于0则是白色、如果等于255则是黑色、如果返回值是从1到254之间的任意一个数则是灰色。
  • 鼠标事件模块:是踢踏动画软件针对鼠标定义的一类功能模块,通过鼠标的操作完成动画效果;在踢踏动画软件的编辑板->鼠标工具箱中有“当鼠标点击时”功能模块屏幕截图 2016-02-25 12.25.15,“当鼠标点击时”模块中包括鼠标的五种事件功能:当鼠标点击时、当鼠标按下时、当鼠标放开时、当鼠标移动时、当鼠标拖动时事件功能;根据图画创作的不同需要,选择不同的鼠标事件功能;“当鼠标点击时”模块是凹槽式模块,说明有其他功能模块嵌入到该模块中,当程序运行后通过鼠标触发到某个鼠标事件(例如:点击、按下、放开、移动、拖动五类鼠标事件,当点击鼠标时画布背景颜色将被改变)时,踢踏动画软件将执行鼠标事件中的模块代码程序。
  • 再创作功能:再创作QQ截图20160607155558在踢踏动画软件中是基于之前已创作的程序再创作一个新的程序,也可以理解为将原有程序克隆或复制创建一个一模一样的新程序。
  • 本次教程程序运行输出效果如下图所示:

屏幕截图 2016-02-28 18.49.32

  • 本次教程踢踏动画模块化代码如以下图所示:

QQ截图20160607182212

 

 


一、操作说明:

1、本次使用踢踏动画软件中再创作功能创建一个新项目,“再创作”控件功能在踢踏动画软件中是将原有项目代码克隆或复制创建一个一模一样的新项目代码。

  • 在浏览器地址栏中输入:app.playteka.com 按回车键,进入到踢踏互动编程(playteka)平台选择踢踏动画(playDraw),在踢踏动画(playDraw)软件中选择之前已创建的项目,在之前项目编辑界面中鼠标点击“再创作”控件QQ截图20160607155558,系统将弹出编辑框QQ截图20160607165124输入本次创作的新项目名称“随机数和鼠标事件实例”,点击“确认”后系统进入到踢踏动画项目列表;(注意:在踢踏动画软件的“项目信息”维护界面中,可以看到再创作项目与原项目的继承关系,如下图所示:)

QQ截图20160729145312

  • 在踢踏动画项目列表中选择“随机数和鼠标事件实例”项目进入程序编辑界面;

2、创建画布:在编辑板->结构工具箱中选择“开始”模块;将编辑板->环境工具箱的“创建画布”模块嵌入到“开始”模块中,画布使用系统默认的:类型2D(即二维图形)、和默认尺寸宽度=640、高度=360;将编辑板->结构笔划工具箱中的“背景”模块嵌入到“开始”模块,设置画布背景颜色=200为灰色。

3、椭圆的无边框设置:在编辑板->结构工具箱中选择“循环画”模块;将编辑板->笔划工具箱中的“无线条”模块嵌入到“循环画”模块,创作出来的是无边框椭圆形;

4、椭圆的颜色设置:将编辑板->笔划工具箱中的“填充”模块嵌入到“循环画”模块,并且“填充”模块中嵌入的“颜色”模块使用的全是随机数QQ截图20160609163740,为了让图形更好看在“颜色”模块中的透明设置为50,这样创作出来的椭圆颜色会不断的变化;

5、椭圆的移动设置:将编辑板->二维图形工具箱中的“椭圆”模块嵌入到“循环画”模块,椭圆的X轴和Y轴值设置为鼠标的X轴QQ截图20160606135344和Y轴QQ截图20160606135407值,这样椭圆将随鼠标的移动也跟着移动;

6、椭圆的形态变化设置:椭圆的宽度和高度都设置为随机数,这样创作出来的图形将随机的出现椭圆形和圆形。

7、设置不断变化的画布背景颜色:当鼠标按下时画布的颜色改变,完成这个图画效果需要用到编辑板->鼠标工具箱中的“当鼠标点击时”功能模块屏幕截图 2016-02-25 12.25.15,通过下拉框选择“当鼠标按下时”事件,并在“当鼠标按下时”功能模块中嵌入“背景”模块屏幕截图 2016-02-25 12.00.07,将背景模块中的参数设置为随机数,那么当鼠标点击画布时画布的颜色才会改变;

8、图画创作完成后运行踢踏动画模块代码,来查看“本次教程程序运行输出效果”


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