angular-three-postprocessing 2.0.0-beta.24 → 2.0.0-beta.241
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 +135 -170
- package/esm2022/lib/effect.mjs +45 -70
- package/esm2022/lib/effects/ascii.mjs +121 -0
- package/esm2022/lib/effects/bloom.mjs +39 -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 +64 -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 +27 -18
- 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/fesm2022/angular-three-postprocessing.mjs +1193 -655
- package/fesm2022/angular-three-postprocessing.mjs.map +1 -1
- package/lib/effect-composer.d.ts +70 -66
- package/lib/effect.d.ts +55 -24
- package/lib/effects/ascii.d.ts +24 -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 +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 +26 -17
- 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/package.json +54 -46
- 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-composer.d.ts
CHANGED
|
@@ -1,100 +1,104 @@
|
|
|
1
|
+
import { ElementRef, Injector, TemplateRef, ViewContainerRef } from '@angular/core';
|
|
1
2
|
import { DepthDownsamplingPass, EffectComposer, NormalPass } from 'postprocessing';
|
|
2
|
-
import
|
|
3
|
+
import { Camera, Group, Scene, TextureDataType } from 'three';
|
|
3
4
|
import * as i0 from "@angular/core";
|
|
4
|
-
export
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
5
|
+
export interface NgtpEffectComposerApi {
|
|
6
|
+
composer: EffectComposer;
|
|
7
|
+
camera: Camera;
|
|
8
|
+
scene: Scene;
|
|
9
|
+
normalPass: NormalPass | null;
|
|
10
|
+
downSamplingPass: DepthDownsamplingPass | null;
|
|
10
11
|
resolutionScale?: number;
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
renderPriority: number;
|
|
14
|
-
camera?: THREE.Camera;
|
|
15
|
-
scene?: THREE.Scene;
|
|
16
|
-
};
|
|
17
|
-
export declare const injectNgtpEffectComposerApi: {
|
|
12
|
+
}
|
|
13
|
+
export declare const injectEffectComposerApi: {
|
|
18
14
|
(): import("@angular/core").Signal<{
|
|
19
15
|
composer: EffectComposer;
|
|
16
|
+
camera: Camera;
|
|
17
|
+
scene: Scene;
|
|
20
18
|
normalPass: NormalPass | null;
|
|
21
19
|
downSamplingPass: DepthDownsamplingPass | null;
|
|
22
20
|
resolutionScale: number | undefined;
|
|
23
|
-
camera: THREE.Camera;
|
|
24
|
-
scene: THREE.Scene;
|
|
25
21
|
}>;
|
|
26
22
|
(injectOptions: import("@angular/core").InjectOptions & {
|
|
27
23
|
optional?: false | undefined;
|
|
24
|
+
} & {
|
|
25
|
+
injector?: Injector | undefined;
|
|
28
26
|
}): import("@angular/core").Signal<{
|
|
29
27
|
composer: EffectComposer;
|
|
28
|
+
camera: Camera;
|
|
29
|
+
scene: Scene;
|
|
30
30
|
normalPass: NormalPass | null;
|
|
31
31
|
downSamplingPass: DepthDownsamplingPass | null;
|
|
32
32
|
resolutionScale: number | undefined;
|
|
33
|
-
camera: THREE.Camera;
|
|
34
|
-
scene: THREE.Scene;
|
|
35
33
|
}>;
|
|
36
|
-
(injectOptions: import("@angular/core").InjectOptions
|
|
34
|
+
(injectOptions: import("@angular/core").InjectOptions & {
|
|
35
|
+
injector?: Injector | undefined;
|
|
36
|
+
}): import("@angular/core").Signal<{
|
|
37
37
|
composer: EffectComposer;
|
|
38
|
+
camera: Camera;
|
|
39
|
+
scene: Scene;
|
|
38
40
|
normalPass: NormalPass | null;
|
|
39
41
|
downSamplingPass: DepthDownsamplingPass | null;
|
|
40
42
|
resolutionScale: number | undefined;
|
|
41
|
-
camera: THREE.Camera;
|
|
42
|
-
scene: THREE.Scene;
|
|
43
43
|
}> | null;
|
|
44
|
-
},
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
44
|
+
}, provideEffectComposerApi: () => import("@angular/core").Provider;
|
|
45
|
+
interface NgtpEffectComposerOptions {
|
|
46
|
+
enabled: boolean;
|
|
47
|
+
depthBuffer?: boolean;
|
|
48
|
+
/** Only used for SSGI currently, leave it disabled for everything else unless it's needed */
|
|
49
|
+
enableNormalPass?: boolean;
|
|
50
|
+
stencilBuffer?: boolean;
|
|
51
|
+
autoClear: boolean;
|
|
52
|
+
resolutionScale?: number;
|
|
53
|
+
multisampling: number;
|
|
54
|
+
frameBufferType: TextureDataType;
|
|
55
|
+
renderPriority: number;
|
|
56
|
+
camera?: Camera;
|
|
57
|
+
scene?: Scene;
|
|
58
|
+
}
|
|
59
|
+
export declare class NgtpEffects {
|
|
60
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<NgtpEffects, never>;
|
|
61
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<NgtpEffects, "ng-template[effects]", never, {}, {}, never, never, true, never>;
|
|
62
|
+
}
|
|
52
63
|
export declare class NgtpEffectComposer {
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
private camera;
|
|
78
|
-
private disableNormalPass;
|
|
79
|
-
private resolutionScale;
|
|
80
|
-
private autoClear;
|
|
81
|
-
private activeScene;
|
|
82
|
-
private activeCamera;
|
|
83
|
-
private composerEntities;
|
|
84
|
-
private composer;
|
|
64
|
+
options: import("@angular/core").InputSignalWithTransform<NgtpEffectComposerOptions, "" | Partial<NgtpEffectComposerOptions>>;
|
|
65
|
+
injector: Injector;
|
|
66
|
+
autoEffect: (autoEffectCallback: (autoEffectInjector: Injector) => void | (() => void), options?: Omit<import("@angular/core").CreateEffectOptions, "injector"> | undefined) => import("@angular/core").EffectRef;
|
|
67
|
+
store: import("angular-three").NgtSignalStore<import("angular-three").NgtState>;
|
|
68
|
+
size: import("@angular/core").Signal<import("angular-three").NgtSize>;
|
|
69
|
+
gl: import("@angular/core").Signal<import("three").WebGLRenderer>;
|
|
70
|
+
defaultScene: import("@angular/core").Signal<Scene>;
|
|
71
|
+
defaultCamera: import("@angular/core").Signal<import("angular-three").NgtCameraManual>;
|
|
72
|
+
depthBuffer: import("@angular/core").Signal<boolean | undefined>;
|
|
73
|
+
stencilBuffer: import("@angular/core").Signal<boolean | undefined>;
|
|
74
|
+
multisampling: import("@angular/core").Signal<number>;
|
|
75
|
+
frameBufferType: import("@angular/core").Signal<TextureDataType>;
|
|
76
|
+
scene: import("@angular/core").Signal<Scene>;
|
|
77
|
+
camera: import("@angular/core").Signal<Camera>;
|
|
78
|
+
enableNormalPass: import("@angular/core").Signal<boolean | undefined>;
|
|
79
|
+
resolutionScale: import("@angular/core").Signal<number | undefined>;
|
|
80
|
+
group: import("@angular/core").Signal<ElementRef<Group<import("three").Object3DEventMap>>>;
|
|
81
|
+
groupAnchor: import("@angular/core").Signal<ViewContainerRef>;
|
|
82
|
+
content: import("@angular/core").Signal<TemplateRef<any>>;
|
|
83
|
+
composerData: import("@angular/core").Signal<{
|
|
84
|
+
composer: EffectComposer;
|
|
85
|
+
normalPass: NormalPass | null;
|
|
86
|
+
downSamplingPass: DepthDownsamplingPass | null;
|
|
87
|
+
}>;
|
|
85
88
|
api: import("@angular/core").Signal<{
|
|
86
89
|
composer: EffectComposer;
|
|
90
|
+
camera: Camera;
|
|
91
|
+
scene: Scene;
|
|
87
92
|
normalPass: NormalPass | null;
|
|
88
93
|
downSamplingPass: DepthDownsamplingPass | null;
|
|
89
94
|
resolutionScale: number | undefined;
|
|
90
|
-
camera: THREE.Camera;
|
|
91
|
-
scene: THREE.Scene;
|
|
92
95
|
}>;
|
|
93
96
|
constructor();
|
|
94
|
-
|
|
97
|
+
private disableToneMapping;
|
|
95
98
|
private setComposerSize;
|
|
99
|
+
private render;
|
|
96
100
|
private updatePasses;
|
|
97
|
-
private beforeRender;
|
|
98
101
|
static ɵfac: i0.ɵɵFactoryDeclaration<NgtpEffectComposer, never>;
|
|
99
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<NgtpEffectComposer, "ngtp-effect-composer", never, { "
|
|
102
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<NgtpEffectComposer, "ngtp-effect-composer", never, { "options": { "alias": "options"; "required": false; "isSignal": true; }; }, {}, ["content"], never, true, never>;
|
|
100
103
|
}
|
|
104
|
+
export {};
|
package/lib/effect.d.ts
CHANGED
|
@@ -1,27 +1,58 @@
|
|
|
1
|
-
import { type NgtAnyRecord } from 'angular-three';
|
|
2
1
|
import { BlendFunction, Effect } from 'postprocessing';
|
|
3
2
|
import * as i0 from "@angular/core";
|
|
4
|
-
export
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
3
|
+
export declare const injectDefaultEffectOptions: {
|
|
4
|
+
(): {
|
|
5
|
+
blendFunction?: BlendFunction | undefined;
|
|
6
|
+
opacity?: number | undefined;
|
|
7
|
+
};
|
|
8
|
+
(injectOptions: import("@angular/core").InjectOptions & {
|
|
9
|
+
optional?: false | undefined;
|
|
10
|
+
} & {
|
|
11
|
+
injector?: import("@angular/core").Injector | undefined;
|
|
12
|
+
}): {
|
|
13
|
+
blendFunction?: BlendFunction | undefined;
|
|
14
|
+
opacity?: number | undefined;
|
|
15
|
+
};
|
|
16
|
+
(injectOptions: import("@angular/core").InjectOptions & {
|
|
17
|
+
injector?: import("@angular/core").Injector | undefined;
|
|
18
|
+
}): {
|
|
19
|
+
blendFunction?: BlendFunction | undefined;
|
|
20
|
+
opacity?: number | undefined;
|
|
21
|
+
} | null;
|
|
22
|
+
}, provideDefaultEffectOptions: ((value: {
|
|
23
|
+
blendFunction?: BlendFunction | undefined;
|
|
24
|
+
opacity?: number | undefined;
|
|
25
|
+
} | (() => {
|
|
26
|
+
blendFunction?: BlendFunction | undefined;
|
|
27
|
+
opacity?: number | undefined;
|
|
28
|
+
})) => import("@angular/core").Provider) & ((value: {
|
|
29
|
+
blendFunction?: BlendFunction | undefined;
|
|
30
|
+
opacity?: number | undefined;
|
|
31
|
+
} | (() => {
|
|
32
|
+
blendFunction?: BlendFunction | undefined;
|
|
33
|
+
opacity?: number | undefined;
|
|
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>;
|
|
39
|
+
}
|
|
40
|
+
export declare class NgtpEffect {
|
|
41
|
+
defaultEffectOptions: {
|
|
42
|
+
blendFunction?: BlendFunction | undefined;
|
|
43
|
+
opacity?: number | undefined;
|
|
44
|
+
} | null;
|
|
45
|
+
effectRef: import("@angular/core").InputSignal<import("angular-three").NgtInjectedRef<Effect>>;
|
|
46
|
+
blendFunction: import("@angular/core").InputSignal<BlendFunction | undefined>;
|
|
47
|
+
opacity: import("@angular/core").InputSignal<number | undefined>;
|
|
48
|
+
autoEffect: (autoEffectCallback: (autoEffectInjector: import("@angular/core").Injector) => void | (() => void), options?: Omit<import("@angular/core").CreateEffectOptions, "injector"> | undefined) => import("@angular/core").EffectRef;
|
|
49
|
+
store: import("angular-three").NgtSignalStore<import("angular-three").NgtState>;
|
|
50
|
+
camera: import("@angular/core").Signal<import("angular-three").NgtCameraManual>;
|
|
51
|
+
invalidate: import("@angular/core").Signal<(frames?: number | undefined) => void>;
|
|
52
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<NgtpEffect, never>;
|
|
53
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<NgtpEffect, never, never, { "effectRef": { "alias": "effectRef"; "required": false; "isSignal": true; }; "blendFunction": { "alias": "blendFunction"; "required": false; "isSignal": true; }; "opacity": { "alias": "opacity"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
27
54
|
}
|
|
55
|
+
export declare const NgtpEffectHostDirective: {
|
|
56
|
+
directive: typeof NgtpEffect;
|
|
57
|
+
inputs: string[];
|
|
58
|
+
};
|
|
@@ -0,0 +1,24 @@
|
|
|
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
|
+
effectRef: import("@angular/core").InputSignal<import("angular-three").NgtInjectedRef<ASCIIEffect>>;
|
|
19
|
+
options: import("@angular/core").InputSignalWithTransform<ASCIIEffectOptions, "" | Partial<ASCIIEffectOptions>>;
|
|
20
|
+
effect: import("@angular/core").Signal<ASCIIEffect>;
|
|
21
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<NgtpASCII, never>;
|
|
22
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<NgtpASCII, "ngtp-ascii", 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,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"; "effectRef": "effectRef"; }; 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 | undefined;
|
|
10
|
+
brightness?: number | undefined;
|
|
11
|
+
contrast?: number | undefined;
|
|
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"; "effectRef": "effectRef"; }; 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 | undefined;
|
|
10
|
+
offset?: import("three").Vector2 | undefined;
|
|
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"; "effectRef": "effectRef"; }; outputs: {}; }]>;
|
|
16
|
+
}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { BlendFunction, ColorAverageEffect } from 'postprocessing';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export declare class NgtpColorAverage {
|
|
4
|
+
effectRef: import("@angular/core").InputSignal<import("angular-three").NgtInjectedRef<ColorAverageEffect>>;
|
|
5
|
+
options: import("@angular/core").InputSignalWithTransform<{
|
|
6
|
+
blendFunction: BlendFunction;
|
|
7
|
+
}, "" | Partial<{
|
|
8
|
+
blendFunction: BlendFunction;
|
|
9
|
+
}>>;
|
|
10
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<NgtpColorAverage, never>;
|
|
11
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<NgtpColorAverage, "ngtp-color-average", never, { "effectRef": { "alias": "effectRef"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
|
|
12
|
+
}
|
|
@@ -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 | undefined;
|
|
10
|
+
bits?: number | undefined;
|
|
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"; "effectRef": "effectRef"; }; outputs: {}; }]>;
|
|
14
|
+
}
|
|
@@ -0,0 +1,30 @@
|
|
|
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
|
+
autoEffect: (autoEffectCallback: (autoEffectInjector: import("@angular/core").Injector) => void | (() => void), options?: Omit<import("@angular/core").CreateEffectOptions, "injector"> | undefined) => import("@angular/core").EffectRef;
|
|
14
|
+
composerApi: import("@angular/core").Signal<{
|
|
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
|
+
}>;
|
|
22
|
+
effectRef: import("@angular/core").InputSignal<import("angular-three").NgtInjectedRef<DepthOfFieldEffect>>;
|
|
23
|
+
options: import("@angular/core").InputSignal<DOFOptions>;
|
|
24
|
+
autoFocus: import("@angular/core").Signal<boolean>;
|
|
25
|
+
effect: import("@angular/core").Signal<DepthOfFieldEffect>;
|
|
26
|
+
constructor();
|
|
27
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<NgtpDepthOfField, never>;
|
|
28
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<NgtpDepthOfField, "ngtp-depth-of-field", never, { "effectRef": { "alias": "effectRef"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
29
|
+
}
|
|
30
|
+
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 | undefined;
|
|
10
|
+
inverted?: boolean | undefined;
|
|
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"; "effectRef": "effectRef"; }; 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 | undefined;
|
|
10
|
+
angle?: number | undefined;
|
|
11
|
+
scale?: number | undefined;
|
|
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"; "effectRef": "effectRef"; }; 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 | undefined;
|
|
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"; "effectRef": "effectRef"; }; outputs: {}; }]>;
|
|
13
|
+
}
|
|
@@ -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,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';
|