Mise en cache

d'éléments vectoriels
Une façon de profiter de l’accélération WebGL
même en utilisant du contenu vectoriel.
L’objet StageGL se sert de l’accélération matérielle fournie par la technologie
WebGL. Cette technologie ne fonctionne qu’avec des images matricielles.

Que faire quand on veut utiliser

du contenu vectoriel (comme du texte, par exemple)?

Il faut le mettre en cache.

Mise en cache d’un objet Text dans CreateJS

Dans cet exemple, une portion du texte est mise en cache. Cette portion
commence à 10px de la droite et 10px d’en haut. Elle s’étire sur 60px en largeur et
30px en hauteur. Seule cette portion sera dessinée par CreateJS.

let texte = new createjs.Text("Bonjour!", "50px Arial", "#555555"); 


texte.cache(10, 10, 60, 30);

(10, 10)

Bonjour!
60px
30px
Mise en cache d’un objet Text dans CreateJS

Généralement, on veut mettre le texte au complet en cache. On peut donc partir à

0px de la droite et 0px d’en haut. La largeur sera celle du texte, idem pour sa
hauteur. Tout le texte sera dessiné par CreateJS.

texte.cache(0, 0, texte.getBounds().width, texte.getBounds().height);

(0, 0)

Bonjour! getBounds().height

getBounds().width