Come posso impostare lo z-index di EaselJS Graphics and Shapes

Question

Ho delle forme EaselJS sulla tela e quindi inizio a disegnare Graphics ogni tick. Al momento la grafica viene disegnata sopra le forme. C'è un modo per definire lo z-index in modo che le forme siano disegnate sulla grafica ogni fotogramma?

Qualsiasi aiuto sarebbe molto apprezzato.

Answer 1

Per portare un DisplayObject di fronte dopo l'inserimento basta usare questo:

stage.setChildIndex(displayObject, stage.getNumChildren()-1); 

Answer 2

L'API Canvas has no built-in scene graph. Una volta che qualcosa è disegnato, il fatto che sia stato disegnato viene dimenticato, e non vi è alcun riferimento dell'oggetto legato alla tela. Ciò significa che, se l'oggetto cambia, potrebbe essere necessario ridisegnare l'intero canvas.

Pertanto, se è necessario disegnare gli oggetti di forma sopra gli oggetti grafici, disegnare la grafica prima di disegnare le forme. Avrai bisogno di ridisegnare le forme ogni volta che ridisegni la grafica.

È inoltre possibile inserire entrambe le forme e la grafica in Container e utilizzare indices del contenitore per controllare l'ordine di rendering degli oggetti.

---

Edit: Come notato da @stot's answer, si scopre che lo stage stesso può essere utilizzato per gli indici bambino gestiti. Questo perché lo stage estende la classe Container e quindi eredita i metodi di quella classe.