Flash制作非常酷的时钟动画

时间:2015-2-11 14:16:30   作者:   来源:   阅读:106   评论:0
内容摘要:在这个教程中我们将学习做一个不同寻常的,但非常酷的时钟,一个二进制时钟。下面让我们一起来学习。最终预览让我们看一下最终预览效果[swf]http://www.webjx.com/files/media/1_100509112318.swf[/swf]第一步:二进制是什么意思?每个人都知道如何计数,但不是每个人都知道有多...
在这个教程中我们将学习做一个不同寻常的,但非常酷的时钟,一个二进制时钟。下面让我们一起来学习。

最终预览

让我们看一下最终预览效果

[swf]http://www.webjx.com/files/media/1_100509112318.swf[/swf]

第一步:二进制是什么意思?

每个人都知道如何计数,但不是每个人都知道有多少种不同的方法。我们现在要用一种很特别的方法,叫做十进制法。我们也可以用十六进制法,八进制法,二进制法或其他的。

在十进制法中,我们用10来代表我们进位基数,以此来进行加减。但是在二进制中,10和十进制中的2是相等的,11和十进制中的3相等,100和十进制中的4相等,等等。所以我们常见的10也可以表示不同的数。

Flash制作非常酷的时钟动画,PS教程,思缘教程网

二进制法是以2为基数的,这就是为什么它叫二进制,和以10为基数的十进制不同。计算机用二进制来工作。

有了这些知识,你能看明白上面SWF中的表么?

第二步:创建Flash文档

创建一个新的AS3Flash文档,命名为”Binary_Clock.fla”

Flash制作非常酷的时钟动画,PS教程,思缘教程网

第三步:设置舞台

进入属性面板,将舞台大小设为550*400,背景色为#222222.

Flash制作非常酷的时钟动画,PS教程,思缘教程网

Flash制作非常酷的时钟动画,PS教程,思缘教程网

第四步:获取TweenMax

到http://www.greensock.com/tweenmax/网站下载AS3所需的库

Flash制作非常酷的时钟动画,PS教程,思缘教程网

第五步:提取TweenMax

将文件解压并将名为”com”的文件夹复制到你存放Binary_Clock.fla的目录中。

Flash制作非常酷的时钟动画,PS教程,思缘教程网

第六步:创建一个方块(Bit)

现在执行插入>新建元件,建一个名为Bit的影片剪辑元件。

Flash制作非常酷的时钟动画,PS教程,思缘教程网

这个”Bit”将代表一个数的一个单位。它有两种状态,分别用两种颜色表示:一个代表0一个代表1。

第七步:画一个方块

下一步,在你新创建的元件中画一个50*50的正方形。

Flash制作非常酷的时钟动画,PS教程,思缘教程网

第八步:修改方块

将方块的颜色改为#00CBFF,并将其放置到中间。

Flash制作非常酷的时钟动画,PS教程,思缘教程网


免责申明:

站内素材文件均整理自互联网,仅供个人学习参考使用,请勿用于商业用途,如您喜欢请购买正版

站内资源除部分为本站原创外皆由网上搜集和整理,若无意中侵犯到您的权利,敬请告之(QQ:2390986128)敬请告之,我们将在48小时内删除。知识产权声明】【★下载说明★】

图库精选

全站地图