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

Flash AS 实例进阶 制作时钟实现代码

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

佚名 向大家分享了Flash AS 实例进阶 制作时钟实现代码,其中包含flash as实例,flash as3.0实例,flash as2.0实例,flash as3.0实例教程,flash as2.0实例代码等知识点,遇到此问题的同学们可以参考下

  源文件下载

  >点击查看动画效果<实例2-6时钟

  基本思路

  ① 作 3 个指针 MC ,分别按不同的速度旋转,实现时钟效果。

  ②若 要拖拽效果,则要把 12 个数字分别作成 MC 。然后作鼠标跟随。

新知识点

  ① Date 类的方法的应用:


  实例说明

  ①此时钟实例是由数字和指针共 15 个 MC 组成,并又是嵌套在 MC “ biao” 中,各 MC 的注册点一定要确定准确,

  ② 分别将 MC “ biao” 放在主时间轴的 3 个帧上,为各帧上的 MC 编写不同的脚本。

  ③ 设一按钮用于各帧之间的跳转

编写动作脚本

  ① 在第 1 帧到第 2 帧的 MC 上输入:

stop();

   ④ 在第 2 帧上输入:
biao.startDrag(true);

   ⑤在第 1 帧到第 2 帧的按钮上输入:
on (release) {   nextFrame();}

  ⑤在第 3 帧的按钮上输入:

on (release) {   gotoAndStop(1);}
要点分析

  ① 时针: this.b13._rotation = ((Hours*30)+(s.getMinutes()/2))

  首先看 ((Hours*30) ,因为走一周 12 小时是 360 度,那每小时就是走 30 度,用本地时间的小时数乘于 30 就是指针指向的度数。,如 3 点就是 3*30 ,指针在 90 度位置,但这样只能是按小时发生动作,要显示中间的指针变化还需加上 (s.getMinutes()/2) ,这个表达式是计算的当前分钟乘于每分钟在一个小时刻度内走的度数( 0.5 度),这两个表达式相加就是以小时和分钟计算出的时针旋转度数。

  ② 缓冲公式: this["b"+i].xl = (this["b"+(i-1)]._x-this["b"+i]._x)/2+this["b"+i].xl*0.3;

  为便于观看首先把数值具体化: b2.xl=( b1._x-b2._x)/2+b2.xl*0.3; 其中的 ( b1._x-b2._x)/2 ,我们在导航条那课已经用过类似的方法,这里是取两个 MC 坐标值的差的二分之一,这个表达式的结果在不断的由大到小直至为 0 ,其中的 b2.xl*0.3 , 是有意增加的偏差值, 有叫抖动率的,也是由大到小变化最后到 0 ,这两个表达式计算的结果赋给变量 b2.xl ,有了这样的公式,鼠标跟随就会有延时和抖动效果。

小结

  本讲学习的目的是掌握时钟的运动原理,此外还学习 一种缓冲公式的运用,也是很有实用价值的内容,希望课下能用数字代入加深理解。

课后练习

  不要秒针跳跃式旋转,而要平缓连贯地旋转,范例效果:

  >点击查看动画效果<练习2-6   

  >点击查看动画效果<练习2-6-2

  查看全套"Flash AS 实例进阶教程"

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

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

  • Flash AS 实例进阶 键值捕获实现代码
  • Flash AS 实例进阶 图片闪白切换效果实现代码
  • Flash AS 实例进阶 制作时钟实现代码
  • Flash AS 实例进阶 图片滚动效果
  • Flash AS 实例进阶 导航条实现方法
  • Flash AS 实例进阶 as打字效果
  • Flash AS 实例进阶 声音控制as代码
  • Flash AS 实例进阶 循环按钮
  • Flash AS实例教程 会眨眼的美女

相关文章

  • 2017-05-24flash怎么制作擦黑板动画效果?
  • 2017-05-24Flash动画实例:柳枝,小鱼,涟漪和水波动画
  • 2017-05-24flash cs5中怎么制作流动的字母和数字的动画?
  • 2017-05-24Flash简单制作光晕动画效果
  • 2017-05-24AS3 Loader与URLLoader的比较
  • 2017-05-24flash教程:使用拆分数字和文字的函数
  • 2017-05-24Flash工程怎么创建?
  • 2017-05-24Flash制作逐一出现的发光字动画效果
  • 2017-05-24Flash AS3 快速制作烟雾动画
  • 2017-05-24flash简单制作遮罩动画效果

文章分类

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

最近更新的内容

    • flash椭圆工具绘制一个小球
    • 用Flash制作一个简单的MP3播放器
    • Flash AS3教程:Random类
    • AS3编程教学:Flash相册高级教程 实现相册的转场效果
    • Flash制作画面流畅的汽车广告
    • FLASH模拟按键音符动画效果
    • 全Flash动画网站的实现详细教程
    • Flash制作新年快乐镜面跳动的gif动画效果
    • FLASH怎么制作日夜交替的动画?
    • flash怎么制作太阳月亮地球演示动态图?

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

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