@pixi/core
Version:
Core PixiJS
145 lines (144 loc) • 6.46 kB
JavaScript
"use strict";
var constants = require("@pixi/constants"), extensions = require("@pixi/extensions"), SpriteMaskFilter = require("../filters/spriteMask/SpriteMaskFilter.js"), MaskData = require("./MaskData.js");
class MaskSystem {
/**
* @param renderer - The renderer this System works for.
*/
constructor(renderer) {
this.renderer = renderer, this.enableScissor = !0, this.alphaMaskPool = [], this.maskDataPool = [], this.maskStack = [], this.alphaMaskIndex = 0;
}
/**
* Changes the mask stack that is used by this System.
* @param maskStack - The mask stack
*/
setMaskStack(maskStack) {
this.maskStack = maskStack, this.renderer.scissor.setMaskStack(maskStack), this.renderer.stencil.setMaskStack(maskStack);
}
/**
* Enables the mask and appends it to the current mask stack.
*
* NOTE: The batch renderer should be flushed beforehand to prevent pending renders from being masked.
* @param {PIXI.DisplayObject} target - Display Object to push the mask to
* @param {PIXI.MaskData|PIXI.Sprite|PIXI.Graphics|PIXI.DisplayObject} maskDataOrTarget - The masking data.
*/
push(target, maskDataOrTarget) {
let maskData = maskDataOrTarget;
if (!maskData.isMaskData) {
const d = this.maskDataPool.pop() || new MaskData.MaskData();
d.pooled = !0, d.maskObject = maskDataOrTarget, maskData = d;
}
const maskAbove = this.maskStack.length !== 0 ? this.maskStack[this.maskStack.length - 1] : null;
if (maskData.copyCountersOrReset(maskAbove), maskData._colorMask = maskAbove ? maskAbove._colorMask : 15, maskData.autoDetect && this.detect(maskData), maskData._target = target, maskData.type !== constants.MASK_TYPES.SPRITE && this.maskStack.push(maskData), maskData.enabled)
switch (maskData.type) {
case constants.MASK_TYPES.SCISSOR:
this.renderer.scissor.push(maskData);
break;
case constants.MASK_TYPES.STENCIL:
this.renderer.stencil.push(maskData);
break;
case constants.MASK_TYPES.SPRITE:
maskData.copyCountersOrReset(null), this.pushSpriteMask(maskData);
break;
case constants.MASK_TYPES.COLOR:
this.pushColorMask(maskData);
break;
default:
break;
}
maskData.type === constants.MASK_TYPES.SPRITE && this.maskStack.push(maskData);
}
/**
* Removes the last mask from the mask stack and doesn't return it.
*
* NOTE: The batch renderer should be flushed beforehand to render the masked contents before the mask is removed.
* @param {PIXI.IMaskTarget} target - Display Object to pop the mask from
*/
pop(target) {
const maskData = this.maskStack.pop();
if (!(!maskData || maskData._target !== target)) {
if (maskData.enabled)
switch (maskData.type) {
case constants.MASK_TYPES.SCISSOR:
this.renderer.scissor.pop(maskData);
break;
case constants.MASK_TYPES.STENCIL:
this.renderer.stencil.pop(maskData.maskObject);
break;
case constants.MASK_TYPES.SPRITE:
this.popSpriteMask(maskData);
break;
case constants.MASK_TYPES.COLOR:
this.popColorMask(maskData);
break;
default:
break;
}
if (maskData.reset(), maskData.pooled && this.maskDataPool.push(maskData), this.maskStack.length !== 0) {
const maskCurrent = this.maskStack[this.maskStack.length - 1];
maskCurrent.type === constants.MASK_TYPES.SPRITE && maskCurrent._filters && (maskCurrent._filters[0].maskSprite = maskCurrent.maskObject);
}
}
}
/**
* Sets type of MaskData based on its maskObject.
* @param maskData
*/
detect(maskData) {
const maskObject = maskData.maskObject;
maskObject ? maskObject.isSprite ? maskData.type = constants.MASK_TYPES.SPRITE : this.enableScissor && this.renderer.scissor.testScissor(maskData) ? maskData.type = constants.MASK_TYPES.SCISSOR : maskData.type = constants.MASK_TYPES.STENCIL : maskData.type = constants.MASK_TYPES.COLOR;
}
/**
* Applies the Mask and adds it to the current filter stack.
* @param maskData - Sprite to be used as the mask.
*/
pushSpriteMask(maskData) {
const { maskObject } = maskData, target = maskData._target;
let alphaMaskFilter = maskData._filters;
alphaMaskFilter || (alphaMaskFilter = this.alphaMaskPool[this.alphaMaskIndex], alphaMaskFilter || (alphaMaskFilter = this.alphaMaskPool[this.alphaMaskIndex] = [new SpriteMaskFilter.SpriteMaskFilter()])), alphaMaskFilter[0].resolution = maskData.resolution, alphaMaskFilter[0].multisample = maskData.multisample, alphaMaskFilter[0].maskSprite = maskObject;
const stashFilterArea = target.filterArea;
target.filterArea = maskObject.getBounds(!0), this.renderer.filter.push(target, alphaMaskFilter), target.filterArea = stashFilterArea, maskData._filters || this.alphaMaskIndex++;
}
/**
* Removes the last filter from the filter stack and doesn't return it.
* @param maskData - Sprite to be used as the mask.
*/
popSpriteMask(maskData) {
this.renderer.filter.pop(), maskData._filters ? maskData._filters[0].maskSprite = null : (this.alphaMaskIndex--, this.alphaMaskPool[this.alphaMaskIndex][0].maskSprite = null);
}
/**
* Pushes the color mask.
* @param maskData - The mask data
*/
pushColorMask(maskData) {
const currColorMask = maskData._colorMask, nextColorMask = maskData._colorMask = currColorMask & maskData.colorMask;
nextColorMask !== currColorMask && this.renderer.gl.colorMask(
(nextColorMask & 1) !== 0,
(nextColorMask & 2) !== 0,
(nextColorMask & 4) !== 0,
(nextColorMask & 8) !== 0
);
}
/**
* Pops the color mask.
* @param maskData - The mask data
*/
popColorMask(maskData) {
const currColorMask = maskData._colorMask, nextColorMask = this.maskStack.length > 0 ? this.maskStack[this.maskStack.length - 1]._colorMask : 15;
nextColorMask !== currColorMask && this.renderer.gl.colorMask(
(nextColorMask & 1) !== 0,
(nextColorMask & 2) !== 0,
(nextColorMask & 4) !== 0,
(nextColorMask & 8) !== 0
);
}
destroy() {
this.renderer = null;
}
}
MaskSystem.extension = {
type: extensions.ExtensionType.RendererSystem,
name: "mask"
};
extensions.extensions.add(MaskSystem);
exports.MaskSystem = MaskSystem;
//# sourceMappingURL=MaskSystem.js.map