var core = require('../../core'); var generateBlurVertSource = require('./generateBlurVertSource'); var generateBlurFragSource = require('./generateBlurFragSource'); var getMaxBlurKernelSize = require('./getMaxBlurKernelSize'); /** * The BlurXFilter applies a horizontal Gaussian blur to an object. * * @class * @extends PIXI.Filter * @memberof PIXI.filters */ function BlurXFilter(strength, quality, resolution) { var vertSrc = generateBlurVertSource(5, true); var fragSrc = generateBlurFragSource(5); core.Filter.call(this, // vertex shader vertSrc, // fragment shader fragSrc ); this.resolution = resolution || 1; this._quality = 0; this.quality = quality || 4; this.strength = strength || 8; this.firstRun = true; } BlurXFilter.prototype = Object.create(core.Filter.prototype); BlurXFilter.prototype.constructor = BlurXFilter; module.exports = BlurXFilter; BlurXFilter.prototype.apply = function (filterManager, input, output, clear) { if(this.firstRun) { var gl = filterManager.renderer.gl; var kernelSize = getMaxBlurKernelSize(gl); this.vertexSrc = generateBlurVertSource(kernelSize, true); this.fragmentSrc = generateBlurFragSource(kernelSize); this.firstRun = false; } this.uniforms.strength = (1/output.size.width) * (output.size.width/input.size.width); /// // * 2 //4//this.strength / 4 / this.passes * (input.frame.width / input.size.width); // screen space! this.uniforms.strength *= this.strength; this.uniforms.strength /= this.passes;// / this.passes//Math.pow(1, this.passes); if(this.passes === 1) { filterManager.applyFilter(this, input, output, clear); } else { var renderTarget = filterManager.getRenderTarget(true); var flip = input; var flop = renderTarget; for(var i = 0; i < this.passes-1; i++) { filterManager.applyFilter(this, flip, flop, true); var temp = flop; flop = flip; flip = temp; } filterManager.applyFilter(this, flip, output, clear); filterManager.returnRenderTarget(renderTarget); } }; Object.defineProperties(BlurXFilter.prototype, { /** * Sets the strength of both the blur. * * @member {number} * @memberof PIXI.filters.BlurXFilter# * @default 16 */ blur: { get: function () { return this.strength; }, set: function (value) { this.padding = Math.abs(value) * 2; this.strength = value; } }, /** * Sets the quality of the blur by modifying the number of passes. More passes means higher quaility bluring but the lower the performance. * * @member {number} * @memberof PIXI.filters.BlurXFilter# * @default 4 */ quality: { get: function () { return this._quality; }, set: function (value) { this._quality = value; this.passes = value; } } });