diff --git a/src/filters/blur/BlurFilter.js b/src/filters/blur/BlurFilter.js index 5b3c3a9..8a05893 100644 --- a/src/filters/blur/BlurFilter.js +++ b/src/filters/blur/BlurFilter.js @@ -15,14 +15,15 @@ /** * @param {number} strength - The strength of the blur filter. * @param {number} quality - The quality of the blur filter. - * @param {number} resolution - The reoslution of the blur filter. + * @param {number} resolution - The resolution of the blur filter. + * @param {number} [kernelSize=5] - The kernelSize of the blur filter.Options: 5, 7, 9, 11, 13, 15. */ - constructor(strength, quality, resolution) + constructor(strength, quality, resolution, kernelSize) { super(); - this.blurXFilter = new BlurXFilter(); - this.blurYFilter = new BlurYFilter(); + this.blurXFilter = new BlurXFilter(strength, quality, resolution, kernelSize); + this.blurYFilter = new BlurYFilter(strength, quality, resolution, kernelSize); this.resolution = 1; this.padding = 0; diff --git a/src/filters/blur/BlurFilter.js b/src/filters/blur/BlurFilter.js index 5b3c3a9..8a05893 100644 --- a/src/filters/blur/BlurFilter.js +++ b/src/filters/blur/BlurFilter.js @@ -15,14 +15,15 @@ /** * @param {number} strength - The strength of the blur filter. * @param {number} quality - The quality of the blur filter. - * @param {number} resolution - The reoslution of the blur filter. + * @param {number} resolution - The resolution of the blur filter. + * @param {number} [kernelSize=5] - The kernelSize of the blur filter.Options: 5, 7, 9, 11, 13, 15. */ - constructor(strength, quality, resolution) + constructor(strength, quality, resolution, kernelSize) { super(); - this.blurXFilter = new BlurXFilter(); - this.blurYFilter = new BlurYFilter(); + this.blurXFilter = new BlurXFilter(strength, quality, resolution, kernelSize); + this.blurYFilter = new BlurYFilter(strength, quality, resolution, kernelSize); this.resolution = 1; this.padding = 0; diff --git a/src/filters/blur/BlurXFilter.js b/src/filters/blur/BlurXFilter.js index 24181b6..338096c 100644 --- a/src/filters/blur/BlurXFilter.js +++ b/src/filters/blur/BlurXFilter.js @@ -15,12 +15,14 @@ /** * @param {number} strength - The strength of the blur filter. * @param {number} quality - The quality of the blur filter. - * @param {number} resolution - The reoslution of the blur filter. + * @param {number} resolution - The resolution of the blur filter. + * @param {number} [kernelSize=5] - The kernelSize of the blur filter.Options: 5, 7, 9, 11, 13, 15. */ - constructor(strength, quality, resolution) + constructor(strength, quality, resolution, kernelSize) { - const vertSrc = generateBlurVertSource(5, true); - const fragSrc = generateBlurFragSource(5); + kernelSize = kernelSize || 5; + const vertSrc = generateBlurVertSource(kernelSize, true); + const fragSrc = generateBlurFragSource(kernelSize); super( // vertex shader diff --git a/src/filters/blur/BlurFilter.js b/src/filters/blur/BlurFilter.js index 5b3c3a9..8a05893 100644 --- a/src/filters/blur/BlurFilter.js +++ b/src/filters/blur/BlurFilter.js @@ -15,14 +15,15 @@ /** * @param {number} strength - The strength of the blur filter. * @param {number} quality - The quality of the blur filter. - * @param {number} resolution - The reoslution of the blur filter. + * @param {number} resolution - The resolution of the blur filter. + * @param {number} [kernelSize=5] - The kernelSize of the blur filter.Options: 5, 7, 9, 11, 13, 15. */ - constructor(strength, quality, resolution) + constructor(strength, quality, resolution, kernelSize) { super(); - this.blurXFilter = new BlurXFilter(); - this.blurYFilter = new BlurYFilter(); + this.blurXFilter = new BlurXFilter(strength, quality, resolution, kernelSize); + this.blurYFilter = new BlurYFilter(strength, quality, resolution, kernelSize); this.resolution = 1; this.padding = 0; diff --git a/src/filters/blur/BlurXFilter.js b/src/filters/blur/BlurXFilter.js index 24181b6..338096c 100644 --- a/src/filters/blur/BlurXFilter.js +++ b/src/filters/blur/BlurXFilter.js @@ -15,12 +15,14 @@ /** * @param {number} strength - The strength of the blur filter. * @param {number} quality - The quality of the blur filter. - * @param {number} resolution - The reoslution of the blur filter. + * @param {number} resolution - The resolution of the blur filter. + * @param {number} [kernelSize=5] - The kernelSize of the blur filter.Options: 5, 7, 9, 11, 13, 15. */ - constructor(strength, quality, resolution) + constructor(strength, quality, resolution, kernelSize) { - const vertSrc = generateBlurVertSource(5, true); - const fragSrc = generateBlurFragSource(5); + kernelSize = kernelSize || 5; + const vertSrc = generateBlurVertSource(kernelSize, true); + const fragSrc = generateBlurFragSource(kernelSize); super( // vertex shader diff --git a/src/filters/blur/BlurYFilter.js b/src/filters/blur/BlurYFilter.js index 267728b..94cbf37 100644 --- a/src/filters/blur/BlurYFilter.js +++ b/src/filters/blur/BlurYFilter.js @@ -15,12 +15,14 @@ /** * @param {number} strength - The strength of the blur filter. * @param {number} quality - The quality of the blur filter. - * @param {number} resolution - The reoslution of the blur filter. + * @param {number} resolution - The resolution of the blur filter. + * @param {number} [kernelSize=5] - The kernelSize of the blur filter.Options: 5, 7, 9, 11, 13, 15. */ - constructor(strength, quality, resolution) + constructor(strength, quality, resolution, kernelSize) { - const vertSrc = generateBlurVertSource(5, false); - const fragSrc = generateBlurFragSource(5); + kernelSize = kernelSize || 5; + const vertSrc = generateBlurVertSource(kernelSize, false); + const fragSrc = generateBlurFragSource(kernelSize); super( // vertex shader