单击时需要冻结动画对象

Question

我正在使用javascript和three.js为蒲公英种子制作动画。观看现场演示here，它可能会帮助您理解。我正在尝试使种子停止点击。这是我的代码。

                if (s.mesh.clicked === true){
                    console.log('hi')
                }else{
                    if(s.start === null) {s.start = timestamp};

                    s.progress = (timestamp - s.start) / s.duration / 1000;
                    if (i%2===0){
                        x = (s.progress * s.maxX/s.gridSize)-4;
                    } else if (i%3===0) {
                        x = (s.progress * s.maxX/s.gridSize)
                    } else {
                        x = (s.progress * s.maxX/s.gridSize)-8;
                    }
                    y = 2 * Math.sin(x);

                    s.mesh.position.x = Math.min(s.maxX, s.gridSize * x);
                    s.mesh.position.y = s.maxY/2 +(s.gridSize * y)*s.ampvar;

                    if(s.mesh.position.x >= 66){
                        s.start = null;
                        s.maxX = Math.random()*2 + 66;
                        s.maxY = Math.random()*45 - 20;
                        s.duration = Math.random()*2 + 7;
                        s.gridSize = Math.random()*10 + 5;
                        s.ampvar = Math.random()*0.15 + 0.05;

                    }

按照我的逻辑，这应该起作用，因为如果单击它，则应跳过使它移动的代码，但它不起作用。有没有人提供任何可能的解决方法的提示？

Full code here