Рисование тысячи линий с использованием PIXI.js - PullRequest
Новая
       13

Рисование тысячи линий с использованием PIXI.js

0 голосов
/ 29 апреля 2018

Я создаю демонстрацию с использованием четырех деревьев, и у меня есть тысячи кругов, сталкивающихся с другими тысячами. Это работает нормально, но у меня возникают проблемы с оптимизацией способа рисования линий, так как я не могу использовать спрайты для этого, могу я?

Как мне рисовать тысячи линий, которые, несомненно, будут различаться по длине, углу и должны быть воссозданы / уничтожены в каждом кадре?

Сейчас у меня есть следующее: 

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)
      }
   }       
}
...