KineticJS：向图层添加形状并绘制几乎崩溃的浏览器

Question

我对Canvas和KineticJS都很新。

我尝试了KineticJS，因为我在Googeling寻找不同问题的答案时偶然发现了几次，并发现它对我正在制作的2D游戏有好处。

游戏正在推动游戏，但这款车的行为与Snake相似，但长度无限。我的概念验证与香草canvas一起工作正常，但当我使用KineticJS图层并添加使蛇形状的形状时，浏览器在20-30秒后几乎崩溃......

我有一个汽车层：

var carLayer = new Kinetic.Layer();
stage.add(carLayer);

我每10分钟就会看到汽车的方向，然后在图层上画一个新的圆圈：

var drawCarPoint = function(x, y) {
    var newCarSection = new Kinetic.Circle({
        x: x,
        y: y,
        radius: 5,
        fill: 'magenta'
    });

    carLayer.add(newCarSection);
    carLayer.drawScene();
};

如果我不使用drawScene()功能，则不会绘制任何内容。

我做错了什么？

Answer 1

我认为您可能需要在每次向图层添加圆圈时绘制舞台。那么，您是否尝试使用以下内容替换carLayer.drawScene()：

stage.add(carLayer);
stage.draw();