【百行代码说游戏】ActionScript3.0中TimerEvent与rotation的应用【个性时针】

小咪咪 2022-04-17 04:17 105阅读 0赞

1.新建一个ActionScript3.0的FLV文件  
2.插入-->新建元件Hour,如图

![0_13137739398sPZ.gif][]  
![0_131377394594Fx.gif][]

点取相关关联

![0_1313773950HtTT.gif][]

![0_1313773954crGr.gif][]  
用工具栏画一个时针图形，尽量画在中心注册点位置

![0_1313773958jEoy.gif][]  
3.同理新建Minute元件  
画一个分针图形

![0_13137739646ZMt.gif][]

4.同理建一个Second元件  
画一个秒针的图形

![0_1313773977w4uG.gif][]  
5.同理建一个Biaopan元件  
任意画一个自己个性的表盘的图形

![0_131377397018VB.gif][]

6.按F9添加ActionScript3.0 脚本代码

var now:Date = new Date();      //获取本地时间
    var now_hour=now.getHours();     //获取时值，24小时制
    var now_minute=now.getMinutes();//获取分值
    var now_second=now.getSeconds(); //获取秒值
    
    var angle_second = now_second/60/*360;//将值转换成表盘的刻度
    var angle_minute= now_minute/60*360; 
    var angle_hour = (now_hour+now_minute/60)/12*360; 
    
    var biaopan:Biaopan = new Biaopan();//新建一个之前画的Biaopan元件对象
    var hour: Hour= new Hour();        //新建一个之前画的Hour元件对象
    var minute:Minute= new Minute();   //新建一个之前画的Minute元件对象
    var second:Second = new Second();  //新建一个之前画的Second元件对象
    
    addChild(biaopan);
    addChild(hour);
    addChild(minute);
    addChild(second);
    
    biaopan.x=stage.stageWidth/2;
    biaopan.y=stage.stageHeight/2;
    hour.x=stage.stageWidth/2;
    hour.y=stage.stageHeight/2;
    minute.x=stage.stageWidth/2;
    minute.y=stage.stageHeight/2;
    second.x=stage.stageWidth/2;
    second.y=stage.stageHeight/2;
    
    hour.rotation = angle_hour;           //初始指针的位置     
    minute.rotation  = angle_minute;
    second.rotation = angle_second;
    var timer:Timer ;
    timer = new Timer(1000);              //每秒执行一次函数timeHandler
    timer.addEventListener(TimerEvent.TIMER, timeHandler);
    timer.start(); 
    function timeHandler(e:Event):void  {
    second.rotation += 6;                //秒针每秒 转 6度
    minute.rotation  += 6/60;            //分针针每秒 转 6/60度
    hour.rotation += 6/3600;              //时针每秒 转 6/3600度
    }

7.作品效果  
![0_1313773981oc20.gif][]

8.作品展示地址：[http://up.qqhello.com/qzone/22c991982d981e4cebc857715921f479.swf][http_up.qqhello.com_qzone_22c991982d981e4cebc857715921f479.swf]

方法二：每次刷新本地时间，直接将时间更新图形最新位置。

var biaopan:Biaopan = new Biaopan();//新建一个之前画的Biaopan元件对象
    var hour: Hour= new Hour();        //新建一个之前画的Hour元件对象
    var minute:Minute= new Minute();   //新建一个之前画的Minute元件对象
    var second:Second = new Second();  //新建一个之前画的Second元件对象
    
    var timer:Timer ;
    timer = new Timer(1000);              //每秒执行一次函数timeHandler
    timer.addEventListener(TimerEvent.TIMER, timeHandler);
    timer.start(); 
    function timeHandler(e:Event):void  {
            var now:Date = new Date();      //获取本地时间
            var now_hour=now.getHours();     //获取时值，24小时制
            var now_minute=now.getMinutes();//获取分值
            var now_second=now.getSeconds(); //获取秒值
            var angle_second = now_second/60*360;//将值转换成表盘的刻度
            var angle_minute= now_minute/60*360; 
            var angle_hour = (now_hour+now_minute/60)/12*360; 
            biaopan.x=stage.stageWidth/2;
            biaopan.y=stage.stageHeight/2;
            hour.x=stage.stageWidth/2;
            hour.y=stage.stageHeight/2;
            minute.x=stage.stageWidth/2;
            minute.y=stage.stageHeight/2;
            second.x=stage.stageWidth/2;
            second.y=stage.stageHeight/2;
            hour.rotation = angle_hour;           //初始指针的位置     
            minute.rotation  = angle_minute;
            second.rotation = angle_second;
            addChild(biaopan);
            addChild(hour);
            addChild(minute);
            addChild(second)
    }

[0_13137739398sPZ.gif]: /images/20220417/dc3b5c544a534b998ac5a9b5f6df01aa.png
[0_131377394594Fx.gif]: /images/20220417/268c111fde254a88aed64a70914d7239.png
[0_1313773950HtTT.gif]: /images/20220417/b79a9586b2de47988381cbeb98122be7.png
[0_1313773954crGr.gif]: /images/20220417/84483d9849de44a4a889fa68e1be867c.png
[0_1313773958jEoy.gif]: /images/20220417/9649237899bf48b282079100637270e9.png
[0_13137739646ZMt.gif]: /images/20220417/309560d45c1b4cd38f5d798e8a72e847.png
[0_1313773977w4uG.gif]: /images/20220417/b7f2a64c26b446c7938e75b53bad1e37.png
[0_131377397018VB.gif]: /images/20220417/abe8ab5cdb1e45c98387bacedb5279c8.png
[0_1313773981oc20.gif]: /images/20220417/152c77bd4f0649949c721552f218400f.png
[http_up.qqhello.com_qzone_22c991982d981e4cebc857715921f479.swf]: http://up.qqhello.com/qzone/22c991982d981e4cebc857715921f479.swf