AS3基础教程-第46课-电子时钟(上)

2025-05-24 09:31:38

1、打开flashCS6,新建AS3文档,马上保存为45.fla文件。

2、本人美工不行,故此,直接从网上搜索了素材直接使用。包括钟面、时针、分针、秒针。由于图片的背景不是透明的,所以需要用photoshop处理一下,保存为透明png格式,然后分别导入flash文档的库内。

3、将图层1重命名为 钟面,将库内的图片拖到舞台上,使用选择工具单击选中,在属性面板内调节其宽高为合适大小为止。

4、同理,再依次新建三个图层,分别命名为秒针、分针、时针,将库内的图片拖到舞台上。注意各个图层的上下次序关系,请务必按照下图所示来安排次序。

AS3基础教程-第46课-电子时钟(上)

7、在库面板内,双击时针mc的图标,就可以进入其内部,移动其位置,让底部的空心圆的圆心和舞台中的十字架重合,如下图所示

AS3基础教程-第46课-电子时钟(上)

13、本节课只实现数字显示,故此,还需要在舞台上绘制一个文本框。我们新建一个图层,命名为显示,将其放置在 钟面 图层 和 秒针 掬研疔缎图层之间。使用文本工具(设置为动态文本),在舞台上拖出一个横向的文本框,实例名设为xanshi_txt 使用设备字体

14、现在写代码如下

AS3基础教程-第46课-电子时钟(上)

16、现在测试影片,已经实现效果

AS3基础教程-第46课-电子时钟(上)
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢