const AbstractFilter = require('../../core/renderers/webgl/filters/AbstractFilter'); const BlurXFilter = require('../blur/BlurXFilter'); const BlurYFilter = require('../blur/BlurYFilter'); const CONST = require('../../const'); /** * The BloomFilter applies a Gaussian blur to an object. * The strength of the blur can be set for x- and y-axis separately. * * @class * @extends AbstractFilter */ function BloomFilter() { AbstractFilter.call(this); this.blurXFilter = new BlurXFilter(); this.blurYFilter = new BlurYFilter(); this.defaultFilter = new AbstractFilter(); } BloomFilter.prototype = Object.create(AbstractFilter.prototype); BloomFilter.prototype.constructor = BloomFilter; module.exports = BloomFilter; BloomFilter.prototype.applyFilter = function(renderer, input, output) { var renderTarget = renderer.filterManager.getRenderTarget(true); // TODO - copyTexSubImage2D could be used here? this.defaultFilter.applyFilter(renderer, input, output); this.blurXFilter.applyFilter(renderer, input, renderTarget); renderer.blendModeManager.setBlendMode(CONST.BLEND_MODES.SCREEN); this.blurYFilter.applyFilter(renderer, renderTarget, output); renderer.blendModeManager.setBlendMode(CONST.BLEND_MODES.NORMAL); renderer.filterManager.returnRenderTarget(renderTarget); }; Object.defineProperties(BloomFilter.prototype, { /** * Sets the strength of both the blurX and blurY properties simultaneously * * @member {number} * @memberOf filters.BloomFilter# * @default 2 */ blur: { get: function() { return this.blurXFilter.blur; }, set: function(value) { this.blurXFilter.blur = this.blurYFilter.blur = value; }, }, /** * Sets the strength of the blurX property * * @member {number} * @memberOf filters.BloomFilter# * @default 2 */ blurX: { get: function() { return this.blurXFilter.blur; }, set: function(value) { this.blurXFilter.blur = value; }, }, /** * Sets the strength of the blurY property * * @member {number} * @memberOf filters.BloomFilter# * @default 2 */ blurY: { get: function() { return this.blurYFilter.blur; }, set: function(value) { this.blurYFilter.blur = value; }, }, });