导读:今天我们来用Flash制作时尚的格子时钟动画,时钟上的每一分每一秒都是由格子的跳动来显示,效果非常酷,有兴趣的朋友不妨尝试着设计喔。
具体制作步骤如下:
第一步:二进制是什么意思?
每个人都知道如何计数,但不是每个人都知道有多少种不同的方法。我们现在要用一种很特别的方法,叫做十进制法。我们也可以用十六进制法,八进制法,二进制法或其他的。
在十进制法中,我们用10来代表我们进位基数,以此来进行加减。但是在二进制中,10和十进制中的2是相等的,11和十进制中的3相等,100和十进制中的4相等,等等。所以我们常见的10也可以表示不同的数。
二进制法是以2为基数的,这就是为什么它叫二进制,和以10为基数的十进制不同。计算机用二进制来工作。
第二步:创建Flash文档
创建一个新的AS3Flash文档,命名为”Binary_Clock.fla”
第三步:设置舞台
进入属性面板,将舞台大小设为550*400,背景色为#222222。
第四步:获取TweenMax
到http://www.greensock.com/tweenmax/网站下载AS3所需的库。
第五步:提取TweenMax
将文件解压并将名为”com”的文件夹复制到你存放Binary_Clock.fla的目录中。
第六步:创建一个方块(Bit)
现在执行插入>新建元件,建一个名为Bit的影片剪辑元件。
这个”Bit”将代表一个数的一个单位。它有两种状态,分别用两种颜色表示:一个代表0一个代表1。
第七步:画一个方块
下一步,在你新创建的元件中画一个50*50的正方形。
第八步:修改方块
将方块的颜色改为#00CBFF,并将其放置到中间。
第九步:创建数列柱
回到舞台,从库中选取些方块,并将它们摆成我们要用的样子。可以按下面的样子摆放。
第十步:添加些元素
可以按你所需添加些文本标签和线条,使它们更易于理解。
第十一步:设实例名称
在属性面板中为每一个方块设实例名称,它们的名字如下所示:
第十二步:将FLA连接到一个文档类
进入属性面板,将类名设为”Main”,这个是下一步中我们要创建的类。
第十三步:创建文档类
完成了舞台部分后,我们现在可以开始写代码了。首先创建一个新的ActionScript3.0文件,保存为”Main.as”
将下面的代码添加到文件中:
代码如下
第十四步:添加需要导入的类
我们开始要先导入一些必要的类,将下面的添加到包声名后面。
第十五步:定义变量
下面我们将定义些公有变量,将下面的添加到类声名后:
这时会自动创建一个新Date对象将其设为当前时间。
第十六步:为变量赋值
好了现在来添加让时钟启动的代码。这些是在Main函数里面的。
代码如下
第十七步:创建setTime()函数
每一秒都会调用这个函数
第十八步:将十进制数转化为二进制数。
这个函数将把十进制数转化为二进制数,这些数过会会用到。
所以,调用 函数dec2bin(13, 4)得到的是 [1,1,0,1].
第十九步:创建converter()函数
这个函数将传一个十进制数并用dec2bin()函数将其转化为我们将要用的二维数组
交易额: 14.87万元
无 |四川省 |成都市 |锦江区
交易额: 5.56万元
无 |广东省 |深圳市 |罗湖区
交易额: 3.2万元
工作室 |河南省 |开封市 |龙亭区
交易额: 2.19万元
公司 |四川省 |成都市 |锦江区
成为一品威客服务商,百万订单等您来有奖注册中
价格是多少?怎样找到合适的人才?
¥10000 已有0人投标
¥3000 已有0人投标
¥8000 已有0人投标
¥10000 已有0人投标
¥100 已有2人投标
¥6000 已有8人投标
¥15000 已有1人投标
¥21000 已有1人投标