Disegna un rettangolo con pixi.js
-
23-12-2019 - |
Domanda
[Chrome V32]
Come disegnare un rettangolo rosso base con biblioteca PIXI.JS?
Ho provato questo (non funziona)
var stage = new PIXI.Stage(0xFFFFFF);
var renderer = PIXI.autoDetectRenderer(400, 300);
document.body.appendChild(renderer.view);
renderer.render(stage);
var rect = new PIXI.Rectangle(100, 150, 50, 50);
stage.addChild(rect);
.
Errore:
.Uncaught TypeError: Object [Object Object] non ha metodo 'setstagerFerence'
Soluzione 2
.Le geometrie non sono reabili, sono per fare geometriche Calcoli.
sorgente @xerver
Quindi dobbiamo usare PIXI.Graphics()
Altri suggerimenti
Non è possibile eseguire il rendering della geometria (Pixi.Rectangle
), sono destinati a solo per i calcoli.Puoi fare quanto segue:
var graphics = new PIXI.Graphics();
graphics.beginFill(0xFFFF00);
// set the line style to have a width of 5 and set the color to red
graphics.lineStyle(5, 0xFF0000);
// draw a rectangle
graphics.drawRect(0, 0, 300, 200);
stage.addChild(graphics);
.
Autorizzato sotto: CC-BY-SA insieme a attribuzione
Non affiliato a StackOverflow