Twojs 闪烁的圆圈

Question

我正在开发图形编辑器。我需要突出显示一个圆圈，并使该圆圈位于屏幕中心并将缩放比例设置为 2。如果圆圈已经突出显示，则将其切换并设置为普通圆圈。我的需要是至少要让圆圈闪烁才能将其关闭。

我不知道如何让圆圈闪烁。知道 "two.js" 怎么做的人可以吗？我知道它在函数 two.update();

中

    // Render loop
var temps = 0;
two.bind('update', function(){
    if  (selectedNodes.length > 0){
        if (temps > 0) {    
            temps -= 0.02;
            for(var i = 0; i < selectedNodes.length; i++){
                selectedNodes[i].circle.fill = 'yellow';
                selectedNodes[i].circle.scale = 1.3;
                selectedNodes[i].circle.stroke = "red";
                selectedNodes[i].circle.linewidth = 2;
            }
        } else {
            for(var i = 0; i < selectedNodes.length; i++){
                selectedNodes[i].circle.fill = '#FF8000';
                selectedNodes[i].circle.scale = 1;
                selectedNodes[i].circle.noStroke();
            }
        }
    }
});

并触发闪烁

function Blink(){
    temps = 1;
}

这是让这个眨眼的最佳方式吗（即使它只眨眼一次）

这是一个 JsFiddle https://jsfiddle.net/hichem147/uf0b82ry/

使用方法：点击 [(+) 节点]，然后创建一些节点，然后点击 [Select] 并点击一个圆圈，然后点击 [闪烁] 按钮。

Answer 1

最后，我使用了 setTimeout 和 setInterval

    function MakeCircleBlink(){
      var count = 5;

      if (count > 0) {
         var x = setInterval(function(){ 
            count--;
            console.log(count);
            if (count ===0) {clearInterval(x);}
            blink(); 
          }, 1000);  


      }  
    }

    function blink(n){
      n--;
    circle1.stroke = 'red';
    circle1.linewidth = 4;
    circle1.scale = 1.0;

    setTimeout(function(){ circle1.noStroke(); circle1.scale = 1;}, 500);
    }

这是一个代码笔，展示了它是如何工作的：https://codepen.io/hichem147/pen/jvjKzP?editors=0010

Twojs 闪烁的圆圈

Twojs blinking circle

javascript

editor

graph

two.js