Is it possible to make webgl mask work in animation？ #1069

Activity

1. Matt-Maerz commented on Apr 26, 2022

   

   Matt-Maerz

   on Apr 26, 2022

   Last edited by Matt-Maerz

   More actions

   Yes,

   1. add the mask to the container.
   2. cache teh container
   3. call .updateCache() from the container on every change.

   Example:

   let maskContainer = new createjs.Container();
   ...
   let mask = new createjs.Shape();
   mask.graphics.drawRect(0,0, sizeX, sizeY);
   maskContainer.mask = mask;
   ....
   maskContainer.addChild(scrollcontentContainer);
   ....
   maskContainer.cache( 0, 0, sizeX, sizeY);
   ...
   //On every change
   maskContainer.updateCache();