图像运动的距离和时间如何在Flash舞台实时显示

Flash舞台中运动的对象,运动到任何一个地方,总会有一个运行时间和距原点的距离,如何实时地输出距离和时间呢?

笔者与大家分享一个自己的个人经验。

工具/原料

  • Flash CS6

方法/步骤

  1. 1

    在舞台中创建一个影片剪辑元件bus,将其拖动到舞台中,作为运动的对象,在属性面板中将实例名称取名为“bus_mc”。

  2. 2

    选择“文本工具”,在舞台绘制输出对象到原点距离值的动态文本框,在属性面板中将“实例名称”取名为“dis_txt”。

  3. 3

    用上一步同样的方法,在舞台绘制输出对象运动时间的动态文本框,将实例名称取名为“time_txt”。

  4. 4

    新建“代码”图层,打开动作面板。

    首先,定义一个实型变量dis,用来存储对象距原点的距离。

  5. 5

    接着,定义一个实型变量time,存储对象运行的时间。

  6. 6

    定义一个整型变n,统计对象运行的帧数。

  7. 7

    定义两个整型变量,设置对象X轴运动的速度和Y轴运动的速度。

  8. 8

    然后,注册对象bus_mc的enterframe事件的侦听器,接收者函数为onmove。

  9. 9

    定义侦听器函数onmove,参数ev为事件类型。

  10. 10

    在函数中,定义一个点p,其坐标值就是对象bus_mc的坐标。

  11. 11

    用对象的X轴坐标与X轴速度累加的方式,实现沿X轴方向的运动。

    用对象的Y轴坐标与Y轴速度累加的方式,实现对象Y轴方向的运动。

  12. 12

    计算出对象离原点的距离值,用length属性获取距离值。

  13. 13

    计算对象运行的时间,因为该动画的帧频为24帧每秒,所以时间值为帧数除以24。

  14. 14

    用n累加的方式,计算对象运行的帧数。

  15. 15

    在舞台输出距离值和时间值,用toFixed函数取小数点后两位。

  16. 16

    最后,更新显示。

  17. 17

    运行程序,可以看到汽车从左上方运行到右下方,在右上方的方框中实时的显示汽车运行的距离和时间。

注意事项

  • 新建Flash文档时,应选择“ActionScript3.0”选项。
  • 在属性面板中应嵌入字体,运行程序后动态文本才能正常显示。
  • 作者声明:本篇经验系本人辛勤劳动的原创成果,未经许可,谢绝转载。
  • 发表于 2018-02-17 00:00
  • 阅读 ( 1139 )
  • 分类:其他类型

你可能感兴趣的文章

相关问题

0 条评论

请先 登录 后评论
联系我们:uytrv@hotmail.com 问答工具