Zeichnung einer hohlen Kreis, ohne eine Grenze

Hat jemand Erfahrung auf der Zeichnung ein hohler Kreis mit Pixi?, mein Aktueller Ansatz funktioniert nur in der WebGL-renderer, die macht mich denken, es ist fehlerhaft, und ich brauche auch fallback auf die andere gerendert für andere Geräte.

this.mathPiDub = 2 * Math.PI;
this.color = 0xFF00FF
var nuRad = 10;
this.pixiCircle.beginFill(this.color, 1);
this.pixiCircle.arc(0, 0, nuRad - 2, 0, this.mathPiDub, false);
this.pixiCircle.arc(0, 0, nuRad, 0, this.mathPiDub, false);
this.pixiCircle.endFill();

2D gerendert, gibt mir einen vollständigen Kreis, während die WebGL schneidet das Loch durch.

Was ist der beste Ansatz?

InformationsquelleAutor nazariof | 2015-02-14
  1. 6

    Die einfachste Möglichkeit wäre, mit dem eingebauten drawCircle() mit einem lineStyle statt einer Füllung.

    this.pixiCircle = new PIXI.Graphics();
this.pixiCircle.lineStyle(2, 0xFF00FF);  //(thickness, color)
this.pixiCircle.drawCircle(0, 0, 10);   //(x,y,radius)
this.pixiCircle.endFill(); 
stage.addChild(this.pixiCircle);

    Dieser Arbeit wird für beide WebGL-und Canvas-Renderer

    InformationsquelleAutor Karmacon
Schreibe einen Kommentar