angular-three-postprocessing 2.0.0-beta.27 → 2.0.0-beta.270
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.
- package/README.md +56 -4
- package/esm2022/lib/effect-composer.mjs +110 -170
- package/esm2022/lib/effect.mjs +43 -71
- package/esm2022/lib/effects/ascii.mjs +120 -0
- package/esm2022/lib/effects/bloom.mjs +39 -0
- package/esm2022/lib/effects/brightness-contrast.mjs +38 -0
- package/esm2022/lib/effects/chromatic-abberation.mjs +38 -0
- package/esm2022/lib/effects/color-average.mjs +33 -0
- package/esm2022/lib/effects/color-depth.mjs +38 -0
- package/esm2022/lib/effects/depth-of-field.mjs +56 -0
- package/esm2022/lib/effects/depth.mjs +38 -0
- package/esm2022/lib/effects/dot-screen.mjs +38 -0
- package/esm2022/lib/effects/fxaa.mjs +38 -0
- package/esm2022/lib/effects/glitch.mjs +63 -0
- package/esm2022/lib/effects/god-rays.mjs +41 -0
- package/esm2022/lib/effects/grid.mjs +44 -0
- package/esm2022/lib/effects/hue-saturation.mjs +38 -0
- package/esm2022/lib/effects/index.mjs +27 -18
- package/esm2022/lib/effects/lens-flare.mjs +195 -0
- package/esm2022/lib/effects/lut.mjs +50 -0
- package/esm2022/lib/effects/noise.mjs +39 -0
- package/esm2022/lib/effects/pixelation.mjs +30 -0
- package/esm2022/lib/effects/scanline.mjs +43 -0
- package/esm2022/lib/effects/sepia.mjs +38 -0
- package/esm2022/lib/effects/shock-wave.mjs +38 -0
- package/esm2022/lib/effects/smaa.mjs +38 -0
- package/esm2022/lib/effects/tilt-shift-2.mjs +121 -0
- package/esm2022/lib/effects/tilt-shift.mjs +39 -0
- package/esm2022/lib/effects/vignette.mjs +38 -0
- package/esm2022/lib/effects/water.mjs +64 -0
- package/fesm2022/angular-three-postprocessing.mjs +1140 -657
- package/fesm2022/angular-three-postprocessing.mjs.map +1 -1
- package/lib/effect-composer.d.ts +25 -76
- package/lib/effect.d.ts +52 -23
- package/lib/effects/ascii.d.ts +23 -0
- package/lib/effects/bloom.d.ts +10 -0
- package/lib/effects/brightness-contrast.d.ts +15 -0
- package/lib/effects/chromatic-abberation.d.ts +16 -0
- package/lib/effects/color-average.d.ts +11 -0
- package/lib/effects/color-depth.d.ts +14 -0
- package/lib/effects/depth-of-field.d.ts +22 -0
- package/lib/effects/depth.d.ts +14 -0
- package/lib/effects/dot-screen.d.ts +15 -0
- package/lib/effects/fxaa.d.ts +13 -0
- package/lib/effects/glitch.d.ts +29 -0
- package/lib/effects/god-rays.d.ts +30 -0
- package/lib/effects/grid.d.ts +20 -0
- package/lib/effects/hue-saturation.d.ts +15 -0
- package/lib/effects/index.d.ts +26 -17
- package/lib/effects/lens-flare.d.ts +96 -0
- package/lib/effects/lut.d.ts +19 -0
- package/lib/effects/noise.d.ts +14 -0
- package/lib/effects/pixelation.d.ts +16 -0
- package/lib/effects/scanline.d.ts +17 -0
- package/lib/effects/sepia.d.ts +14 -0
- package/lib/effects/shock-wave.d.ts +11 -0
- package/lib/effects/smaa.d.ts +15 -0
- package/lib/effects/tilt-shift-2.d.ts +35 -0
- package/lib/effects/tilt-shift.d.ts +22 -0
- package/lib/effects/vignette.d.ts +17 -0
- package/lib/effects/water.d.ts +20 -0
- package/package.json +16 -6
- package/esm2022/lib/effects/bloom/bloom.mjs +0 -33
- package/esm2022/lib/effects/brightness-contrast/brightness-contrast.mjs +0 -29
- package/esm2022/lib/effects/color-depth/color-depth.mjs +0 -29
- package/esm2022/lib/effects/depth/depth.mjs +0 -29
- package/esm2022/lib/effects/dot-screen/dot-screen.mjs +0 -29
- package/esm2022/lib/effects/hue-saturation/hue-saturation.mjs +0 -29
- package/esm2022/lib/effects/lut/lut.mjs +0 -74
- package/esm2022/lib/effects/noise/noise.mjs +0 -33
- package/esm2022/lib/effects/pixelation/pixelation.mjs +0 -37
- package/esm2022/lib/effects/scanline/scanline.mjs +0 -33
- package/esm2022/lib/effects/sepia/sepia.mjs +0 -29
- package/esm2022/lib/effects/shock-wave/shock-wave.mjs +0 -29
- package/esm2022/lib/effects/smaa/smaa.mjs +0 -29
- package/esm2022/lib/effects/ssao/ssao.mjs +0 -217
- package/esm2022/lib/effects/tilt-shift/tilt-shift.mjs +0 -33
- package/esm2022/lib/effects/tone-mapping/tone-mapping.mjs +0 -29
- package/esm2022/lib/effects/vignette/vignette.mjs +0 -29
- package/lib/effects/bloom/bloom.d.ts +0 -13
- package/lib/effects/brightness-contrast/brightness-contrast.d.ts +0 -15
- package/lib/effects/color-depth/color-depth.d.ts +0 -14
- package/lib/effects/depth/depth.d.ts +0 -14
- package/lib/effects/dot-screen/dot-screen.d.ts +0 -15
- package/lib/effects/hue-saturation/hue-saturation.d.ts +0 -15
- package/lib/effects/lut/lut.d.ts +0 -29
- package/lib/effects/noise/noise.d.ts +0 -15
- package/lib/effects/pixelation/pixelation.d.ts +0 -20
- package/lib/effects/scanline/scanline.d.ts +0 -15
- package/lib/effects/sepia/sepia.d.ts +0 -14
- package/lib/effects/shock-wave/shock-wave.d.ts +0 -17
- package/lib/effects/smaa/smaa.d.ts +0 -16
- package/lib/effects/ssao/ssao.d.ts +0 -42
- package/lib/effects/tilt-shift/tilt-shift.d.ts +0 -23
- package/lib/effects/tone-mapping/tone-mapping.d.ts +0 -22
- package/lib/effects/vignette/vignette.d.ts +0 -17
package/lib/effect.d.ts
CHANGED
|
@@ -1,27 +1,56 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import { BlendFunction, Effect } from 'postprocessing';
|
|
1
|
+
import { BlendFunction } from 'postprocessing';
|
|
3
2
|
import * as i0 from "@angular/core";
|
|
4
|
-
export
|
|
3
|
+
export declare const injectDefaultEffectOptions: {
|
|
4
|
+
(): {
|
|
5
|
+
blendFunction?: BlendFunction;
|
|
6
|
+
opacity?: number;
|
|
7
|
+
};
|
|
8
|
+
(injectOptions: import("@angular/core").InjectOptions & {
|
|
9
|
+
optional?: false;
|
|
10
|
+
} & {
|
|
11
|
+
injector?: import("@angular/core").Injector;
|
|
12
|
+
}): {
|
|
13
|
+
blendFunction?: BlendFunction;
|
|
14
|
+
opacity?: number;
|
|
15
|
+
};
|
|
16
|
+
(injectOptions: import("@angular/core").InjectOptions & {
|
|
17
|
+
injector?: import("@angular/core").Injector;
|
|
18
|
+
}): {
|
|
19
|
+
blendFunction?: BlendFunction;
|
|
20
|
+
opacity?: number;
|
|
21
|
+
} | null;
|
|
22
|
+
}, provideDefaultEffectOptions: ((value: {
|
|
5
23
|
blendFunction?: BlendFunction;
|
|
6
24
|
opacity?: number;
|
|
7
|
-
}
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
private nativeInputs;
|
|
22
|
-
args: import("@angular/core").Signal<NgtAnyRecord[]>;
|
|
23
|
-
constructor();
|
|
24
|
-
private setBlendMode;
|
|
25
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<NgtpEffect<any>, never>;
|
|
26
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<NgtpEffect<any>, never, never, { "effectRef": { "alias": "effectRef"; "required": false; }; "_blendFunction": { "alias": "blendFunction"; "required": false; }; "_opacity": { "alias": "opacity"; "required": false; }; }, {}, never, never, false, never>;
|
|
25
|
+
} | (() => {
|
|
26
|
+
blendFunction?: BlendFunction;
|
|
27
|
+
opacity?: number;
|
|
28
|
+
})) => import("@angular/core").Provider) & ((value: {
|
|
29
|
+
blendFunction?: BlendFunction;
|
|
30
|
+
opacity?: number;
|
|
31
|
+
} | (() => {
|
|
32
|
+
blendFunction?: BlendFunction;
|
|
33
|
+
opacity?: number;
|
|
34
|
+
})) => import("@angular/core").Provider);
|
|
35
|
+
export declare class NgtpEffectBlendMode {
|
|
36
|
+
effect: NgtpEffect | null;
|
|
37
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<NgtpEffectBlendMode, never>;
|
|
38
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<NgtpEffectBlendMode, "ngtp-effect-blend-mode", never, {}, {}, never, never, true, never>;
|
|
27
39
|
}
|
|
40
|
+
export declare class NgtpEffect {
|
|
41
|
+
defaultEffectOptions: {
|
|
42
|
+
blendFunction?: BlendFunction;
|
|
43
|
+
opacity?: number;
|
|
44
|
+
} | null;
|
|
45
|
+
blendFunction: import("@angular/core").InputSignal<BlendFunction | undefined>;
|
|
46
|
+
opacity: import("@angular/core").InputSignal<number | undefined>;
|
|
47
|
+
private store;
|
|
48
|
+
camera: import("@angular/core").Signal<import("angular-three").NgtCameraManual>;
|
|
49
|
+
invalidate: import("@angular/core").Signal<(frames?: number) => void>;
|
|
50
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<NgtpEffect, never>;
|
|
51
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<NgtpEffect, never, never, { "blendFunction": { "alias": "blendFunction"; "required": false; "isSignal": true; }; "opacity": { "alias": "opacity"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
52
|
+
}
|
|
53
|
+
export declare const NgtpEffectHostDirective: {
|
|
54
|
+
directive: typeof NgtpEffect;
|
|
55
|
+
inputs: string[];
|
|
56
|
+
};
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { Effect } from 'postprocessing';
|
|
2
|
+
import { Texture } from 'three';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
interface ASCIIEffectOptions {
|
|
5
|
+
font?: string;
|
|
6
|
+
characters?: string;
|
|
7
|
+
fontSize?: number;
|
|
8
|
+
cellSize?: number;
|
|
9
|
+
color?: string;
|
|
10
|
+
invert?: boolean;
|
|
11
|
+
}
|
|
12
|
+
export declare class ASCIIEffect extends Effect {
|
|
13
|
+
constructor({ font, characters, fontSize, cellSize, color, invert, }?: ASCIIEffectOptions);
|
|
14
|
+
/** Draws the characters on a Canvas and returns a texture */
|
|
15
|
+
createCharactersTexture(characters: string, font: string, fontSize: number): Texture;
|
|
16
|
+
}
|
|
17
|
+
export declare class NgtpASCII {
|
|
18
|
+
options: import("@angular/core").InputSignalWithTransform<ASCIIEffectOptions, "" | Partial<ASCIIEffectOptions>>;
|
|
19
|
+
effect: import("@angular/core").Signal<ASCIIEffect>;
|
|
20
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<NgtpASCII, never>;
|
|
21
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<NgtpASCII, "ngtp-ascii", never, { "options": { "alias": "options"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
22
|
+
}
|
|
23
|
+
export {};
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { BloomEffectOptions } from 'postprocessing';
|
|
2
|
+
import { NgtpEffect } from '../effect';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
import * as i1 from "../effect";
|
|
5
|
+
export declare class NgtpBloom {
|
|
6
|
+
effect: NgtpEffect;
|
|
7
|
+
options: import("@angular/core").InputSignal<Omit<BloomEffectOptions, "blendFunction">>;
|
|
8
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<NgtpBloom, never>;
|
|
9
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<NgtpBloom, "ngtp-bloom", never, { "options": { "alias": "options"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, [{ directive: typeof i1.NgtpEffect; inputs: { "blendFunction": "blendFunction"; "opacity": "opacity"; }; outputs: {}; }]>;
|
|
10
|
+
}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { BrightnessContrastEffect } from 'postprocessing';
|
|
2
|
+
import { NgtpEffect } from '../effect';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
import * as i1 from "../effect";
|
|
5
|
+
export type BrightnessEffectOptions = NonNullable<ConstructorParameters<typeof BrightnessContrastEffect>[0]>;
|
|
6
|
+
export declare class NgtpBrightnessContrast {
|
|
7
|
+
effect: NgtpEffect;
|
|
8
|
+
options: import("@angular/core").InputSignal<Omit<{
|
|
9
|
+
blendFunction?: import("postprocessing").BlendFunction;
|
|
10
|
+
brightness?: number;
|
|
11
|
+
contrast?: number;
|
|
12
|
+
}, "blendFunction">>;
|
|
13
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<NgtpBrightnessContrast, never>;
|
|
14
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<NgtpBrightnessContrast, "ngtp-brightness-contrast", never, { "options": { "alias": "options"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, [{ directive: typeof i1.NgtpEffect; inputs: { "blendFunction": "blendFunction"; "opacity": "opacity"; }; outputs: {}; }]>;
|
|
15
|
+
}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { ChromaticAberrationEffect } from 'postprocessing';
|
|
2
|
+
import { NgtpEffect } from '../effect';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
import * as i1 from "../effect";
|
|
5
|
+
export type ChromaticAberrationEffectOptions = Partial<NonNullable<ConstructorParameters<typeof ChromaticAberrationEffect>[0]>>;
|
|
6
|
+
export declare class NgtpChromaticAberration {
|
|
7
|
+
effect: NgtpEffect;
|
|
8
|
+
options: import("@angular/core").InputSignal<Omit<Partial<{
|
|
9
|
+
blendFunction?: import("postprocessing").BlendFunction;
|
|
10
|
+
offset?: import("three").Vector2;
|
|
11
|
+
radialModulation: boolean;
|
|
12
|
+
modulationOffset: number;
|
|
13
|
+
}>, "blendFunction">>;
|
|
14
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<NgtpChromaticAberration, never>;
|
|
15
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<NgtpChromaticAberration, "ngtp-chromatic-aberration", never, { "options": { "alias": "options"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, [{ directive: typeof i1.NgtpEffect; inputs: { "blendFunction": "blendFunction"; "opacity": "opacity"; }; outputs: {}; }]>;
|
|
16
|
+
}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { BlendFunction } from 'postprocessing';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export declare class NgtpColorAverage {
|
|
4
|
+
options: import("@angular/core").InputSignalWithTransform<{
|
|
5
|
+
blendFunction: BlendFunction;
|
|
6
|
+
}, "" | Partial<{
|
|
7
|
+
blendFunction: BlendFunction;
|
|
8
|
+
}>>;
|
|
9
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<NgtpColorAverage, never>;
|
|
10
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<NgtpColorAverage, "ngtp-color-average", never, { "options": { "alias": "options"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
|
|
11
|
+
}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { ColorDepthEffect } from 'postprocessing';
|
|
2
|
+
import { NgtpEffect } from '../effect';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
import * as i1 from "../effect";
|
|
5
|
+
export type ColorDepthEffectOptions = Partial<NonNullable<ConstructorParameters<typeof ColorDepthEffect>[0]>>;
|
|
6
|
+
export declare class NgtpColorDepth {
|
|
7
|
+
effect: NgtpEffect;
|
|
8
|
+
options: import("@angular/core").InputSignal<Omit<Partial<{
|
|
9
|
+
blendFunction?: import("postprocessing").BlendFunction;
|
|
10
|
+
bits?: number;
|
|
11
|
+
}>, "blendFunction">>;
|
|
12
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<NgtpColorDepth, never>;
|
|
13
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<NgtpColorDepth, "ngtp-color-depth", never, { "options": { "alias": "options"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, [{ directive: typeof i1.NgtpEffect; inputs: { "blendFunction": "blendFunction"; "opacity": "opacity"; }; outputs: {}; }]>;
|
|
14
|
+
}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { NgtVector3 } from 'angular-three';
|
|
2
|
+
import { DepthOfFieldEffect } from 'postprocessing';
|
|
3
|
+
import { Texture } from 'three';
|
|
4
|
+
import * as i0 from "@angular/core";
|
|
5
|
+
type DOFOptions = NonNullable<ConstructorParameters<typeof DepthOfFieldEffect>[1]> & Partial<{
|
|
6
|
+
target: NgtVector3;
|
|
7
|
+
depthTexture: {
|
|
8
|
+
texture: Texture;
|
|
9
|
+
packing: number;
|
|
10
|
+
};
|
|
11
|
+
}>;
|
|
12
|
+
export declare class NgtpDepthOfField {
|
|
13
|
+
private autoEffect;
|
|
14
|
+
private effectComposer;
|
|
15
|
+
options: import("@angular/core").InputSignal<DOFOptions>;
|
|
16
|
+
private autoFocus;
|
|
17
|
+
effect: import("@angular/core").Signal<DepthOfFieldEffect>;
|
|
18
|
+
constructor();
|
|
19
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<NgtpDepthOfField, never>;
|
|
20
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<NgtpDepthOfField, "ngtp-depth-of-field", never, { "options": { "alias": "options"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
21
|
+
}
|
|
22
|
+
export {};
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { DepthEffect } from 'postprocessing';
|
|
2
|
+
import { NgtpEffect } from '../effect';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
import * as i1 from "../effect";
|
|
5
|
+
export type DepthEffectOptions = Partial<NonNullable<ConstructorParameters<typeof DepthEffect>[0]>>;
|
|
6
|
+
export declare class NgtpDepth {
|
|
7
|
+
effect: NgtpEffect;
|
|
8
|
+
options: import("@angular/core").InputSignal<Omit<Partial<{
|
|
9
|
+
blendFunction?: import("postprocessing").BlendFunction;
|
|
10
|
+
inverted?: boolean;
|
|
11
|
+
}>, "blendFunction">>;
|
|
12
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<NgtpDepth, never>;
|
|
13
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<NgtpDepth, "ngtp-depth", never, { "options": { "alias": "options"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, [{ directive: typeof i1.NgtpEffect; inputs: { "blendFunction": "blendFunction"; "opacity": "opacity"; }; outputs: {}; }]>;
|
|
14
|
+
}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { DotScreenEffect } from 'postprocessing';
|
|
2
|
+
import { NgtpEffect } from '../effect';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
import * as i1 from "../effect";
|
|
5
|
+
export type DotScreenEffectOptions = Partial<NonNullable<ConstructorParameters<typeof DotScreenEffect>[0]>>;
|
|
6
|
+
export declare class NgtpDotScreen {
|
|
7
|
+
effect: NgtpEffect;
|
|
8
|
+
options: import("@angular/core").InputSignal<Omit<Partial<{
|
|
9
|
+
blendFunction?: import("postprocessing").BlendFunction;
|
|
10
|
+
angle?: number;
|
|
11
|
+
scale?: number;
|
|
12
|
+
}>, "blendFunction">>;
|
|
13
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<NgtpDotScreen, never>;
|
|
14
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<NgtpDotScreen, "ngtp-dot-screen", never, { "options": { "alias": "options"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, [{ directive: typeof i1.NgtpEffect; inputs: { "blendFunction": "blendFunction"; "opacity": "opacity"; }; outputs: {}; }]>;
|
|
15
|
+
}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { FXAAEffect } from 'postprocessing';
|
|
2
|
+
import { NgtpEffect } from '../effect';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
import * as i1 from "../effect";
|
|
5
|
+
export type FXAAEffectOptions = Partial<NonNullable<ConstructorParameters<typeof FXAAEffect>[0]>>;
|
|
6
|
+
export declare class NgtpFXAA {
|
|
7
|
+
effect: NgtpEffect;
|
|
8
|
+
options: import("@angular/core").InputSignal<Omit<Partial<{
|
|
9
|
+
blendFunction?: import("postprocessing").BlendFunction;
|
|
10
|
+
}>, "blendFunction">>;
|
|
11
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<NgtpFXAA, never>;
|
|
12
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<NgtpFXAA, "ngtp-fxaa", never, { "options": { "alias": "options"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, [{ directive: typeof i1.NgtpEffect; inputs: { "blendFunction": "blendFunction"; "opacity": "opacity"; }; outputs: {}; }]>;
|
|
13
|
+
}
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import { NgtVector2 } from 'angular-three';
|
|
2
|
+
import { GlitchEffect, GlitchMode } from 'postprocessing';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
export type GlitchOptions = NonNullable<ConstructorParameters<typeof GlitchEffect>[0]> & Partial<{
|
|
5
|
+
mode: GlitchMode;
|
|
6
|
+
active: boolean;
|
|
7
|
+
delay: NgtVector2;
|
|
8
|
+
duration: NgtVector2;
|
|
9
|
+
chromaticAberrationOffset: NgtVector2;
|
|
10
|
+
strength: NgtVector2;
|
|
11
|
+
}>;
|
|
12
|
+
export declare class NgtpGlitch {
|
|
13
|
+
private autoEffect;
|
|
14
|
+
private store;
|
|
15
|
+
private invalidate;
|
|
16
|
+
options: import("@angular/core").InputSignalWithTransform<GlitchOptions, "" | Partial<{
|
|
17
|
+
active: boolean;
|
|
18
|
+
}>>;
|
|
19
|
+
private active;
|
|
20
|
+
private mode;
|
|
21
|
+
private delay;
|
|
22
|
+
private duration;
|
|
23
|
+
private chromaticAberrationOffset;
|
|
24
|
+
private strength;
|
|
25
|
+
effect: import("@angular/core").Signal<GlitchEffect>;
|
|
26
|
+
constructor();
|
|
27
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<NgtpGlitch, never>;
|
|
28
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<NgtpGlitch, "ngtp-glitch", never, { "options": { "alias": "options"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
29
|
+
}
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import { ElementRef } from '@angular/core';
|
|
2
|
+
import { GodRaysEffect } from 'postprocessing';
|
|
3
|
+
import { Mesh, Points } from 'three';
|
|
4
|
+
import * as i0 from "@angular/core";
|
|
5
|
+
export declare class NgtpGodRays {
|
|
6
|
+
private autoEffect;
|
|
7
|
+
private effectComposer;
|
|
8
|
+
options: import("@angular/core").InputSignal<{
|
|
9
|
+
blendFunction?: import("postprocessing").BlendFunction;
|
|
10
|
+
samples?: number;
|
|
11
|
+
density?: number;
|
|
12
|
+
decay?: number;
|
|
13
|
+
weight?: number;
|
|
14
|
+
exposure?: number;
|
|
15
|
+
clampMax?: number;
|
|
16
|
+
resolutionScale?: number;
|
|
17
|
+
resolutionX?: number;
|
|
18
|
+
resolutionY?: number;
|
|
19
|
+
width?: number;
|
|
20
|
+
height?: number;
|
|
21
|
+
kernelSize?: import("postprocessing").KernelSize;
|
|
22
|
+
blur?: boolean;
|
|
23
|
+
} & {
|
|
24
|
+
sun: Mesh | Points | ElementRef<Mesh | Points>;
|
|
25
|
+
}>;
|
|
26
|
+
effect: import("@angular/core").Signal<GodRaysEffect>;
|
|
27
|
+
constructor();
|
|
28
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<NgtpGodRays, never>;
|
|
29
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<NgtpGodRays, "ngtp-god-rays", never, { "options": { "alias": "options"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
30
|
+
}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { GridEffect } from 'postprocessing';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
type GridOptions = NonNullable<ConstructorParameters<typeof GridEffect>[0]> & Partial<{
|
|
4
|
+
size: {
|
|
5
|
+
width: number;
|
|
6
|
+
height: number;
|
|
7
|
+
};
|
|
8
|
+
}>;
|
|
9
|
+
export declare class NgtpGrid {
|
|
10
|
+
private autoEffect;
|
|
11
|
+
private store;
|
|
12
|
+
private invalidate;
|
|
13
|
+
options: import("@angular/core").InputSignal<GridOptions>;
|
|
14
|
+
private size;
|
|
15
|
+
effect: import("@angular/core").Signal<GridEffect>;
|
|
16
|
+
constructor();
|
|
17
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<NgtpGrid, never>;
|
|
18
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<NgtpGrid, "ngtp-grid", never, { "options": { "alias": "options"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
19
|
+
}
|
|
20
|
+
export {};
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { HueSaturationEffect } from 'postprocessing';
|
|
2
|
+
import { NgtpEffect } from '../effect';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
import * as i1 from "../effect";
|
|
5
|
+
export type HueSaturationEffectOptions = Partial<NonNullable<ConstructorParameters<typeof HueSaturationEffect>[0]>>;
|
|
6
|
+
export declare class NgtpHueSaturation {
|
|
7
|
+
effect: NgtpEffect;
|
|
8
|
+
options: import("@angular/core").InputSignal<Omit<Partial<{
|
|
9
|
+
blendFunction?: import("postprocessing").BlendFunction;
|
|
10
|
+
hue?: number;
|
|
11
|
+
saturation?: number;
|
|
12
|
+
}>, "blendFunction">>;
|
|
13
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<NgtpHueSaturation, never>;
|
|
14
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<NgtpHueSaturation, "ngtp-hue-saturation", never, { "options": { "alias": "options"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, [{ directive: typeof i1.NgtpEffect; inputs: { "blendFunction": "blendFunction"; "opacity": "opacity"; }; outputs: {}; }]>;
|
|
15
|
+
}
|
package/lib/effects/index.d.ts
CHANGED
|
@@ -1,17 +1,26 @@
|
|
|
1
|
-
export * from './
|
|
2
|
-
export * from './
|
|
3
|
-
export * from './
|
|
4
|
-
export * from './
|
|
5
|
-
export * from './
|
|
6
|
-
export * from './
|
|
7
|
-
export * from './
|
|
8
|
-
export * from './
|
|
9
|
-
export * from './
|
|
10
|
-
export * from './
|
|
11
|
-
export * from './
|
|
12
|
-
export * from './
|
|
13
|
-
export * from './
|
|
14
|
-
export * from './
|
|
15
|
-
export * from './
|
|
16
|
-
export * from './
|
|
17
|
-
export * from './
|
|
1
|
+
export * from './ascii';
|
|
2
|
+
export * from './bloom';
|
|
3
|
+
export * from './brightness-contrast';
|
|
4
|
+
export * from './chromatic-abberation';
|
|
5
|
+
export * from './color-average';
|
|
6
|
+
export * from './color-depth';
|
|
7
|
+
export * from './depth';
|
|
8
|
+
export * from './depth-of-field';
|
|
9
|
+
export * from './dot-screen';
|
|
10
|
+
export * from './fxaa';
|
|
11
|
+
export * from './glitch';
|
|
12
|
+
export * from './god-rays';
|
|
13
|
+
export * from './grid';
|
|
14
|
+
export * from './hue-saturation';
|
|
15
|
+
export * from './lens-flare';
|
|
16
|
+
export * from './lut';
|
|
17
|
+
export * from './noise';
|
|
18
|
+
export * from './pixelation';
|
|
19
|
+
export * from './scanline';
|
|
20
|
+
export * from './sepia';
|
|
21
|
+
export * from './shock-wave';
|
|
22
|
+
export * from './smaa';
|
|
23
|
+
export * from './tilt-shift';
|
|
24
|
+
export * from './tilt-shift-2';
|
|
25
|
+
export * from './vignette';
|
|
26
|
+
export * from './water';
|
|
@@ -0,0 +1,96 @@
|
|
|
1
|
+
import { BlendFunction, Effect } from 'postprocessing';
|
|
2
|
+
import { Color, Texture, Vector3 } from 'three';
|
|
3
|
+
import { NgtpEffectComposer } from '../effect-composer';
|
|
4
|
+
import * as i0 from "@angular/core";
|
|
5
|
+
export declare class LensFlareEffect extends Effect {
|
|
6
|
+
constructor({ blendFunction, enabled, glareSize, lensPosition, iResolution, starPoints, flareSize, flareSpeed, flareShape, animated, anamorphic, colorGain, lensDirtTexture, haloScale, secondaryGhosts, aditionalStreaks, ghostScale, opacity, starBurst, }?: {
|
|
7
|
+
blendFunction?: BlendFunction | undefined;
|
|
8
|
+
enabled?: boolean | undefined;
|
|
9
|
+
glareSize?: number | undefined;
|
|
10
|
+
lensPosition?: number[] | undefined;
|
|
11
|
+
iResolution?: number[] | undefined;
|
|
12
|
+
starPoints?: number | undefined;
|
|
13
|
+
flareSize?: number | undefined;
|
|
14
|
+
flareSpeed?: number | undefined;
|
|
15
|
+
flareShape?: number | undefined;
|
|
16
|
+
animated?: boolean | undefined;
|
|
17
|
+
anamorphic?: boolean | undefined;
|
|
18
|
+
colorGain?: Color | undefined;
|
|
19
|
+
lensDirtTexture?: Texture | null | undefined;
|
|
20
|
+
haloScale?: number | undefined;
|
|
21
|
+
secondaryGhosts?: boolean | undefined;
|
|
22
|
+
aditionalStreaks?: boolean | undefined;
|
|
23
|
+
ghostScale?: number | undefined;
|
|
24
|
+
opacity?: number | undefined;
|
|
25
|
+
starBurst?: boolean | undefined;
|
|
26
|
+
});
|
|
27
|
+
update(_renderer: any, _inputBuffer: any, deltaTime: number): void;
|
|
28
|
+
}
|
|
29
|
+
export type LensFlareOptions = ConstructorParameters<typeof LensFlareEffect>[0] & {
|
|
30
|
+
position: Vector3;
|
|
31
|
+
followMouse: boolean;
|
|
32
|
+
smoothTime: number;
|
|
33
|
+
};
|
|
34
|
+
export declare class NgtpLensFlare {
|
|
35
|
+
private autoEffect;
|
|
36
|
+
private store;
|
|
37
|
+
private viewport;
|
|
38
|
+
private raycaster;
|
|
39
|
+
private pointer;
|
|
40
|
+
effectComposer: NgtpEffectComposer;
|
|
41
|
+
options: import("@angular/core").InputSignalWithTransform<{
|
|
42
|
+
blendFunction?: BlendFunction | undefined;
|
|
43
|
+
enabled?: boolean | undefined;
|
|
44
|
+
glareSize?: number | undefined;
|
|
45
|
+
lensPosition?: number[] | undefined;
|
|
46
|
+
iResolution?: number[] | undefined;
|
|
47
|
+
starPoints?: number | undefined;
|
|
48
|
+
flareSize?: number | undefined;
|
|
49
|
+
flareSpeed?: number | undefined;
|
|
50
|
+
flareShape?: number | undefined;
|
|
51
|
+
animated?: boolean | undefined;
|
|
52
|
+
anamorphic?: boolean | undefined;
|
|
53
|
+
colorGain?: Color | undefined;
|
|
54
|
+
lensDirtTexture?: Texture | null | undefined;
|
|
55
|
+
haloScale?: number | undefined;
|
|
56
|
+
secondaryGhosts?: boolean | undefined;
|
|
57
|
+
aditionalStreaks?: boolean | undefined;
|
|
58
|
+
ghostScale?: number | undefined;
|
|
59
|
+
opacity?: number | undefined;
|
|
60
|
+
starBurst?: boolean | undefined;
|
|
61
|
+
} & {
|
|
62
|
+
position: Vector3;
|
|
63
|
+
followMouse: boolean;
|
|
64
|
+
smoothTime: number;
|
|
65
|
+
}, "" | Partial<{
|
|
66
|
+
blendFunction?: BlendFunction | undefined;
|
|
67
|
+
enabled?: boolean | undefined;
|
|
68
|
+
glareSize?: number | undefined;
|
|
69
|
+
lensPosition?: number[] | undefined;
|
|
70
|
+
iResolution?: number[] | undefined;
|
|
71
|
+
starPoints?: number | undefined;
|
|
72
|
+
flareSize?: number | undefined;
|
|
73
|
+
flareSpeed?: number | undefined;
|
|
74
|
+
flareShape?: number | undefined;
|
|
75
|
+
animated?: boolean | undefined;
|
|
76
|
+
anamorphic?: boolean | undefined;
|
|
77
|
+
colorGain?: Color | undefined;
|
|
78
|
+
lensDirtTexture?: Texture | null | undefined;
|
|
79
|
+
haloScale?: number | undefined;
|
|
80
|
+
secondaryGhosts?: boolean | undefined;
|
|
81
|
+
aditionalStreaks?: boolean | undefined;
|
|
82
|
+
ghostScale?: number | undefined;
|
|
83
|
+
opacity?: number | undefined;
|
|
84
|
+
starBurst?: boolean | undefined;
|
|
85
|
+
} & {
|
|
86
|
+
position: Vector3;
|
|
87
|
+
followMouse: boolean;
|
|
88
|
+
smoothTime: number;
|
|
89
|
+
}>>;
|
|
90
|
+
private projectedPosition;
|
|
91
|
+
private mouse2d;
|
|
92
|
+
effect: import("@angular/core").Signal<LensFlareEffect>;
|
|
93
|
+
constructor();
|
|
94
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<NgtpLensFlare, never>;
|
|
95
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<NgtpLensFlare, "ngtp-lens-flare", never, { "options": { "alias": "options"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
96
|
+
}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { BlendFunction, LUT3DEffect } from 'postprocessing';
|
|
2
|
+
import { Texture } from 'three';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
export interface LUTOptions {
|
|
5
|
+
lut: Texture;
|
|
6
|
+
blendFunction?: BlendFunction;
|
|
7
|
+
tetrahedralInterpolation?: boolean;
|
|
8
|
+
}
|
|
9
|
+
export declare class NgtpLUT {
|
|
10
|
+
private autoEffect;
|
|
11
|
+
private store;
|
|
12
|
+
private invalidate;
|
|
13
|
+
options: import("@angular/core").InputSignal<LUTOptions>;
|
|
14
|
+
private lut;
|
|
15
|
+
effect: import("@angular/core").Signal<LUT3DEffect>;
|
|
16
|
+
constructor();
|
|
17
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<NgtpLUT, never>;
|
|
18
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<NgtpLUT, "ngtp-lut", never, { "options": { "alias": "options"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
19
|
+
}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { BlendFunction, NoiseEffect } from 'postprocessing';
|
|
2
|
+
import { NgtpEffect } from '../effect';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
import * as i1 from "../effect";
|
|
5
|
+
export type NoiseEffectOptions = Partial<NonNullable<ConstructorParameters<typeof NoiseEffect>[0]>>;
|
|
6
|
+
export declare class NgtpNoise {
|
|
7
|
+
effect: NgtpEffect;
|
|
8
|
+
options: import("@angular/core").InputSignal<Omit<Partial<{
|
|
9
|
+
blendFunction?: BlendFunction;
|
|
10
|
+
premultiply?: boolean;
|
|
11
|
+
}>, "blendFunction">>;
|
|
12
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<NgtpNoise, never>;
|
|
13
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<NgtpNoise, "ngtp-noise", never, { "options": { "alias": "options"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, [{ directive: typeof i1.NgtpEffect; inputs: { "blendFunction": "blendFunction"; "opacity": "opacity"; }; outputs: {}; }]>;
|
|
14
|
+
}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { PixelationEffect } from 'postprocessing';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export interface PixelationOptions {
|
|
4
|
+
granularity: number;
|
|
5
|
+
}
|
|
6
|
+
export declare class NgtpPixelation {
|
|
7
|
+
options: import("@angular/core").InputSignalWithTransform<{
|
|
8
|
+
granularity: number;
|
|
9
|
+
}, "" | Partial<{
|
|
10
|
+
granularity: number;
|
|
11
|
+
}>>;
|
|
12
|
+
private granularity;
|
|
13
|
+
effect: import("@angular/core").Signal<PixelationEffect>;
|
|
14
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<NgtpPixelation, never>;
|
|
15
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<NgtpPixelation, "ngtp-pixelation", never, { "options": { "alias": "options"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
16
|
+
}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { BlendFunction, ScanlineEffect } from 'postprocessing';
|
|
2
|
+
import { NgtpEffect } from '../effect';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
import * as i1 from "../effect";
|
|
5
|
+
export type ScanlineEffectOptions = Partial<NonNullable<ConstructorParameters<typeof ScanlineEffect>[0]>>;
|
|
6
|
+
export declare class NgtpScanline {
|
|
7
|
+
effect: NgtpEffect;
|
|
8
|
+
options: import("@angular/core").InputSignalWithTransform<Omit<Partial<{
|
|
9
|
+
blendFunction?: BlendFunction;
|
|
10
|
+
density?: number;
|
|
11
|
+
}>, "blendFunction">, "" | Partial<Omit<Partial<{
|
|
12
|
+
blendFunction?: BlendFunction;
|
|
13
|
+
density?: number;
|
|
14
|
+
}>, "blendFunction">>>;
|
|
15
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<NgtpScanline, never>;
|
|
16
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<NgtpScanline, "ngtp-scanline", never, { "options": { "alias": "options"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, [{ directive: typeof i1.NgtpEffect; inputs: { "blendFunction": "blendFunction"; "opacity": "opacity"; }; outputs: {}; }]>;
|
|
17
|
+
}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { SepiaEffect } from 'postprocessing';
|
|
2
|
+
import { NgtpEffect } from '../effect';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
import * as i1 from "../effect";
|
|
5
|
+
export type SepiaEffectOptions = Partial<NonNullable<ConstructorParameters<typeof SepiaEffect>[0]>>;
|
|
6
|
+
export declare class NgtpSepia {
|
|
7
|
+
effect: NgtpEffect;
|
|
8
|
+
options: import("@angular/core").InputSignal<Omit<Partial<{
|
|
9
|
+
blendFunction?: import("postprocessing").BlendFunction;
|
|
10
|
+
intensity?: number;
|
|
11
|
+
}>, "blendFunction">>;
|
|
12
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<NgtpSepia, never>;
|
|
13
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<NgtpSepia, "ngtp-sepia", never, { "options": { "alias": "options"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, [{ directive: typeof i1.NgtpEffect; inputs: { "blendFunction": "blendFunction"; "opacity": "opacity"; }; outputs: {}; }]>;
|
|
14
|
+
}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { ShockWaveEffect } from 'postprocessing';
|
|
2
|
+
import { NgtpEffect } from '../effect';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
import * as i1 from "../effect";
|
|
5
|
+
export type ShockWaveEffectOptions = Partial<NonNullable<ConstructorParameters<typeof ShockWaveEffect>[0]>>;
|
|
6
|
+
export declare class NgtpShockWave {
|
|
7
|
+
effect: NgtpEffect;
|
|
8
|
+
options: import("@angular/core").InputSignal<Omit<Partial<import("three").Camera>, "blendFunction">>;
|
|
9
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<NgtpShockWave, never>;
|
|
10
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<NgtpShockWave, "ngtp-shock-wave", never, { "options": { "alias": "options"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, [{ directive: typeof i1.NgtpEffect; inputs: { "blendFunction": "blendFunction"; "opacity": "opacity"; }; outputs: {}; }]>;
|
|
11
|
+
}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { SMAAEffect } from 'postprocessing';
|
|
2
|
+
import { NgtpEffect } from '../effect';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
import * as i1 from "../effect";
|
|
5
|
+
export type SMAAEffectOptions = Partial<NonNullable<ConstructorParameters<typeof SMAAEffect>[0]>>;
|
|
6
|
+
export declare class NgtpSMAA {
|
|
7
|
+
effect: NgtpEffect;
|
|
8
|
+
options: import("@angular/core").InputSignal<Omit<Partial<{
|
|
9
|
+
preset?: import("postprocessing").SMAAPreset;
|
|
10
|
+
edgeDetectionMode?: import("postprocessing").EdgeDetectionMode;
|
|
11
|
+
predicationMode?: import("postprocessing").PredicationMode;
|
|
12
|
+
}>, "blendFunction">>;
|
|
13
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<NgtpSMAA, never>;
|
|
14
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<NgtpSMAA, "ngtp-smaa", never, { "options": { "alias": "options"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, [{ directive: typeof i1.NgtpEffect; inputs: { "blendFunction": "blendFunction"; "opacity": "opacity"; }; outputs: {}; }]>;
|
|
15
|
+
}
|