angular-three-postprocessing 2.0.0-beta.255 → 2.0.0-beta.257
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 +3 -14
- package/esm2022/lib/effect.mjs +1 -1
- package/esm2022/lib/effects/depth-of-field.mjs +5 -5
- package/esm2022/lib/effects/glitch.mjs +1 -1
- package/esm2022/lib/effects/god-rays.mjs +5 -5
- package/esm2022/lib/effects/grid.mjs +1 -1
- package/esm2022/lib/effects/lens-flare.mjs +7 -6
- package/esm2022/lib/effects/lut.mjs +1 -1
- package/esm2022/lib/effects/pixelation.mjs +1 -1
- package/fesm2022/angular-three-postprocessing.mjs +11 -21
- package/fesm2022/angular-three-postprocessing.mjs.map +1 -1
- package/lib/effect-composer.d.ts +8 -56
- package/lib/effect.d.ts +1 -1
- package/lib/effects/depth-of-field.d.ts +3 -10
- package/lib/effects/glitch.d.ts +9 -9
- package/lib/effects/god-rays.d.ts +2 -9
- package/lib/effects/grid.d.ts +4 -7
- package/lib/effects/lens-flare.d.ts +10 -24
- package/lib/effects/lut.d.ts +4 -4
- package/lib/effects/pixelation.d.ts +1 -1
- package/package.json +1 -1
package/lib/effect-composer.d.ts
CHANGED
|
@@ -1,47 +1,7 @@
|
|
|
1
|
-
import { ElementRef
|
|
1
|
+
import { ElementRef } from '@angular/core';
|
|
2
2
|
import { DepthDownsamplingPass, EffectComposer, NormalPass } from 'postprocessing';
|
|
3
3
|
import { Camera, Group, Scene, TextureDataType } from 'three';
|
|
4
4
|
import * as i0 from "@angular/core";
|
|
5
|
-
export interface NgtpEffectComposerApi {
|
|
6
|
-
composer: EffectComposer;
|
|
7
|
-
camera: Camera;
|
|
8
|
-
scene: Scene;
|
|
9
|
-
normalPass: NormalPass | null;
|
|
10
|
-
downSamplingPass: DepthDownsamplingPass | null;
|
|
11
|
-
resolutionScale?: number;
|
|
12
|
-
}
|
|
13
|
-
export declare const injectEffectComposerApi: {
|
|
14
|
-
(): import("@angular/core").Signal<{
|
|
15
|
-
composer: EffectComposer;
|
|
16
|
-
camera: Camera;
|
|
17
|
-
scene: Scene;
|
|
18
|
-
normalPass: NormalPass | null;
|
|
19
|
-
downSamplingPass: DepthDownsamplingPass | null;
|
|
20
|
-
resolutionScale: number | undefined;
|
|
21
|
-
}>;
|
|
22
|
-
(injectOptions: import("@angular/core").InjectOptions & {
|
|
23
|
-
optional?: false | undefined;
|
|
24
|
-
} & {
|
|
25
|
-
injector?: Injector | undefined;
|
|
26
|
-
}): import("@angular/core").Signal<{
|
|
27
|
-
composer: EffectComposer;
|
|
28
|
-
camera: Camera;
|
|
29
|
-
scene: Scene;
|
|
30
|
-
normalPass: NormalPass | null;
|
|
31
|
-
downSamplingPass: DepthDownsamplingPass | null;
|
|
32
|
-
resolutionScale: number | undefined;
|
|
33
|
-
}>;
|
|
34
|
-
(injectOptions: import("@angular/core").InjectOptions & {
|
|
35
|
-
injector?: Injector | undefined;
|
|
36
|
-
}): import("@angular/core").Signal<{
|
|
37
|
-
composer: EffectComposer;
|
|
38
|
-
camera: Camera;
|
|
39
|
-
scene: Scene;
|
|
40
|
-
normalPass: NormalPass | null;
|
|
41
|
-
downSamplingPass: DepthDownsamplingPass | null;
|
|
42
|
-
resolutionScale: number | undefined;
|
|
43
|
-
}> | null;
|
|
44
|
-
}, provideEffectComposerApi: () => import("@angular/core").Provider;
|
|
45
5
|
interface NgtpEffectComposerOptions {
|
|
46
6
|
enabled: boolean;
|
|
47
7
|
depthBuffer?: boolean;
|
|
@@ -58,13 +18,13 @@ interface NgtpEffectComposerOptions {
|
|
|
58
18
|
}
|
|
59
19
|
export declare class NgtpEffectComposer {
|
|
60
20
|
options: import("@angular/core").InputSignalWithTransform<NgtpEffectComposerOptions, "" | Partial<NgtpEffectComposerOptions>>;
|
|
61
|
-
injector
|
|
62
|
-
autoEffect
|
|
63
|
-
store
|
|
64
|
-
size
|
|
65
|
-
gl
|
|
66
|
-
defaultScene
|
|
67
|
-
defaultCamera
|
|
21
|
+
private injector;
|
|
22
|
+
private autoEffect;
|
|
23
|
+
private store;
|
|
24
|
+
private size;
|
|
25
|
+
private gl;
|
|
26
|
+
private defaultScene;
|
|
27
|
+
private defaultCamera;
|
|
68
28
|
depthBuffer: import("@angular/core").Signal<boolean | undefined>;
|
|
69
29
|
stencilBuffer: import("@angular/core").Signal<boolean | undefined>;
|
|
70
30
|
multisampling: import("@angular/core").Signal<number>;
|
|
@@ -79,14 +39,6 @@ export declare class NgtpEffectComposer {
|
|
|
79
39
|
normalPass: NormalPass | null;
|
|
80
40
|
downSamplingPass: DepthDownsamplingPass | null;
|
|
81
41
|
}>;
|
|
82
|
-
api: import("@angular/core").Signal<{
|
|
83
|
-
composer: EffectComposer;
|
|
84
|
-
camera: Camera;
|
|
85
|
-
scene: Scene;
|
|
86
|
-
normalPass: NormalPass | null;
|
|
87
|
-
downSamplingPass: DepthDownsamplingPass | null;
|
|
88
|
-
resolutionScale: number | undefined;
|
|
89
|
-
}>;
|
|
90
42
|
constructor();
|
|
91
43
|
private disableToneMapping;
|
|
92
44
|
private setComposerSize;
|
package/lib/effect.d.ts
CHANGED
|
@@ -44,7 +44,7 @@ export declare class NgtpEffect {
|
|
|
44
44
|
} | null;
|
|
45
45
|
blendFunction: import("@angular/core").InputSignal<BlendFunction | undefined>;
|
|
46
46
|
opacity: import("@angular/core").InputSignal<number | undefined>;
|
|
47
|
-
store
|
|
47
|
+
private store;
|
|
48
48
|
camera: import("@angular/core").Signal<import("angular-three").NgtCameraManual>;
|
|
49
49
|
invalidate: import("@angular/core").Signal<(frames?: number | undefined) => void>;
|
|
50
50
|
static ɵfac: i0.ɵɵFactoryDeclaration<NgtpEffect, never>;
|
|
@@ -10,17 +10,10 @@ type DOFOptions = NonNullable<ConstructorParameters<typeof DepthOfFieldEffect>[1
|
|
|
10
10
|
};
|
|
11
11
|
}>;
|
|
12
12
|
export declare class NgtpDepthOfField {
|
|
13
|
-
autoEffect
|
|
14
|
-
|
|
15
|
-
composer: import("postprocessing").EffectComposer;
|
|
16
|
-
camera: import("three").Camera;
|
|
17
|
-
scene: import("three").Scene;
|
|
18
|
-
normalPass: import("postprocessing").NormalPass | null;
|
|
19
|
-
downSamplingPass: import("postprocessing").DepthDownsamplingPass | null;
|
|
20
|
-
resolutionScale: number | undefined;
|
|
21
|
-
}>;
|
|
13
|
+
private autoEffect;
|
|
14
|
+
private effectComposer;
|
|
22
15
|
options: import("@angular/core").InputSignal<DOFOptions>;
|
|
23
|
-
autoFocus
|
|
16
|
+
private autoFocus;
|
|
24
17
|
effect: import("@angular/core").Signal<DepthOfFieldEffect>;
|
|
25
18
|
constructor();
|
|
26
19
|
static ɵfac: i0.ɵɵFactoryDeclaration<NgtpDepthOfField, never>;
|
package/lib/effects/glitch.d.ts
CHANGED
|
@@ -10,18 +10,18 @@ export type GlitchOptions = NonNullable<ConstructorParameters<typeof GlitchEffec
|
|
|
10
10
|
strength: NgtVector2;
|
|
11
11
|
}>;
|
|
12
12
|
export declare class NgtpGlitch {
|
|
13
|
-
autoEffect
|
|
14
|
-
store
|
|
15
|
-
invalidate
|
|
13
|
+
private autoEffect;
|
|
14
|
+
private store;
|
|
15
|
+
private invalidate;
|
|
16
16
|
options: import("@angular/core").InputSignalWithTransform<GlitchOptions, "" | Partial<{
|
|
17
17
|
active: boolean;
|
|
18
18
|
}>>;
|
|
19
|
-
active
|
|
20
|
-
mode
|
|
21
|
-
delay
|
|
22
|
-
duration
|
|
23
|
-
chromaticAberrationOffset
|
|
24
|
-
strength
|
|
19
|
+
private active;
|
|
20
|
+
private mode;
|
|
21
|
+
private delay;
|
|
22
|
+
private duration;
|
|
23
|
+
private chromaticAberrationOffset;
|
|
24
|
+
private strength;
|
|
25
25
|
effect: import("@angular/core").Signal<GlitchEffect>;
|
|
26
26
|
constructor();
|
|
27
27
|
static ɵfac: i0.ɵɵFactoryDeclaration<NgtpGlitch, never>;
|
|
@@ -3,15 +3,8 @@ import { GodRaysEffect } from 'postprocessing';
|
|
|
3
3
|
import { Mesh, Points } from 'three';
|
|
4
4
|
import * as i0 from "@angular/core";
|
|
5
5
|
export declare class NgtpGodRays {
|
|
6
|
-
autoEffect
|
|
7
|
-
|
|
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
|
-
}>;
|
|
6
|
+
private autoEffect;
|
|
7
|
+
private effectComposer;
|
|
15
8
|
options: import("@angular/core").InputSignal<{
|
|
16
9
|
blendFunction?: import("postprocessing").BlendFunction | undefined;
|
|
17
10
|
samples?: number | undefined;
|
package/lib/effects/grid.d.ts
CHANGED
|
@@ -7,14 +7,11 @@ type GridOptions = NonNullable<ConstructorParameters<typeof GridEffect>[0]> & Pa
|
|
|
7
7
|
};
|
|
8
8
|
}>;
|
|
9
9
|
export declare class NgtpGrid {
|
|
10
|
-
autoEffect
|
|
11
|
-
store
|
|
12
|
-
invalidate
|
|
10
|
+
private autoEffect;
|
|
11
|
+
private store;
|
|
12
|
+
private invalidate;
|
|
13
13
|
options: import("@angular/core").InputSignal<GridOptions>;
|
|
14
|
-
size
|
|
15
|
-
width: number;
|
|
16
|
-
height: number;
|
|
17
|
-
} | undefined>;
|
|
14
|
+
private size;
|
|
18
15
|
effect: import("@angular/core").Signal<GridEffect>;
|
|
19
16
|
constructor();
|
|
20
17
|
static ɵfac: i0.ɵɵFactoryDeclaration<NgtpGrid, never>;
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { BlendFunction, Effect } from 'postprocessing';
|
|
2
|
-
import { Color, Texture,
|
|
2
|
+
import { Color, Texture, Vector3 } from 'three';
|
|
3
|
+
import { NgtpEffectComposer } from '../effect-composer';
|
|
3
4
|
import * as i0 from "@angular/core";
|
|
4
5
|
export declare class LensFlareEffect extends Effect {
|
|
5
6
|
constructor({ blendFunction, enabled, glareSize, lensPosition, iResolution, starPoints, flareSize, flareSpeed, flareShape, animated, anamorphic, colorGain, lensDirtTexture, haloScale, secondaryGhosts, aditionalStreaks, ghostScale, opacity, starBurst, }?: {
|
|
@@ -31,27 +32,12 @@ export type LensFlareOptions = ConstructorParameters<typeof LensFlareEffect>[0]
|
|
|
31
32
|
smoothTime: number;
|
|
32
33
|
};
|
|
33
34
|
export declare class NgtpLensFlare {
|
|
34
|
-
autoEffect
|
|
35
|
-
store
|
|
36
|
-
viewport
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
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
|
-
}>;
|
|
35
|
+
private autoEffect;
|
|
36
|
+
private store;
|
|
37
|
+
private viewport;
|
|
38
|
+
private raycaster;
|
|
39
|
+
private pointer;
|
|
40
|
+
effectComposer: NgtpEffectComposer;
|
|
55
41
|
options: import("@angular/core").InputSignalWithTransform<{
|
|
56
42
|
blendFunction?: BlendFunction | undefined;
|
|
57
43
|
enabled?: boolean | undefined;
|
|
@@ -101,8 +87,8 @@ export declare class NgtpLensFlare {
|
|
|
101
87
|
followMouse: boolean;
|
|
102
88
|
smoothTime: number;
|
|
103
89
|
}>>;
|
|
104
|
-
projectedPosition
|
|
105
|
-
mouse2d
|
|
90
|
+
private projectedPosition;
|
|
91
|
+
private mouse2d;
|
|
106
92
|
effect: import("@angular/core").Signal<LensFlareEffect>;
|
|
107
93
|
constructor();
|
|
108
94
|
static ɵfac: i0.ɵɵFactoryDeclaration<NgtpLensFlare, never>;
|
package/lib/effects/lut.d.ts
CHANGED
|
@@ -7,11 +7,11 @@ export interface LUTOptions {
|
|
|
7
7
|
tetrahedralInterpolation?: boolean;
|
|
8
8
|
}
|
|
9
9
|
export declare class NgtpLUT {
|
|
10
|
-
autoEffect
|
|
11
|
-
store
|
|
12
|
-
invalidate
|
|
10
|
+
private autoEffect;
|
|
11
|
+
private store;
|
|
12
|
+
private invalidate;
|
|
13
13
|
options: import("@angular/core").InputSignal<LUTOptions>;
|
|
14
|
-
lut
|
|
14
|
+
private lut;
|
|
15
15
|
effect: import("@angular/core").Signal<LUT3DEffect>;
|
|
16
16
|
constructor();
|
|
17
17
|
static ɵfac: i0.ɵɵFactoryDeclaration<NgtpLUT, never>;
|
|
@@ -9,7 +9,7 @@ export declare class NgtpPixelation {
|
|
|
9
9
|
}, "" | Partial<{
|
|
10
10
|
granularity: number;
|
|
11
11
|
}>>;
|
|
12
|
-
granularity
|
|
12
|
+
private granularity;
|
|
13
13
|
effect: import("@angular/core").Signal<PixelationEffect>;
|
|
14
14
|
static ɵfac: i0.ɵɵFactoryDeclaration<NgtpPixelation, never>;
|
|
15
15
|
static ɵcmp: i0.ɵɵComponentDeclaration<NgtpPixelation, "ngtp-pixelation", never, { "options": { "alias": "options"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|