var core = require('../../core'); var generateBlurVertSource = require('./generateBlurVertSource'); var generateBlurFragSource = require('./generateBlurFragSource'); var getMaxBlurKernelSize = require('./getMaxBlurKernelSize'); /** * The BlurYFilter applies a horizontal Gaussian blur to an object. * * @class * @extends PIXI.Filter * @memberof PIXI.filters */ function BlurYFilter(strength, quality, resolution) { var vertSrc = generateBlurVertSource(5, false); 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; } BlurYFilter.prototype = Object.create(core.Filter.prototype); BlurYFilter.prototype.constructor = BlurYFilter; module.exports = BlurYFilter; BlurYFilter.prototype.apply = function (filterManager, input, output, clear) { if(this.firstRun) { var gl = filterManager.renderer.gl; var kernelSize = getMaxBlurKernelSize(gl); this.vertexSrc = generateBlurVertSource(kernelSize, false); this.fragmentSrc = generateBlurFragSource(kernelSize); this.firstRun = false; } this.uniforms.strength = (1/output.size.height) * (output.size.height/input.size.height); /// // * 2 //4//this.strength / 4 / this.passes * (input.frame.width / input.size.width); this.uniforms.strength *= this.strength; this.uniforms.strength /= 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(BlurYFilter.prototype, { /** * Sets the strength of both the blur. * * @member {number} * @memberof PIXI.filters.BlurYFilter# * @default 2 */ 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; } } });