angular-three-postprocessing 2.0.0-beta.235 → 2.0.0-beta.236
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/esm2022/lib/effect-composer.mjs +14 -3
- package/esm2022/lib/effects/ascii.mjs +121 -0
- package/esm2022/lib/effects/brightness-contrast.mjs +48 -0
- package/esm2022/lib/effects/chromatic-abberation.mjs +48 -0
- package/esm2022/lib/effects/color-average.mjs +34 -0
- package/esm2022/lib/effects/color-depth.mjs +38 -0
- package/esm2022/lib/effects/depth-of-field.mjs +57 -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 +65 -0
- package/esm2022/lib/effects/god-rays.mjs +42 -0
- package/esm2022/lib/effects/grid.mjs +45 -0
- package/esm2022/lib/effects/hue-saturation.mjs +38 -0
- package/esm2022/lib/effects/index.mjs +26 -1
- package/esm2022/lib/effects/lens-flare.mjs +195 -0
- package/esm2022/lib/effects/lut.mjs +51 -0
- package/esm2022/lib/effects/noise.mjs +39 -0
- package/esm2022/lib/effects/pixelation.mjs +31 -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/esm2022/lib/utils.mjs +14 -0
- package/fesm2022/angular-three-postprocessing.mjs +1262 -7
- package/fesm2022/angular-three-postprocessing.mjs.map +1 -1
- package/lib/effect-composer.d.ts +48 -0
- package/lib/effects/ascii.d.ts +24 -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 +12 -0
- package/lib/effects/color-depth.d.ts +14 -0
- package/lib/effects/depth-of-field.d.ts +30 -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 +30 -0
- package/lib/effects/god-rays.d.ts +38 -0
- package/lib/effects/grid.d.ts +24 -0
- package/lib/effects/hue-saturation.d.ts +15 -0
- package/lib/effects/index.d.ts +25 -0
- package/lib/effects/lens-flare.d.ts +111 -0
- package/lib/effects/lut.d.ts +20 -0
- package/lib/effects/noise.d.ts +14 -0
- package/lib/effects/pixelation.d.ts +17 -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/lib/utils.d.ts +3 -0
- package/package.json +7 -1
|
@@ -0,0 +1,30 @@
|
|
|
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
|
+
autoEffect: (autoEffectCallback: (autoEffectInjector: import("@angular/core").Injector) => void | (() => void), options?: Omit<import("@angular/core").CreateEffectOptions, "injector"> | undefined) => import("@angular/core").EffectRef;
|
|
14
|
+
store: import("angular-three").NgtSignalStore<import("angular-three").NgtState>;
|
|
15
|
+
invalidate: import("@angular/core").Signal<(frames?: number | undefined) => void>;
|
|
16
|
+
effectRef: import("@angular/core").InputSignal<import("angular-three").NgtInjectedRef<GlitchEffect>>;
|
|
17
|
+
options: import("@angular/core").InputSignalWithTransform<GlitchOptions, "" | Partial<{
|
|
18
|
+
active: boolean;
|
|
19
|
+
}>>;
|
|
20
|
+
active: import("@angular/core").Signal<boolean | undefined>;
|
|
21
|
+
mode: import("@angular/core").Signal<GlitchMode | undefined>;
|
|
22
|
+
delay: import("@angular/core").Signal<import("three").Vector2>;
|
|
23
|
+
duration: import("@angular/core").Signal<import("three").Vector2>;
|
|
24
|
+
chromaticAberrationOffset: import("@angular/core").Signal<import("three").Vector2>;
|
|
25
|
+
strength: import("@angular/core").Signal<import("three").Vector2>;
|
|
26
|
+
effect: import("@angular/core").Signal<GlitchEffect>;
|
|
27
|
+
constructor();
|
|
28
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<NgtpGlitch, never>;
|
|
29
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<NgtpGlitch, "ngtp-glitch", never, { "effectRef": { "alias": "effectRef"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
30
|
+
}
|
|
@@ -0,0 +1,38 @@
|
|
|
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
|
+
autoEffect: (autoEffectCallback: (autoEffectInjector: import("@angular/core").Injector) => void | (() => void), options?: Omit<import("@angular/core").CreateEffectOptions, "injector"> | undefined) => import("@angular/core").EffectRef;
|
|
7
|
+
composerApi: import("@angular/core").Signal<{
|
|
8
|
+
composer: import("postprocessing").EffectComposer;
|
|
9
|
+
camera: import("three").Camera;
|
|
10
|
+
scene: import("three").Scene;
|
|
11
|
+
normalPass: import("postprocessing").NormalPass | null;
|
|
12
|
+
downSamplingPass: import("postprocessing").DepthDownsamplingPass | null;
|
|
13
|
+
resolutionScale: number | undefined;
|
|
14
|
+
}>;
|
|
15
|
+
effectRef: import("@angular/core").InputSignal<import("angular-three").NgtInjectedRef<GodRaysEffect>>;
|
|
16
|
+
options: import("@angular/core").InputSignal<{
|
|
17
|
+
blendFunction?: import("postprocessing").BlendFunction | undefined;
|
|
18
|
+
samples?: number | undefined;
|
|
19
|
+
density?: number | undefined;
|
|
20
|
+
decay?: number | undefined;
|
|
21
|
+
weight?: number | undefined;
|
|
22
|
+
exposure?: number | undefined;
|
|
23
|
+
clampMax?: number | undefined;
|
|
24
|
+
resolutionScale?: number | undefined;
|
|
25
|
+
resolutionX?: number | undefined;
|
|
26
|
+
resolutionY?: number | undefined;
|
|
27
|
+
width?: number | undefined;
|
|
28
|
+
height?: number | undefined;
|
|
29
|
+
kernelSize?: import("postprocessing").KernelSize | undefined;
|
|
30
|
+
blur?: boolean | undefined;
|
|
31
|
+
} & {
|
|
32
|
+
sun: Mesh<import("three").BufferGeometry<import("three").NormalBufferAttributes>, import("three").Material | import("three").Material[], import("three").Object3DEventMap> | Points<import("three").BufferGeometry<import("three").NormalBufferAttributes>, import("three").Material | import("three").Material[], import("three").Object3DEventMap> | ElementRef<Mesh<import("three").BufferGeometry<import("three").NormalBufferAttributes>, import("three").Material | import("three").Material[], import("three").Object3DEventMap> | Points<import("three").BufferGeometry<import("three").NormalBufferAttributes>, import("three").Material | import("three").Material[], import("three").Object3DEventMap>>;
|
|
33
|
+
}>;
|
|
34
|
+
effect: import("@angular/core").Signal<GodRaysEffect>;
|
|
35
|
+
constructor();
|
|
36
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<NgtpGodRays, never>;
|
|
37
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<NgtpGodRays, "ngtp-god-rays", never, { "effectRef": { "alias": "effectRef"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
38
|
+
}
|
|
@@ -0,0 +1,24 @@
|
|
|
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
|
+
autoEffect: (autoEffectCallback: (autoEffectInjector: import("@angular/core").Injector) => void | (() => void), options?: Omit<import("@angular/core").CreateEffectOptions, "injector"> | undefined) => import("@angular/core").EffectRef;
|
|
11
|
+
store: import("angular-three").NgtSignalStore<import("angular-three").NgtState>;
|
|
12
|
+
invalidate: import("@angular/core").Signal<(frames?: number | undefined) => void>;
|
|
13
|
+
effectRef: import("@angular/core").InputSignal<import("angular-three").NgtInjectedRef<GridEffect>>;
|
|
14
|
+
options: import("@angular/core").InputSignal<GridOptions>;
|
|
15
|
+
size: import("@angular/core").Signal<{
|
|
16
|
+
width: number;
|
|
17
|
+
height: number;
|
|
18
|
+
} | undefined>;
|
|
19
|
+
effect: import("@angular/core").Signal<GridEffect>;
|
|
20
|
+
constructor();
|
|
21
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<NgtpGrid, never>;
|
|
22
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<NgtpGrid, "ngtp-grid", never, { "effectRef": { "alias": "effectRef"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
23
|
+
}
|
|
24
|
+
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 | undefined;
|
|
10
|
+
hue?: number | undefined;
|
|
11
|
+
saturation?: number | undefined;
|
|
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"; "effectRef": "effectRef"; }; outputs: {}; }]>;
|
|
15
|
+
}
|
package/lib/effects/index.d.ts
CHANGED
|
@@ -1 +1,26 @@
|
|
|
1
|
+
export * from './ascii';
|
|
1
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,111 @@
|
|
|
1
|
+
import { BlendFunction, Effect } from 'postprocessing';
|
|
2
|
+
import { Color, Texture, Vector2, Vector3 } from 'three';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
export declare class LensFlareEffect extends Effect {
|
|
5
|
+
constructor({ blendFunction, enabled, glareSize, lensPosition, iResolution, starPoints, flareSize, flareSpeed, flareShape, animated, anamorphic, colorGain, lensDirtTexture, haloScale, secondaryGhosts, aditionalStreaks, ghostScale, opacity, starBurst, }?: {
|
|
6
|
+
blendFunction?: BlendFunction | undefined;
|
|
7
|
+
enabled?: boolean | undefined;
|
|
8
|
+
glareSize?: number | undefined;
|
|
9
|
+
lensPosition?: number[] | undefined;
|
|
10
|
+
iResolution?: number[] | undefined;
|
|
11
|
+
starPoints?: number | undefined;
|
|
12
|
+
flareSize?: number | undefined;
|
|
13
|
+
flareSpeed?: number | undefined;
|
|
14
|
+
flareShape?: number | undefined;
|
|
15
|
+
animated?: boolean | undefined;
|
|
16
|
+
anamorphic?: boolean | undefined;
|
|
17
|
+
colorGain?: Color | undefined;
|
|
18
|
+
lensDirtTexture?: Texture | null | undefined;
|
|
19
|
+
haloScale?: number | undefined;
|
|
20
|
+
secondaryGhosts?: boolean | undefined;
|
|
21
|
+
aditionalStreaks?: boolean | undefined;
|
|
22
|
+
ghostScale?: number | undefined;
|
|
23
|
+
opacity?: number | undefined;
|
|
24
|
+
starBurst?: boolean | undefined;
|
|
25
|
+
});
|
|
26
|
+
update(_renderer: any, _inputBuffer: any, deltaTime: number): void;
|
|
27
|
+
}
|
|
28
|
+
export type LensFlareOptions = ConstructorParameters<typeof LensFlareEffect>[0] & {
|
|
29
|
+
position: Vector3;
|
|
30
|
+
followMouse: boolean;
|
|
31
|
+
smoothTime: number;
|
|
32
|
+
};
|
|
33
|
+
export declare class NgtpLensFlare {
|
|
34
|
+
autoEffect: (autoEffectCallback: (autoEffectInjector: import("@angular/core").Injector) => void | (() => void), options?: Omit<import("@angular/core").CreateEffectOptions, "injector"> | undefined) => import("@angular/core").EffectRef;
|
|
35
|
+
store: import("angular-three").NgtSignalStore<import("angular-three").NgtState>;
|
|
36
|
+
viewport: import("@angular/core").Signal<import("angular-three").NgtSize & {
|
|
37
|
+
initialDpr: number;
|
|
38
|
+
dpr: number;
|
|
39
|
+
factor: number;
|
|
40
|
+
distance: number;
|
|
41
|
+
aspect: number;
|
|
42
|
+
} & {
|
|
43
|
+
getCurrentViewport: (camera?: import("angular-three").NgtCamera | undefined, target?: Vector3 | [x: number, y: number, z: number] | undefined, size?: import("angular-three").NgtSize | undefined) => Omit<import("angular-three").NgtViewport, "dpr" | "initialDpr">;
|
|
44
|
+
}>;
|
|
45
|
+
raycaster: import("@angular/core").Signal<import("three").Raycaster>;
|
|
46
|
+
pointer: import("@angular/core").Signal<Vector2>;
|
|
47
|
+
composerApi: import("@angular/core").Signal<{
|
|
48
|
+
composer: import("postprocessing").EffectComposer;
|
|
49
|
+
camera: import("three").Camera;
|
|
50
|
+
scene: import("three").Scene;
|
|
51
|
+
normalPass: import("postprocessing").NormalPass | null;
|
|
52
|
+
downSamplingPass: import("postprocessing").DepthDownsamplingPass | null;
|
|
53
|
+
resolutionScale: number | undefined;
|
|
54
|
+
}>;
|
|
55
|
+
effectRef: import("@angular/core").InputSignal<import("angular-three").NgtInjectedRef<LensFlareEffect>>;
|
|
56
|
+
options: import("@angular/core").InputSignalWithTransform<{
|
|
57
|
+
blendFunction?: BlendFunction | undefined;
|
|
58
|
+
enabled?: boolean | undefined;
|
|
59
|
+
glareSize?: number | undefined;
|
|
60
|
+
lensPosition?: number[] | undefined;
|
|
61
|
+
iResolution?: number[] | undefined;
|
|
62
|
+
starPoints?: number | undefined;
|
|
63
|
+
flareSize?: number | undefined;
|
|
64
|
+
flareSpeed?: number | undefined;
|
|
65
|
+
flareShape?: number | undefined;
|
|
66
|
+
animated?: boolean | undefined;
|
|
67
|
+
anamorphic?: boolean | undefined;
|
|
68
|
+
colorGain?: Color | undefined;
|
|
69
|
+
lensDirtTexture?: Texture | null | undefined;
|
|
70
|
+
haloScale?: number | undefined;
|
|
71
|
+
secondaryGhosts?: boolean | undefined;
|
|
72
|
+
aditionalStreaks?: boolean | undefined;
|
|
73
|
+
ghostScale?: number | undefined;
|
|
74
|
+
opacity?: number | undefined;
|
|
75
|
+
starBurst?: boolean | undefined;
|
|
76
|
+
} & {
|
|
77
|
+
position: Vector3;
|
|
78
|
+
followMouse: boolean;
|
|
79
|
+
smoothTime: number;
|
|
80
|
+
}, "" | Partial<{
|
|
81
|
+
blendFunction?: BlendFunction | undefined;
|
|
82
|
+
enabled?: boolean | undefined;
|
|
83
|
+
glareSize?: number | undefined;
|
|
84
|
+
lensPosition?: number[] | undefined;
|
|
85
|
+
iResolution?: number[] | undefined;
|
|
86
|
+
starPoints?: number | undefined;
|
|
87
|
+
flareSize?: number | undefined;
|
|
88
|
+
flareSpeed?: number | undefined;
|
|
89
|
+
flareShape?: number | undefined;
|
|
90
|
+
animated?: boolean | undefined;
|
|
91
|
+
anamorphic?: boolean | undefined;
|
|
92
|
+
colorGain?: Color | undefined;
|
|
93
|
+
lensDirtTexture?: Texture | null | undefined;
|
|
94
|
+
haloScale?: number | undefined;
|
|
95
|
+
secondaryGhosts?: boolean | undefined;
|
|
96
|
+
aditionalStreaks?: boolean | undefined;
|
|
97
|
+
ghostScale?: number | undefined;
|
|
98
|
+
opacity?: number | undefined;
|
|
99
|
+
starBurst?: boolean | undefined;
|
|
100
|
+
} & {
|
|
101
|
+
position: Vector3;
|
|
102
|
+
followMouse: boolean;
|
|
103
|
+
smoothTime: number;
|
|
104
|
+
}>>;
|
|
105
|
+
projectedPosition: Vector3;
|
|
106
|
+
mouse2d: Vector2;
|
|
107
|
+
effect: import("@angular/core").Signal<LensFlareEffect>;
|
|
108
|
+
constructor();
|
|
109
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<NgtpLensFlare, never>;
|
|
110
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<NgtpLensFlare, "ngtp-lens-flare", never, { "effectRef": { "alias": "effectRef"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
111
|
+
}
|
|
@@ -0,0 +1,20 @@
|
|
|
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
|
+
autoEffect: (autoEffectCallback: (autoEffectInjector: import("@angular/core").Injector) => void | (() => void), options?: Omit<import("@angular/core").CreateEffectOptions, "injector"> | undefined) => import("@angular/core").EffectRef;
|
|
11
|
+
store: import("angular-three").NgtSignalStore<import("angular-three").NgtState>;
|
|
12
|
+
invalidate: import("@angular/core").Signal<(frames?: number | undefined) => void>;
|
|
13
|
+
effectRef: import("@angular/core").InputSignal<import("angular-three").NgtInjectedRef<LUT3DEffect>>;
|
|
14
|
+
options: import("@angular/core").InputSignal<LUTOptions>;
|
|
15
|
+
lut: import("@angular/core").Signal<Texture>;
|
|
16
|
+
effect: import("@angular/core").Signal<LUT3DEffect>;
|
|
17
|
+
constructor();
|
|
18
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<NgtpLUT, never>;
|
|
19
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<NgtpLUT, "ngtp-lut", never, { "effectRef": { "alias": "effectRef"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
20
|
+
}
|
|
@@ -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 | undefined;
|
|
10
|
+
premultiply?: boolean | undefined;
|
|
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"; "effectRef": "effectRef"; }; outputs: {}; }]>;
|
|
14
|
+
}
|
|
@@ -0,0 +1,17 @@
|
|
|
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
|
+
effectRef: import("@angular/core").InputSignal<import("angular-three").NgtInjectedRef<PixelationEffect>>;
|
|
8
|
+
options: import("@angular/core").InputSignalWithTransform<{
|
|
9
|
+
granularity: number;
|
|
10
|
+
}, "" | Partial<{
|
|
11
|
+
granularity: number;
|
|
12
|
+
}>>;
|
|
13
|
+
granularity: import("@angular/core").Signal<number>;
|
|
14
|
+
effect: import("@angular/core").Signal<PixelationEffect>;
|
|
15
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<NgtpPixelation, never>;
|
|
16
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<NgtpPixelation, "ngtp-pixelation", never, { "effectRef": { "alias": "effectRef"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
17
|
+
}
|
|
@@ -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 | undefined;
|
|
10
|
+
density?: number | undefined;
|
|
11
|
+
}>, "blendFunction">, "" | Partial<Omit<Partial<{
|
|
12
|
+
blendFunction?: BlendFunction | undefined;
|
|
13
|
+
density?: number | undefined;
|
|
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"; "effectRef": "effectRef"; }; 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 | undefined;
|
|
10
|
+
intensity?: number | undefined;
|
|
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"; "effectRef": "effectRef"; }; 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"; "effectRef": "effectRef"; }; 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 | undefined;
|
|
10
|
+
edgeDetectionMode?: import("postprocessing").EdgeDetectionMode | undefined;
|
|
11
|
+
predicationMode?: import("postprocessing").PredicationMode | undefined;
|
|
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"; "effectRef": "effectRef"; }; outputs: {}; }]>;
|
|
15
|
+
}
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
import { BlendFunction, Effect } from 'postprocessing';
|
|
2
|
+
import { NgtpEffect } from '../effect';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
import * as i1 from "../effect";
|
|
5
|
+
export declare class TiltShift2Effect extends Effect {
|
|
6
|
+
constructor({ blendFunction, blur, // [0, 1], can go beyond 1 for extra
|
|
7
|
+
taper, // [0, 1], can go beyond 1 for extra
|
|
8
|
+
start, // [0,1] percentage x,y of screenspace
|
|
9
|
+
end, // [0,1] percentage x,y of screenspace
|
|
10
|
+
samples, // number of blur samples
|
|
11
|
+
direction, }?: {
|
|
12
|
+
blendFunction?: BlendFunction | undefined;
|
|
13
|
+
blur?: number | undefined;
|
|
14
|
+
taper?: number | undefined;
|
|
15
|
+
start?: number[] | undefined;
|
|
16
|
+
end?: number[] | undefined;
|
|
17
|
+
samples?: number | undefined;
|
|
18
|
+
direction?: number[] | undefined;
|
|
19
|
+
});
|
|
20
|
+
}
|
|
21
|
+
export type TiltShift2EffectOptions = Partial<NonNullable<ConstructorParameters<typeof TiltShift2Effect>[0]>>;
|
|
22
|
+
export declare class NgtpTiltShift2 {
|
|
23
|
+
effect: NgtpEffect;
|
|
24
|
+
options: import("@angular/core").InputSignal<Omit<Partial<{
|
|
25
|
+
blendFunction?: BlendFunction | undefined;
|
|
26
|
+
blur?: number | undefined;
|
|
27
|
+
taper?: number | undefined;
|
|
28
|
+
start?: number[] | undefined;
|
|
29
|
+
end?: number[] | undefined;
|
|
30
|
+
samples?: number | undefined;
|
|
31
|
+
direction?: number[] | undefined;
|
|
32
|
+
}>, "blendFunction">>;
|
|
33
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<NgtpTiltShift2, never>;
|
|
34
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<NgtpTiltShift2, "ngtp-tilt-shift2", never, { "options": { "alias": "options"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, [{ directive: typeof i1.NgtpEffect; inputs: { "blendFunction": "blendFunction"; "opacity": "opacity"; "effectRef": "effectRef"; }; outputs: {}; }]>;
|
|
35
|
+
}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { BlendFunction, TiltShiftEffect } from 'postprocessing';
|
|
2
|
+
import { NgtpEffect } from '../effect';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
import * as i1 from "../effect";
|
|
5
|
+
export type TiltShiftEffectOptions = Partial<NonNullable<ConstructorParameters<typeof TiltShiftEffect>[0]>>;
|
|
6
|
+
export declare class NgtpTiltShift {
|
|
7
|
+
effect: NgtpEffect;
|
|
8
|
+
options: import("@angular/core").InputSignal<Omit<Partial<{
|
|
9
|
+
blendFunction?: BlendFunction | undefined;
|
|
10
|
+
offset?: number | undefined;
|
|
11
|
+
rotation?: number | undefined;
|
|
12
|
+
focusArea?: number | undefined;
|
|
13
|
+
feather?: number | undefined;
|
|
14
|
+
bias?: number | undefined;
|
|
15
|
+
kernelSize?: import("postprocessing").KernelSize | undefined;
|
|
16
|
+
resolutionScale?: number | undefined;
|
|
17
|
+
resolutionX?: number | undefined;
|
|
18
|
+
resolutionY?: number | undefined;
|
|
19
|
+
}>, "blendFunction">>;
|
|
20
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<NgtpTiltShift, never>;
|
|
21
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<NgtpTiltShift, "ngtp-tilt-shift", never, { "options": { "alias": "options"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, [{ directive: typeof i1.NgtpEffect; inputs: { "blendFunction": "blendFunction"; "opacity": "opacity"; "effectRef": "effectRef"; }; outputs: {}; }]>;
|
|
22
|
+
}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { VignetteEffect } from 'postprocessing';
|
|
2
|
+
import { NgtpEffect } from '../effect';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
import * as i1 from "../effect";
|
|
5
|
+
export type VignetteEffectOptions = Partial<NonNullable<ConstructorParameters<typeof VignetteEffect>[0]>>;
|
|
6
|
+
export declare class NgtpVignette {
|
|
7
|
+
effect: NgtpEffect;
|
|
8
|
+
options: import("@angular/core").InputSignal<Omit<Partial<{
|
|
9
|
+
blendFunction?: import("postprocessing").BlendFunction | undefined;
|
|
10
|
+
technique?: import("postprocessing").VignetteTechnique | undefined;
|
|
11
|
+
eskil?: boolean | undefined;
|
|
12
|
+
offset?: number | undefined;
|
|
13
|
+
darkness?: number | undefined;
|
|
14
|
+
}>, "blendFunction">>;
|
|
15
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<NgtpVignette, never>;
|
|
16
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<NgtpVignette, "ngtp-vignette", never, { "options": { "alias": "options"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, [{ directive: typeof i1.NgtpEffect; inputs: { "blendFunction": "blendFunction"; "opacity": "opacity"; "effectRef": "effectRef"; }; outputs: {}; }]>;
|
|
17
|
+
}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { BlendFunction, Effect } from 'postprocessing';
|
|
2
|
+
import { NgtpEffect } from '../effect';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
import * as i1 from "../effect";
|
|
5
|
+
export declare class WaterEffect extends Effect {
|
|
6
|
+
constructor({ blendFunction, factor }?: {
|
|
7
|
+
blendFunction?: BlendFunction | undefined;
|
|
8
|
+
factor?: number | undefined;
|
|
9
|
+
});
|
|
10
|
+
}
|
|
11
|
+
export type WaterEffectOptions = Partial<NonNullable<ConstructorParameters<typeof WaterEffect>[0]>>;
|
|
12
|
+
export declare class NgtpWater {
|
|
13
|
+
effect: NgtpEffect;
|
|
14
|
+
options: import("@angular/core").InputSignal<Omit<Partial<{
|
|
15
|
+
blendFunction?: BlendFunction | undefined;
|
|
16
|
+
factor?: number | undefined;
|
|
17
|
+
}>, "blendFunction">>;
|
|
18
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<NgtpWater, never>;
|
|
19
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<NgtpWater, "ngtp-water", never, { "options": { "alias": "options"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, [{ directive: typeof i1.NgtpEffect; inputs: { "blendFunction": "blendFunction"; "opacity": "opacity"; "effectRef": "effectRef"; }; outputs: {}; }]>;
|
|
20
|
+
}
|
package/lib/utils.d.ts
ADDED
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "angular-three-postprocessing",
|
|
3
|
-
"version": "2.0.0-beta.
|
|
3
|
+
"version": "2.0.0-beta.236",
|
|
4
4
|
"publishConfig": {
|
|
5
5
|
"access": "public"
|
|
6
6
|
},
|
|
@@ -24,11 +24,17 @@
|
|
|
24
24
|
"peerDependencies": {
|
|
25
25
|
"@angular/common": "^18.0.0",
|
|
26
26
|
"@angular/core": "^18.0.0",
|
|
27
|
+
"maath": "^0.10.0",
|
|
27
28
|
"ngxtension": "^3.0.0",
|
|
28
29
|
"postprocessing": "^6.0.0",
|
|
29
30
|
"three": ">=0.148.0",
|
|
30
31
|
"three-stdlib": "^2.0.0"
|
|
31
32
|
},
|
|
33
|
+
"peerDependenciesMeta": {
|
|
34
|
+
"maath": {
|
|
35
|
+
"optional": true
|
|
36
|
+
}
|
|
37
|
+
},
|
|
32
38
|
"dependencies": {
|
|
33
39
|
"tslib": "^2.3.0"
|
|
34
40
|
},
|