二维、三维可视化编辑器脚本

标签：function 动画 color 二维 value width 编辑器 可视化 data

1、动画

// property 动画要改变的图元的属性名
// accessType property的类型，枚举如下：
// null 默认类型，如property为width，采用getWidth()和setWidth(value)的get/set或is/set方式存取。
// style 如property为width，采用getStyle('width')和setStyle('width', value)的方式存取。
// attr 如property为width，采用getAttr('width')和setAttr('width', value)的方式存取。
// from 动画开始时的属性值
// to 动画结束时的属性值
// frames 动画帧数，默认为60
// duration 持续时间，单位 ms；frames 和此参数只能选择一个，不可同时存在
// interval 动画间隔，单位ms，如果不指定等同于全局动画间隔;适用于当前图元的动画间隔与全局动画间隔不一致的情况
// delay 动画延迟执行时间，单位ms
// repeat 指定动画是否循环执行，如果为数字，表示循环的次数
// easing 动画缓动函数可参考http://easings.net/
// onUpdate: function(value) 回调函数，动画的每一帧都会回调此函数。
// onComplete: function() 回调函数，动画完成后执行
// next: 字符串类型，指定当前动画完成之后，要执行的下个动画，可将多个动画融合

{
    blend: {
        from:0, 
        to: 100,
        easing: "Quad.easeOut",
        next: "clear",
        onUpdate: function(value) {
           
            this.a("value",value);
        }
    },
    clear: {
        from:100, 
        to:0,
        easing: "Bounce.easeOut",
        next: "blend",
        onUpdate: function(value) {
          
             this.a("value", value);
        }
    },
    start: ["blend"]
}

　　2、任务调度

 // interval：间隔毫秒数，默认值为10
 // enabled：是否启用开关，默认为true
 // beforeAction：调度开始之前的动作函数
 // action：间隔动作函数，对DataModel上的每个data节点都会执行一次action操作
 // afterAction：调度结束之后的调度函数

{             interval: 500,             action: function (data) {                 if (data.a('blink.enabled')) {                     var color = data.a('screen.color');                     if (color === data.a('origin.color')) {                         color = data.a('blink.color');                     } else {                         color = data.a('origin.color');                     }                     data.a('screen.color', color);                 }             }         }

　　

 

 

 

 

 

 

 

标签：function,动画,color,二维,value,width,编辑器,可视化,data
From： https://www.cnblogs.com/xjserver/p/17050402.html