美文网首页
AS3 :转盘实现

AS3 :转盘实现

作者: 一眼就认出你 | 来源:发表于2019-06-14 15:50 被阅读0次

代码如下:

        //转动的位置
        private var _index: Number;

        //初始化游戏
        private function init():void{
            _index=0;
        }

        //点击事件触发转动
         private function clickHandler(event:Event): void {
             _index=++_index%8;
             console.log(" 下标 "+_index);
             startRotate();
         }

         /**开始转动奖励盘 */
        private function startRotate(): void {
            _luckRollerViewUI.arrowBox.rotation = 0;
            var destination: Number = 1440 + (9-_index) * 45 ;
            var a: Tween = Tween.to(_luckRollerViewUI.arrowBox, { "rotation": destination }, 4000, Ease.quadOut, Handler.create(this, function ():void {
                  Tween.clear(a);
            }));
        }

解释:
arrowBox:转动装盘的图片变量
rotation:转动的角度
1440 + (9-_index) * 45 :用于装盘转动
1440 + _index * 45 :用于指针转动
(注意:1440是360的2倍->转两圈 45*8=360,代表8个分片,若是6个分片,改为60即可 )
Tween.to:缓动
Ease.quadOut:缓动函数类型

相关文章

  • AS3 :转盘实现

    代码如下: 解释:arrowBox:转动装盘的图片变量rotation:转动的角度1440 + (9-_index...

  • 浅谈

    一、什么是AS3 AS3即ActionScript3.0的简称。AS3是Flash的脚本语言,与JavaScrip...

  • 游戏中常用公式

    as3种常见的弹性效果公式以及波形运动等as3动画效果公式代码整理,对于常用的来说作者整理的很全面,包括AS3的进...

  • 转盘实现逻辑

  • JS实现抽奖转盘

    超级简单的原理:点击转盘指针后随机得到一个数(每个数字对应一个奖项),并确定每个奖项在轮盘上的大概角度,然后调用 ...

  • 简单转盘的实现

    一、简介 在Android的菜鸟路上,学习自定义控件,掌握了一点东西就想实践一下,这时候刚好有个需求需要实现一个...

  • canvas实现转盘抽奖

    用canvas写了一个简单的转盘抽奖插件, 给大家参考下下。。。 做的时候的想法是,通过传进来的标签以及属性,直接...

  • Creator 转盘组件实现

  • svg实现转盘,轮盘

    最近产品上有个需求,需要用到类似转盘控制方向的需求,如图:image.png 开始的时候用的是div中positi...

  • layabox中关于as3、js、ts语言的选择

    结论:建议使用as3 首先要认识到,LayaAir引擎使用的是AS3的语言的语法基础结构,并非是原生API,他原生...

网友评论

      本文标题:AS3 :转盘实现

      本文链接:https://www.haomeiwen.com/subject/norpfctx.html