angular-three-postprocessing 2.0.0-beta.9 → 2.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (98) hide show
  1. package/README.md +56 -4
  2. package/esm2022/lib/effect-composer.mjs +111 -171
  3. package/esm2022/lib/effect.mjs +43 -71
  4. package/esm2022/lib/effects/ascii.mjs +120 -0
  5. package/esm2022/lib/effects/bloom.mjs +39 -0
  6. package/esm2022/lib/effects/brightness-contrast.mjs +38 -0
  7. package/esm2022/lib/effects/chromatic-abberation.mjs +38 -0
  8. package/esm2022/lib/effects/color-average.mjs +33 -0
  9. package/esm2022/lib/effects/color-depth.mjs +38 -0
  10. package/esm2022/lib/effects/depth-of-field.mjs +56 -0
  11. package/esm2022/lib/effects/depth.mjs +38 -0
  12. package/esm2022/lib/effects/dot-screen.mjs +38 -0
  13. package/esm2022/lib/effects/fxaa.mjs +38 -0
  14. package/esm2022/lib/effects/glitch.mjs +63 -0
  15. package/esm2022/lib/effects/god-rays.mjs +41 -0
  16. package/esm2022/lib/effects/grid.mjs +42 -0
  17. package/esm2022/lib/effects/hue-saturation.mjs +38 -0
  18. package/esm2022/lib/effects/index.mjs +28 -18
  19. package/esm2022/lib/effects/lens-flare.mjs +195 -0
  20. package/esm2022/lib/effects/lut.mjs +50 -0
  21. package/esm2022/lib/effects/noise.mjs +39 -0
  22. package/esm2022/lib/effects/outline.mjs +143 -0
  23. package/esm2022/lib/effects/pixelation.mjs +30 -0
  24. package/esm2022/lib/effects/scanline.mjs +43 -0
  25. package/esm2022/lib/effects/sepia.mjs +38 -0
  26. package/esm2022/lib/effects/shock-wave.mjs +38 -0
  27. package/esm2022/lib/effects/smaa.mjs +38 -0
  28. package/esm2022/lib/effects/tilt-shift-2.mjs +121 -0
  29. package/esm2022/lib/effects/tilt-shift.mjs +39 -0
  30. package/esm2022/lib/effects/vignette.mjs +38 -0
  31. package/esm2022/lib/effects/water.mjs +64 -0
  32. package/fesm2022/angular-three-postprocessing.mjs +1280 -651
  33. package/fesm2022/angular-three-postprocessing.mjs.map +1 -1
  34. package/lib/effect-composer.d.ts +24 -76
  35. package/lib/effect.d.ts +52 -23
  36. package/lib/effects/ascii.d.ts +23 -0
  37. package/lib/effects/bloom.d.ts +10 -0
  38. package/lib/effects/brightness-contrast.d.ts +15 -0
  39. package/lib/effects/chromatic-abberation.d.ts +16 -0
  40. package/lib/effects/color-average.d.ts +11 -0
  41. package/lib/effects/color-depth.d.ts +14 -0
  42. package/lib/effects/depth-of-field.d.ts +22 -0
  43. package/lib/effects/depth.d.ts +14 -0
  44. package/lib/effects/dot-screen.d.ts +15 -0
  45. package/lib/effects/fxaa.d.ts +13 -0
  46. package/lib/effects/glitch.d.ts +29 -0
  47. package/lib/effects/god-rays.d.ts +30 -0
  48. package/lib/effects/grid.d.ts +18 -0
  49. package/lib/effects/hue-saturation.d.ts +15 -0
  50. package/lib/effects/index.d.ts +27 -17
  51. package/lib/effects/lens-flare.d.ts +96 -0
  52. package/lib/effects/lut.d.ts +19 -0
  53. package/lib/effects/noise.d.ts +14 -0
  54. package/lib/effects/outline.d.ts +74 -0
  55. package/lib/effects/pixelation.d.ts +16 -0
  56. package/lib/effects/scanline.d.ts +17 -0
  57. package/lib/effects/sepia.d.ts +14 -0
  58. package/lib/effects/shock-wave.d.ts +11 -0
  59. package/lib/effects/smaa.d.ts +15 -0
  60. package/lib/effects/tilt-shift-2.d.ts +35 -0
  61. package/lib/effects/tilt-shift.d.ts +22 -0
  62. package/lib/effects/vignette.d.ts +17 -0
  63. package/lib/effects/water.d.ts +20 -0
  64. package/package.json +12 -7
  65. package/esm2022/lib/effects/bloom/bloom.mjs +0 -33
  66. package/esm2022/lib/effects/brightness-contrast/brightness-contrast.mjs +0 -29
  67. package/esm2022/lib/effects/color-depth/color-depth.mjs +0 -29
  68. package/esm2022/lib/effects/depth/depth.mjs +0 -29
  69. package/esm2022/lib/effects/dot-screen/dot-screen.mjs +0 -29
  70. package/esm2022/lib/effects/hue-saturation/hue-saturation.mjs +0 -29
  71. package/esm2022/lib/effects/lut/lut.mjs +0 -70
  72. package/esm2022/lib/effects/noise/noise.mjs +0 -33
  73. package/esm2022/lib/effects/pixelation/pixelation.mjs +0 -33
  74. package/esm2022/lib/effects/scanline/scanline.mjs +0 -33
  75. package/esm2022/lib/effects/sepia/sepia.mjs +0 -29
  76. package/esm2022/lib/effects/shock-wave/shock-wave.mjs +0 -29
  77. package/esm2022/lib/effects/smaa/smaa.mjs +0 -29
  78. package/esm2022/lib/effects/ssao/ssao.mjs +0 -213
  79. package/esm2022/lib/effects/tilt-shift/tilt-shift.mjs +0 -33
  80. package/esm2022/lib/effects/tone-mapping/tone-mapping.mjs +0 -29
  81. package/esm2022/lib/effects/vignette/vignette.mjs +0 -29
  82. package/lib/effects/bloom/bloom.d.ts +0 -13
  83. package/lib/effects/brightness-contrast/brightness-contrast.d.ts +0 -15
  84. package/lib/effects/color-depth/color-depth.d.ts +0 -14
  85. package/lib/effects/depth/depth.d.ts +0 -14
  86. package/lib/effects/dot-screen/dot-screen.d.ts +0 -15
  87. package/lib/effects/hue-saturation/hue-saturation.d.ts +0 -15
  88. package/lib/effects/lut/lut.d.ts +0 -29
  89. package/lib/effects/noise/noise.d.ts +0 -15
  90. package/lib/effects/pixelation/pixelation.d.ts +0 -20
  91. package/lib/effects/scanline/scanline.d.ts +0 -15
  92. package/lib/effects/sepia/sepia.d.ts +0 -14
  93. package/lib/effects/shock-wave/shock-wave.d.ts +0 -17
  94. package/lib/effects/smaa/smaa.d.ts +0 -16
  95. package/lib/effects/ssao/ssao.d.ts +0 -42
  96. package/lib/effects/tilt-shift/tilt-shift.d.ts +0 -23
  97. package/lib/effects/tone-mapping/tone-mapping.d.ts +0 -22
  98. package/lib/effects/vignette/vignette.d.ts +0 -17
@@ -1,15 +0,0 @@
1
- import { DotScreenEffect } from 'postprocessing';
2
- import { NgtpEffect, type NgtpEffectState } from '../../effect';
3
- import * as i0 from "@angular/core";
4
- declare global {
5
- interface HTMLElementTagNameMap {
6
- 'ngtp-dot-screen': {
7
- angle?: number;
8
- scale?: number;
9
- } & NgtpEffectState;
10
- }
11
- }
12
- export declare class NgtpDotScreen extends NgtpEffect<DotScreenEffect> {
13
- static ɵfac: i0.ɵɵFactoryDeclaration<NgtpDotScreen, never>;
14
- static ɵcmp: i0.ɵɵComponentDeclaration<NgtpDotScreen, "ngtp-dot-screen", never, {}, {}, never, ["*"], true, never>;
15
- }
@@ -1,15 +0,0 @@
1
- import { HueSaturationEffect } from 'postprocessing';
2
- import { NgtpEffect, type NgtpEffectState } from '../../effect';
3
- import * as i0 from "@angular/core";
4
- declare global {
5
- interface HTMLElementTagNameMap {
6
- 'ngtp-hue-saturation': {
7
- hue?: number;
8
- saturation?: number;
9
- } & NgtpEffectState;
10
- }
11
- }
12
- export declare class NgtpHueSaturation extends NgtpEffect<HueSaturationEffect> {
13
- static ɵfac: i0.ɵɵFactoryDeclaration<NgtpHueSaturation, never>;
14
- static ɵcmp: i0.ɵɵComponentDeclaration<NgtpHueSaturation, "ngtp-hue-saturation", never, {}, {}, never, ["*"], true, never>;
15
- }
@@ -1,29 +0,0 @@
1
- import { BlendFunction, LUT3DEffect } from 'postprocessing';
2
- import * as i0 from "@angular/core";
3
- export type NgtpLUTState = {
4
- lut: THREE.Texture;
5
- blendFunction?: BlendFunction;
6
- tetrahedralInterpolation?: boolean;
7
- };
8
- declare global {
9
- interface HTMLElementTagNameMap {
10
- 'ngtp-lut': NgtpLUTState;
11
- }
12
- }
13
- export declare class NgtpLUT {
14
- private inputs;
15
- effectRef: import("angular-three").NgtInjectedRef<LUT3DEffect>;
16
- set _lut(lut: THREE.Texture);
17
- set _blendFunction(blendFunction: BlendFunction);
18
- set _tetrahedralInterpolation(tetrahedralInterpolation: boolean);
19
- private lut;
20
- private tetrahedralInterpolation;
21
- private blendFunction;
22
- private store;
23
- private invalidate;
24
- effect: import("@angular/core").Signal<LUT3DEffect>;
25
- constructor();
26
- private setState;
27
- static ɵfac: i0.ɵɵFactoryDeclaration<NgtpLUT, never>;
28
- static ɵcmp: i0.ɵɵComponentDeclaration<NgtpLUT, "ngtp-lut", never, { "effectRef": { "alias": "effectRef"; "required": false; }; "_lut": { "alias": "lut"; "required": true; }; "_blendFunction": { "alias": "blendFunction"; "required": false; }; "_tetrahedralInterpolation": { "alias": "tetrahedralInterpolation"; "required": false; }; }, {}, never, never, true, never>;
29
- }
@@ -1,15 +0,0 @@
1
- import { BlendFunction, NoiseEffect } from 'postprocessing';
2
- import { NgtpEffect, type NgtpEffectState } from '../../effect';
3
- import * as i0 from "@angular/core";
4
- declare global {
5
- interface HTMLElementTagNameMap {
6
- 'ngtp-noise': {
7
- premultiply?: boolean;
8
- } & NgtpEffectState;
9
- }
10
- }
11
- export declare class NgtpNoise extends NgtpEffect<NoiseEffect> {
12
- defaultBlendFunction: BlendFunction;
13
- static ɵfac: i0.ɵɵFactoryDeclaration<NgtpNoise, never>;
14
- static ɵcmp: i0.ɵɵComponentDeclaration<NgtpNoise, "ngtp-noise", never, {}, {}, never, ["*"], true, never>;
15
- }
@@ -1,20 +0,0 @@
1
- import { PixelationEffect } from 'postprocessing';
2
- import { NgtpEffectState } from '../../effect';
3
- import * as i0 from "@angular/core";
4
- export type NgtpPixelationState = {
5
- granularity: number;
6
- };
7
- declare global {
8
- interface HTMLElementTagNameMap {
9
- 'ngtp-pixelation': NgtpPixelationState & NgtpEffectState;
10
- }
11
- }
12
- export declare class NgtpPixelation {
13
- private inputs;
14
- effectRef: import("angular-three").NgtInjectedRef<PixelationEffect>;
15
- set _granularity(granularity: number);
16
- private granularity;
17
- effect: import("@angular/core").Signal<PixelationEffect>;
18
- static ɵfac: i0.ɵɵFactoryDeclaration<NgtpPixelation, never>;
19
- static ɵcmp: i0.ɵɵComponentDeclaration<NgtpPixelation, "ngtp-pixelation", never, { "effectRef": { "alias": "effectRef"; "required": false; }; "_granularity": { "alias": "granularity"; "required": false; }; }, {}, never, never, true, never>;
20
- }
@@ -1,15 +0,0 @@
1
- import { BlendFunction, ScanlineEffect } from 'postprocessing';
2
- import { NgtpEffect, type NgtpEffectState } from '../../effect';
3
- import * as i0 from "@angular/core";
4
- declare global {
5
- interface HTMLElementTagNameMap {
6
- 'ngtp-scanline': {
7
- density?: number;
8
- } & NgtpEffectState;
9
- }
10
- }
11
- export declare class NgtpScanline extends NgtpEffect<ScanlineEffect> {
12
- defaultBlendFunction: BlendFunction;
13
- static ɵfac: i0.ɵɵFactoryDeclaration<NgtpScanline, never>;
14
- static ɵcmp: i0.ɵɵComponentDeclaration<NgtpScanline, "ngtp-scanline", never, {}, {}, never, ["*"], true, never>;
15
- }
@@ -1,14 +0,0 @@
1
- import { SepiaEffect } from 'postprocessing';
2
- import { NgtpEffect, type NgtpEffectState } from '../../effect';
3
- import * as i0 from "@angular/core";
4
- declare global {
5
- interface HTMLElementTagNameMap {
6
- 'ngtp-sepia': {
7
- intensity?: number;
8
- } & NgtpEffectState;
9
- }
10
- }
11
- export declare class NgtpSepia extends NgtpEffect<SepiaEffect> {
12
- static ɵfac: i0.ɵɵFactoryDeclaration<NgtpSepia, never>;
13
- static ɵcmp: i0.ɵɵComponentDeclaration<NgtpSepia, "ngtp-sepia", never, {}, {}, never, ["*"], true, never>;
14
- }
@@ -1,17 +0,0 @@
1
- import { ShockWaveEffect } from 'postprocessing';
2
- import { NgtpEffect, type NgtpEffectState } from '../../effect';
3
- import * as i0 from "@angular/core";
4
- declare global {
5
- interface HTMLElementTagNameMap {
6
- 'ngtp-shock-wave': {
7
- speed?: number;
8
- maxRadius?: number;
9
- waveSize?: number;
10
- amplitude?: number;
11
- } & NgtpEffectState;
12
- }
13
- }
14
- export declare class NgtpShockWave extends NgtpEffect<ShockWaveEffect> {
15
- static ɵfac: i0.ɵɵFactoryDeclaration<NgtpShockWave, never>;
16
- static ɵcmp: i0.ɵɵComponentDeclaration<NgtpShockWave, "ngtp-shock-wave", never, {}, {}, never, ["*"], true, never>;
17
- }
@@ -1,16 +0,0 @@
1
- import { EdgeDetectionMode, PredicationMode, SMAAEffect, SMAAPreset } from 'postprocessing';
2
- import { NgtpEffect, NgtpEffectState } from '../../effect';
3
- import * as i0 from "@angular/core";
4
- declare global {
5
- interface HTMLElementTagNameMap {
6
- 'ngtp-SMAA': {
7
- preset?: SMAAPreset;
8
- edgeDetectionMode?: EdgeDetectionMode;
9
- predicationMode?: PredicationMode;
10
- } & NgtpEffectState;
11
- }
12
- }
13
- export declare class NgtpSMAA extends NgtpEffect<SMAAEffect> {
14
- static ɵfac: i0.ɵɵFactoryDeclaration<NgtpSMAA, never>;
15
- static ɵcmp: i0.ɵɵComponentDeclaration<NgtpSMAA, "ngtp-SMAA", never, {}, {}, never, ["*"], true, never>;
16
- }
@@ -1,42 +0,0 @@
1
- import { BlendFunction, SSAOEffect } from 'postprocessing';
2
- import * as i0 from "@angular/core";
3
- export type NgtpSSAOState = NonNullable<ConstructorParameters<typeof SSAOEffect>[2]>;
4
- declare global {
5
- interface HTMLElementTagNameMap {
6
- 'ngtp-SSAO': NgtpSSAOState;
7
- }
8
- }
9
- export declare class NgtpSSAO {
10
- private inputs;
11
- effectRef: import("angular-three").NgtInjectedRef<SSAOEffect>;
12
- set _blendFunction(blendFunction: BlendFunction);
13
- set _distanceScaling(distanceScaling: boolean);
14
- set _depthAwareUpsampling(depthAwareUpsampling: boolean);
15
- set _normalDepthBuffer(normalDepthBuffer: THREE.Texture);
16
- set _samples(samples: number);
17
- set _rings(rings: number);
18
- set _worldDistanceThreshold(worldDistanceThreshold: number);
19
- set _worldDistanceFalloff(worldDistanceFalloff: number);
20
- set _worldProximityThreshold(worldProximityThreshold: number);
21
- set _worldProximityFalloff(worldProximityFalloff: number);
22
- set _distanceThreshold(distanceThreshold: number);
23
- set _distanceFalloff(distanceFalloff: number);
24
- set _rangeThreshold(rangeThreshold: number);
25
- set _rangeFalloff(rangeFalloff: number);
26
- set _minRadiusScale(minRadiusScale: number);
27
- set _luminanceInfluence(luminanceInfluence: number);
28
- set _radius(radius: number);
29
- set _intensity(intensity: number);
30
- set _bias(bias: number);
31
- set _fade(fade: number);
32
- set _color(color: THREE.Color);
33
- set _resolutionScale(resolutionScale: number);
34
- set _resolutionX(resolutionX: number);
35
- set _resolutionY(resolutionY: number);
36
- set _width(width: number);
37
- set _height(height: number);
38
- private effectComposerApi;
39
- effect: import("@angular/core").Signal<SSAOEffect | null>;
40
- static ɵfac: i0.ɵɵFactoryDeclaration<NgtpSSAO, never>;
41
- static ɵcmp: i0.ɵɵComponentDeclaration<NgtpSSAO, "ngtp-SSAO", never, { "effectRef": { "alias": "effectRef"; "required": false; }; "_blendFunction": { "alias": "blendFunction"; "required": false; }; "_distanceScaling": { "alias": "distanceScaling"; "required": false; }; "_depthAwareUpsampling": { "alias": "depthAwareUpsampling"; "required": false; }; "_normalDepthBuffer": { "alias": "normalDepthBuffer"; "required": false; }; "_samples": { "alias": "samples"; "required": false; }; "_rings": { "alias": "rings"; "required": false; }; "_worldDistanceThreshold": { "alias": "worldDistanceThreshold"; "required": false; }; "_worldDistanceFalloff": { "alias": "worldDistanceFalloff"; "required": false; }; "_worldProximityThreshold": { "alias": "worldProximityThreshold"; "required": false; }; "_worldProximityFalloff": { "alias": "worldProximityFalloff"; "required": false; }; "_distanceThreshold": { "alias": "distanceThreshold"; "required": false; }; "_distanceFalloff": { "alias": "distanceFalloff"; "required": false; }; "_rangeThreshold": { "alias": "rangeThreshold"; "required": false; }; "_rangeFalloff": { "alias": "rangeFalloff"; "required": false; }; "_minRadiusScale": { "alias": "minRadiusScale"; "required": false; }; "_luminanceInfluence": { "alias": "luminanceInfluence"; "required": false; }; "_radius": { "alias": "radius"; "required": false; }; "_intensity": { "alias": "intensity"; "required": false; }; "_bias": { "alias": "bias"; "required": false; }; "_fade": { "alias": "fade"; "required": false; }; "_color": { "alias": "color"; "required": false; }; "_resolutionScale": { "alias": "resolutionScale"; "required": false; }; "_resolutionX": { "alias": "resolutionX"; "required": false; }; "_resolutionY": { "alias": "resolutionY"; "required": false; }; "_width": { "alias": "width"; "required": false; }; "_height": { "alias": "height"; "required": false; }; }, {}, never, never, true, never>;
42
- }
@@ -1,23 +0,0 @@
1
- import { BlendFunction, KernelSize, TiltShiftEffect } from 'postprocessing';
2
- import { NgtpEffect, type NgtpEffectState } from '../../effect';
3
- import * as i0 from "@angular/core";
4
- declare global {
5
- interface HTMLElementTagNameMap {
6
- 'ngtp-tilt-shift': {
7
- offset?: number;
8
- rotation?: number;
9
- focusArea?: number;
10
- feather?: number;
11
- bias?: number;
12
- kernelSize?: KernelSize;
13
- resolutionScale?: number;
14
- resolutionX?: number;
15
- resolutionY?: number;
16
- } & NgtpEffectState;
17
- }
18
- }
19
- export declare class NgtpTiltShift extends NgtpEffect<TiltShiftEffect> {
20
- defaultBlendFunction: BlendFunction;
21
- static ɵfac: i0.ɵɵFactoryDeclaration<NgtpTiltShift, never>;
22
- static ɵcmp: i0.ɵɵComponentDeclaration<NgtpTiltShift, "ngtp-tilt-shift", never, {}, {}, never, ["*"], true, never>;
23
- }
@@ -1,22 +0,0 @@
1
- import { ToneMappingEffect, ToneMappingMode } from 'postprocessing';
2
- import { NgtpEffect, type NgtpEffectState } from '../../effect';
3
- import * as i0 from "@angular/core";
4
- declare global {
5
- interface HTMLElementTagNameMap {
6
- 'ngtp-tone-mapping': {
7
- adaptive?: boolean;
8
- mode?: ToneMappingMode;
9
- resolution?: number;
10
- maxLuminance?: number;
11
- whitePoint?: number;
12
- middleGrey?: number;
13
- minLuminance?: number;
14
- averageLuminance?: number;
15
- adaptationRate?: number;
16
- } & NgtpEffectState;
17
- }
18
- }
19
- export declare class NgtpToneMapping extends NgtpEffect<ToneMappingEffect> {
20
- static ɵfac: i0.ɵɵFactoryDeclaration<NgtpToneMapping, never>;
21
- static ɵcmp: i0.ɵɵComponentDeclaration<NgtpToneMapping, "ngtp-tone-mapping", never, {}, {}, never, ["*"], true, never>;
22
- }
@@ -1,17 +0,0 @@
1
- import { VignetteEffect, VignetteTechnique } from 'postprocessing';
2
- import { NgtpEffect, type NgtpEffectState } from '../../effect';
3
- import * as i0 from "@angular/core";
4
- declare global {
5
- interface HTMLElementTagNameMap {
6
- 'ngtp-vignette': {
7
- technique?: VignetteTechnique;
8
- eskil?: boolean;
9
- offset?: number;
10
- darkness?: number;
11
- } & NgtpEffectState;
12
- }
13
- }
14
- export declare class NgtpVignette extends NgtpEffect<VignetteEffect> {
15
- static ɵfac: i0.ɵɵFactoryDeclaration<NgtpVignette, never>;
16
- static ɵcmp: i0.ɵɵComponentDeclaration<NgtpVignette, "ngtp-vignette", never, {}, {}, never, ["*"], true, never>;
17
- }