javascript - 使用 PIXI.js 绘制千条线

Question

我正在使用四叉树创建一个演示，并且我有数千个圆圈与其他数千个圆圈发生碰撞。这工作正常，但我无法优化我绘制线条的方式，因为我不能为此使用精灵，可以吗？

我应该如何绘制数千条长度、角度肯定会不同并且必须在每一帧上重新创建/销毁的线？

现在我拥有的是以下内容：

this.line = new PIXI.Graphics().lineStyle(1, 0x3F51B5, 0.75);
this.container.addChild(this.line);
.
.
.
loop(){
   this.line.clear();
   this.line.lineStyle(1, 0x3F51B5, 0.75);
   for(...){
      circle1 = circles1[i];
      for(...){
      circle2 = circles2[j];
         this.line.moveto(circle1.x, circle1.y).linteTo(circle2.x, circle2.y)
      }
   }       
}

标签： javascripttypescriptopengl-es-2.0pixi.js