滚动图形画布

如何解决滚动图形画布

我在 Animate 上创建了一个 HTML5 画布代码，它允许您根据圆的位置绘制连续图形，如下所示。

https://svtanim.pagesperso-orange.fr/scrolling_test.htm

app = this;

var A;
var B;
var C;
var D;
var E;
var myPoint = {x:E,y:200}
var shape = new createjs.Shape();
shape.graphics.beginstroke("#000000");
shape.graphics.moveto( 400,E );

createjs.Ticker.addEventListener("tick",tick.bind(this));
function tick()
{
    
E = app.bouton.x;
myPoint = {x:400,y:E}  
A = myPoint.x;
B = myPoint.y;
C = shape.x;
D = A - C;

shape.x+= -0.91;    
shape.graphics.lineto( D,B );
app.addChild(shape);
};

this.bouton.addEventListener("mousedown",fct5y1.bind(this));
function fct5y1(evt)
{
var pm = this.globalToLocal(evt.stageX,evt.stageY);
differenceX = (this.bouton.x -  pm.x);
differenceY = (this.bouton.y - pm.y);
};
this.bouton.on("pressmove",fctr2.bind(this));
function fctr2(evt)
{   
    var pm = this.globalToLocal(evt.stageX,evt.stageY);
    this.bouton.x = (pm.x + differenceX);
    this.bouton.y = (pm.y + differenceY);
    if (app.bouton.y < 200)
    {
        app.bouton.y = 200
    }
    if (app.bouton.y > 200)
    {
        app.bouton.y = 200
    }
    
    
};

但是，此代码移动形状而不是移动曲线的坐标。因此，我添加了数百个形状实例，这非常低效并且需要大量计算机资源。我想要一个更简单的代码，因为我有一个项目需要许多阻止播放的曲线和剪辑。有人能告诉我如何解决这个问题吗？提前致谢。

用www.DeepL.com/Translator翻译（免费版）