• 微课视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
微课江湖
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 微课视频
  • photoshop
  • Fireworks
  • CorelDraw
  • Illustrator
  • Painter
  • Freehand
  • Indesign
  • flash
  • maya
  • autocad
  • 3dmax
您的位置:首页 > 平面设计 >flash > 教你用Flash制作非常酷的二进制时钟动画

教你用Flash制作非常酷的二进制时钟动画

作者:佚名 字体:[增加 减小] 来源:互联网 时间:2017-05-24

佚名 向大家分享了教你用Flash制作非常酷的二进制时钟动画 ,其中包含教你用Flash制作非常酷的二进制时钟动画 等知识点,遇到此问题的同学们可以参考下

今天在这个教程中我们将学习用Flash做一个不同寻常的,但非常酷的时钟:一个二进制时钟,中间用到了代码,但介绍地很详细,相信很值得大家学习,感兴趣的朋友可以跟着一起来制作哦~!

最终预览

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

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

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

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

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

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

第二步:创建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()函数

每一秒都会调用这个函数


第十八步:将十进制数转化为二进制数。

这个函数将把十进制数转化为二进制数,这些数过会会用到。


return

分享到:QQ空间新浪微博腾讯微博微信百度贴吧QQ好友复制网址打印

您可能想查找下面的文章:

相关文章

  • 2017-05-24怎么创建flash元件?flash图形元件快速制作方法
  • 2017-05-24怎样利用Flash制作动画 用Flash制作白色的运动小人
  • 2017-05-24Flash AS 入门教程 loadMovie应用举例 多画面与画中画实现
  • 2017-05-24用Flash AS制作逼真的下雨动画效果
  • 2017-05-24flash绘制一朵非常漂亮的花
  • 2017-05-24Flash8简单制作酷炫的星空飞越动画特效
  • 2017-05-24Flash CS6怎么设计一段引导层动画?
  • 2017-05-24flash制作一个卡通青蛙图形
  • 2017-05-24Flash 脚本游戏开发教程第八课
  • 2017-05-24Flash CS3仿真艺术设计:运动引导层制作布什搞笑动画

文章分类

  • photoshop
  • Fireworks
  • CorelDraw
  • Illustrator
  • Painter
  • Freehand
  • Indesign
  • flash
  • maya
  • autocad
  • 3dmax

最近更新的内容

    • 教你如何用Flash Cam制作录制动画
    • flash模拟3个按钮控制轮子的不同转速
    • ActionScript3教程:语句实例
    • Flash AS3制作茶杯震动gif动画效果
    • flash怎么制作一个滚动放大的相框动画?
    • flash制作来回闪动的小球球动态效果图
    • flash怎么使用鼠标绘制一枝桂花枝?
    • 用flash制作纸飞机滑翔天空的gif动画效果
    • flash中混色器使用方法介绍
    • Flash 脚本游戏开发教程第三课

关于我们 - 联系我们 - 免责声明 - 网站地图

©2015-2018 All Rights Reserved. 微课江湖 版权所有