angular-three-postprocessing 2.2.0 → 2.3.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm2022/lib/effect-composer.mjs +31 -41
- package/esm2022/lib/effect.mjs +6 -6
- package/esm2022/lib/effects/ascii.mjs +3 -3
- package/esm2022/lib/effects/bloom.mjs +3 -3
- package/esm2022/lib/effects/brightness-contrast.mjs +3 -3
- package/esm2022/lib/effects/chromatic-abberation.mjs +3 -3
- package/esm2022/lib/effects/color-average.mjs +3 -3
- package/esm2022/lib/effects/color-depth.mjs +3 -3
- package/esm2022/lib/effects/depth-of-field.mjs +9 -15
- package/esm2022/lib/effects/depth.mjs +3 -3
- package/esm2022/lib/effects/dot-screen.mjs +3 -3
- package/esm2022/lib/effects/fxaa.mjs +3 -3
- package/esm2022/lib/effects/glitch.mjs +15 -19
- package/esm2022/lib/effects/god-rays.mjs +9 -13
- package/esm2022/lib/effects/grid.mjs +10 -14
- package/esm2022/lib/effects/hue-saturation.mjs +3 -3
- package/esm2022/lib/effects/index.mjs +2 -1
- package/esm2022/lib/effects/lens-flare.mjs +13 -17
- package/esm2022/lib/effects/lut.mjs +18 -22
- package/esm2022/lib/effects/noise.mjs +3 -3
- package/esm2022/lib/effects/outline.mjs +33 -30
- package/esm2022/lib/effects/pixelation.mjs +3 -3
- package/esm2022/lib/effects/scanline.mjs +3 -3
- package/esm2022/lib/effects/sepia.mjs +3 -3
- package/esm2022/lib/effects/shock-wave.mjs +3 -3
- package/esm2022/lib/effects/smaa.mjs +3 -3
- package/esm2022/lib/effects/tilt-shift-2.mjs +3 -3
- package/esm2022/lib/effects/tilt-shift.mjs +3 -3
- package/esm2022/lib/effects/tone-mapping.mjs +81 -0
- package/esm2022/lib/effects/vignette.mjs +3 -3
- package/esm2022/lib/effects/water.mjs +3 -3
- package/esm2022/n8ao/angular-three-postprocessing-n8ao.mjs +5 -0
- package/esm2022/n8ao/index.mjs +2 -0
- package/esm2022/n8ao/lib/n8ao.mjs +78 -0
- package/fesm2022/angular-three-postprocessing-n8ao.mjs +85 -0
- package/fesm2022/angular-three-postprocessing-n8ao.mjs.map +1 -0
- package/fesm2022/angular-three-postprocessing.mjs +269 -218
- package/fesm2022/angular-three-postprocessing.mjs.map +1 -1
- package/lib/effect-composer.d.ts +0 -4
- package/lib/effects/depth-of-field.d.ts +1 -2
- package/lib/effects/glitch.d.ts +2 -3
- package/lib/effects/god-rays.d.ts +1 -2
- package/lib/effects/grid.d.ts +0 -1
- package/lib/effects/index.d.ts +1 -0
- package/lib/effects/lens-flare.d.ts +5 -7
- package/lib/effects/lut.d.ts +2 -3
- package/lib/effects/tone-mapping.d.ts +43 -0
- package/n8ao/README.md +3 -0
- package/n8ao/index.d.ts +1 -0
- package/n8ao/lib/n8ao.d.ts +35 -0
- package/package.json +13 -1
package/lib/effect-composer.d.ts
CHANGED
|
@@ -19,7 +19,6 @@ export interface NgtpEffectComposerOptions {
|
|
|
19
19
|
export declare class NgtpEffectComposer {
|
|
20
20
|
options: import("@angular/core").InputSignalWithTransform<NgtpEffectComposerOptions, "" | Partial<NgtpEffectComposerOptions>>;
|
|
21
21
|
private injector;
|
|
22
|
-
private autoEffect;
|
|
23
22
|
private store;
|
|
24
23
|
private size;
|
|
25
24
|
private gl;
|
|
@@ -40,9 +39,6 @@ export declare class NgtpEffectComposer {
|
|
|
40
39
|
downSamplingPass: DepthDownsamplingPass | null;
|
|
41
40
|
}>;
|
|
42
41
|
constructor();
|
|
43
|
-
private disableToneMapping;
|
|
44
|
-
private setComposerSize;
|
|
45
|
-
private updatePasses;
|
|
46
42
|
static ɵfac: i0.ɵɵFactoryDeclaration<NgtpEffectComposer, never>;
|
|
47
43
|
static ɵcmp: i0.ɵɵComponentDeclaration<NgtpEffectComposer, "ngtp-effect-composer", never, { "options": { "alias": "options"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
|
|
48
44
|
}
|
|
@@ -10,10 +10,9 @@ type DOFOptions = NonNullable<ConstructorParameters<typeof DepthOfFieldEffect>[1
|
|
|
10
10
|
};
|
|
11
11
|
}>;
|
|
12
12
|
export declare class NgtpDepthOfField {
|
|
13
|
-
private autoEffect;
|
|
14
|
-
private effectComposer;
|
|
15
13
|
options: import("@angular/core").InputSignal<DOFOptions>;
|
|
16
14
|
private autoFocus;
|
|
15
|
+
private effectComposer;
|
|
17
16
|
effect: import("@angular/core").Signal<DepthOfFieldEffect>;
|
|
18
17
|
constructor();
|
|
19
18
|
static ɵfac: i0.ɵɵFactoryDeclaration<NgtpDepthOfField, never>;
|
package/lib/effects/glitch.d.ts
CHANGED
|
@@ -10,9 +10,6 @@ export type GlitchOptions = NonNullable<ConstructorParameters<typeof GlitchEffec
|
|
|
10
10
|
strength: NgtVector2;
|
|
11
11
|
}>;
|
|
12
12
|
export declare class NgtpGlitch {
|
|
13
|
-
private autoEffect;
|
|
14
|
-
private store;
|
|
15
|
-
private invalidate;
|
|
16
13
|
options: import("@angular/core").InputSignalWithTransform<GlitchOptions, "" | Partial<{
|
|
17
14
|
active: boolean;
|
|
18
15
|
}>>;
|
|
@@ -22,6 +19,8 @@ export declare class NgtpGlitch {
|
|
|
22
19
|
private duration;
|
|
23
20
|
private chromaticAberrationOffset;
|
|
24
21
|
private strength;
|
|
22
|
+
private store;
|
|
23
|
+
private invalidate;
|
|
25
24
|
effect: import("@angular/core").Signal<GlitchEffect>;
|
|
26
25
|
constructor();
|
|
27
26
|
static ɵfac: i0.ɵɵFactoryDeclaration<NgtpGlitch, never>;
|
|
@@ -3,8 +3,6 @@ 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
|
-
private autoEffect;
|
|
7
|
-
private effectComposer;
|
|
8
6
|
options: import("@angular/core").InputSignal<{
|
|
9
7
|
blendFunction?: import("postprocessing").BlendFunction;
|
|
10
8
|
samples?: number;
|
|
@@ -23,6 +21,7 @@ export declare class NgtpGodRays {
|
|
|
23
21
|
} & {
|
|
24
22
|
sun: Mesh | Points | ElementRef<Mesh | Points>;
|
|
25
23
|
}>;
|
|
24
|
+
private effectComposer;
|
|
26
25
|
effect: import("@angular/core").Signal<GodRaysEffect>;
|
|
27
26
|
constructor();
|
|
28
27
|
static ɵfac: i0.ɵɵFactoryDeclaration<NgtpGodRays, never>;
|
package/lib/effects/grid.d.ts
CHANGED
|
@@ -7,7 +7,6 @@ type GridOptions = NonNullable<ConstructorParameters<typeof GridEffect>[0]> & Pa
|
|
|
7
7
|
};
|
|
8
8
|
}>;
|
|
9
9
|
export declare class NgtpGrid {
|
|
10
|
-
private autoEffect;
|
|
11
10
|
options: import("@angular/core").InputSignal<GridOptions>;
|
|
12
11
|
private size;
|
|
13
12
|
effect: import("@angular/core").Signal<GridEffect>;
|
package/lib/effects/index.d.ts
CHANGED
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import { BlendFunction, Effect } from 'postprocessing';
|
|
2
2
|
import { Color, Texture, Vector3, WebGLRenderTarget, WebGLRenderer } from 'three';
|
|
3
|
-
import { NgtpEffectComposer } from '../effect-composer';
|
|
4
3
|
import * as i0 from "@angular/core";
|
|
5
4
|
export declare class LensFlareEffect extends Effect {
|
|
6
5
|
constructor({ blendFunction, enabled, glareSize, lensPosition, iResolution, starPoints, flareSize, flareSpeed, flareShape, animated, anamorphic, colorGain, lensDirtTexture, haloScale, secondaryGhosts, aditionalStreaks, ghostScale, opacity, starBurst, }?: {
|
|
@@ -32,12 +31,6 @@ export type LensFlareOptions = ConstructorParameters<typeof LensFlareEffect>[0]
|
|
|
32
31
|
smoothTime: number;
|
|
33
32
|
};
|
|
34
33
|
export declare class NgtpLensFlare {
|
|
35
|
-
private autoEffect;
|
|
36
|
-
private store;
|
|
37
|
-
private viewport;
|
|
38
|
-
private raycaster;
|
|
39
|
-
private pointer;
|
|
40
|
-
effectComposer: NgtpEffectComposer;
|
|
41
34
|
options: import("@angular/core").InputSignalWithTransform<{
|
|
42
35
|
blendFunction?: BlendFunction | undefined;
|
|
43
36
|
enabled?: boolean | undefined;
|
|
@@ -87,6 +80,11 @@ export declare class NgtpLensFlare {
|
|
|
87
80
|
followMouse: boolean;
|
|
88
81
|
smoothTime: number;
|
|
89
82
|
}>>;
|
|
83
|
+
private store;
|
|
84
|
+
private viewport;
|
|
85
|
+
private raycaster;
|
|
86
|
+
private pointer;
|
|
87
|
+
private effectComposer;
|
|
90
88
|
private projectedPosition;
|
|
91
89
|
private mouse2d;
|
|
92
90
|
effect: import("@angular/core").Signal<LensFlareEffect>;
|
package/lib/effects/lut.d.ts
CHANGED
|
@@ -7,11 +7,10 @@ export interface LUTOptions {
|
|
|
7
7
|
tetrahedralInterpolation?: boolean;
|
|
8
8
|
}
|
|
9
9
|
export declare class NgtpLUT {
|
|
10
|
-
private autoEffect;
|
|
11
|
-
private store;
|
|
12
|
-
private invalidate;
|
|
13
10
|
options: import("@angular/core").InputSignal<LUTOptions>;
|
|
14
11
|
private lut;
|
|
12
|
+
private store;
|
|
13
|
+
private invalidate;
|
|
15
14
|
effect: import("@angular/core").Signal<LUT3DEffect>;
|
|
16
15
|
constructor();
|
|
17
16
|
static ɵfac: i0.ɵɵFactoryDeclaration<NgtpLUT, never>;
|
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
import { ToneMappingEffect } from 'postprocessing';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export type NgtpToneMappingOptions = Partial<NonNullable<ConstructorParameters<typeof ToneMappingEffect>[0]>>;
|
|
4
|
+
export declare class NgtpToneMapping {
|
|
5
|
+
options: import("@angular/core").InputSignal<Partial<{
|
|
6
|
+
blendFunction?: import("postprocessing").BlendFunction;
|
|
7
|
+
adaptive?: boolean;
|
|
8
|
+
mode?: import("postprocessing").ToneMappingMode;
|
|
9
|
+
resolution?: number;
|
|
10
|
+
maxLuminance?: number;
|
|
11
|
+
whitePoint?: number;
|
|
12
|
+
middleGrey?: number;
|
|
13
|
+
minLuminance?: number;
|
|
14
|
+
averageLuminance?: number;
|
|
15
|
+
adaptationRate?: number;
|
|
16
|
+
}>>;
|
|
17
|
+
protected parameters: import("@angular/core").Signal<Omit<Partial<{
|
|
18
|
+
blendFunction?: import("postprocessing").BlendFunction;
|
|
19
|
+
adaptive?: boolean;
|
|
20
|
+
mode?: import("postprocessing").ToneMappingMode;
|
|
21
|
+
resolution?: number;
|
|
22
|
+
maxLuminance?: number;
|
|
23
|
+
whitePoint?: number;
|
|
24
|
+
middleGrey?: number;
|
|
25
|
+
minLuminance?: number;
|
|
26
|
+
averageLuminance?: number;
|
|
27
|
+
adaptationRate?: number;
|
|
28
|
+
}>, "blendFunction" | "mode" | "adaptive" | "resolution" | "maxLuminance" | "whitePoint" | "middleGrey" | "minLuminance" | "averageLuminance" | "adaptationRate">>;
|
|
29
|
+
private blendFunction;
|
|
30
|
+
private adaptive;
|
|
31
|
+
private mode;
|
|
32
|
+
private resolution;
|
|
33
|
+
private maxLuminance;
|
|
34
|
+
private whitePoint;
|
|
35
|
+
private middleGrey;
|
|
36
|
+
private minLuminance;
|
|
37
|
+
private averageLuminance;
|
|
38
|
+
private adaptationRate;
|
|
39
|
+
effect: import("@angular/core").Signal<ToneMappingEffect>;
|
|
40
|
+
constructor();
|
|
41
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<NgtpToneMapping, never>;
|
|
42
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<NgtpToneMapping, "ngtp-tone-mapping", never, { "options": { "alias": "options"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
43
|
+
}
|
package/n8ao/README.md
ADDED
package/n8ao/index.d.ts
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './lib/n8ao';
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
import { ColorRepresentation } from 'three';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export interface NgtpN8AOOptions {
|
|
4
|
+
aoRadius: number;
|
|
5
|
+
aoTones: number;
|
|
6
|
+
distanceFalloff: number;
|
|
7
|
+
intensity: number;
|
|
8
|
+
biasOffset: number;
|
|
9
|
+
biasMultiplier: number;
|
|
10
|
+
aoSamples: number;
|
|
11
|
+
denoiseSamples: number;
|
|
12
|
+
denoiseRadius: number;
|
|
13
|
+
color: ColorRepresentation;
|
|
14
|
+
halfRes: boolean;
|
|
15
|
+
depthAwareUpsampling: boolean;
|
|
16
|
+
screenSpaceRadius: boolean;
|
|
17
|
+
renderMode: 0 | 1 | 2 | 3 | 4;
|
|
18
|
+
denoiseIterations: number;
|
|
19
|
+
transparencyAware: boolean;
|
|
20
|
+
gammaCorrection: boolean;
|
|
21
|
+
logarithmicDepthBuffer: boolean;
|
|
22
|
+
colorMultiply: boolean;
|
|
23
|
+
accumulate: boolean;
|
|
24
|
+
quality?: 'performance' | 'low' | 'medium' | 'high' | 'ultra';
|
|
25
|
+
}
|
|
26
|
+
export declare class NgtpN8AO {
|
|
27
|
+
options: import("@angular/core").InputSignalWithTransform<NgtpN8AOOptions, "" | Partial<NgtpN8AOOptions>>;
|
|
28
|
+
private quality;
|
|
29
|
+
private effectComposer;
|
|
30
|
+
effect: import("@angular/core").Signal<any>;
|
|
31
|
+
constructor();
|
|
32
|
+
private setQualityEffect;
|
|
33
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<NgtpN8AO, never>;
|
|
34
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<NgtpN8AO, "ngtp-n8ao", never, { "options": { "alias": "options"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
35
|
+
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "angular-three-postprocessing",
|
|
3
|
-
"version": "2.
|
|
3
|
+
"version": "2.3.0",
|
|
4
4
|
"publishConfig": {
|
|
5
5
|
"access": "public"
|
|
6
6
|
},
|
|
@@ -25,10 +25,16 @@
|
|
|
25
25
|
"@angular/common": ">=18.0.0 <19.0.0",
|
|
26
26
|
"@angular/core": ">=18.0.0 <19.0.0",
|
|
27
27
|
"maath": ">=0.10.0 <0.11.0",
|
|
28
|
+
"n8ao": "^1.9.0",
|
|
28
29
|
"postprocessing": "^6.0.0",
|
|
29
30
|
"three": ">=0.148.0 <0.169.0",
|
|
30
31
|
"three-stdlib": "^2.0.0"
|
|
31
32
|
},
|
|
33
|
+
"peerDependenciesMeta": {
|
|
34
|
+
"n8ao": {
|
|
35
|
+
"optional": true
|
|
36
|
+
}
|
|
37
|
+
},
|
|
32
38
|
"dependencies": {
|
|
33
39
|
"tslib": "^2.7.0"
|
|
34
40
|
},
|
|
@@ -48,6 +54,12 @@
|
|
|
48
54
|
"esm2022": "./esm2022/angular-three-postprocessing.mjs",
|
|
49
55
|
"esm": "./esm2022/angular-three-postprocessing.mjs",
|
|
50
56
|
"default": "./fesm2022/angular-three-postprocessing.mjs"
|
|
57
|
+
},
|
|
58
|
+
"./n8ao": {
|
|
59
|
+
"types": "./n8ao/index.d.ts",
|
|
60
|
+
"esm2022": "./esm2022/n8ao/angular-three-postprocessing-n8ao.mjs",
|
|
61
|
+
"esm": "./esm2022/n8ao/angular-three-postprocessing-n8ao.mjs",
|
|
62
|
+
"default": "./fesm2022/angular-three-postprocessing-n8ao.mjs"
|
|
51
63
|
}
|
|
52
64
|
}
|
|
53
65
|
}
|