angular-three-postprocessing 4.0.10 → 4.1.1

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "angular-three-postprocessing",
-	"version": "4.0.10",
+	"version": "4.1.1",
 	"publishConfig": {
 		"access": "public"
 	},
@@ -27,7 +27,7 @@
 		"maath": ">=0.10.0 <0.11.0",
 		"n8ao": ">=1.9.4 <2.0.0",
 		"postprocessing": "^6.0.0",
-		"three": ">=0.157.0 <0.183.0",
+		"three": ">=0.157.0 <0.184.0",
 		"three-stdlib": "^2.0.0"
 	},
 	"peerDependenciesMeta": {

package/types/angular-three-postprocessing.d.ts

@@ -3,7 +3,7 @@ import { NgtVector3, NgtVector2 } from 'angular-three';
 import * as _angular_core from '@angular/core';
 import { ElementRef } from '@angular/core';
 import * as postprocessing from 'postprocessing';
-import { BlendFunction, EffectComposer, Effect, BloomEffectOptions, BloomEffect, BrightnessContrastEffect, ChromaticAberrationEffect, ColorAverageEffect, ColorDepthEffect, DepthEffect, DepthOfFieldEffect, DotScreenEffect, FXAAEffect, GlitchEffect, GlitchMode, GodRaysEffect, GridEffect, HueSaturationEffect, LUT3DEffect, NoiseEffect, OutlineEffect, PixelationEffect, ScanlineEffect, SelectiveBloomEffect, SepiaEffect, ShockWaveEffect, SMAAEffect, TiltShiftEffect, ToneMappingEffect, VignetteEffect } from 'postprocessing';
+import { BlendFunction, EffectComposer, NormalPass, DepthDownsamplingPass, Effect, DepthOfFieldEffect, BloomEffectOptions, BloomEffect, BrightnessContrastEffect, ChromaticAberrationEffect, ColorAverageEffect, ColorDepthEffect, DepthEffect, DotScreenEffect, FXAAEffect, GlitchEffect, GlitchMode, GodRaysEffect, GridEffect, HueSaturationEffect, LUT3DEffect, NoiseEffect, OutlineEffect, PixelationEffect, ScanlineEffect, SelectiveBloomEffect, SepiaEffect, SSAOEffect, ShockWaveEffect, SMAAEffect, TextureEffect, TiltShiftEffect, ToneMappingEffect, VignetteEffect } from 'postprocessing';
 import * as THREE from 'three';
 
 /**
@@ -221,7 +221,7 @@ declare class NgtpEffectComposer {
      * The scene used for rendering effects.
      * Uses custom scene from options if provided, otherwise uses the store's scene.
      */
-    scene: _angular_core.Signal<THREE.Scene<THREE.Object3DEventMap>>;
+    scene: _angular_core.Signal<THREE.Scene>;
     /**
      * The camera used for rendering effects.
      * Uses custom camera from options if provided, otherwise uses the store's camera.
@@ -243,6 +243,8 @@ declare class NgtpEffectComposer {
      * Can be used to access the composer directly for advanced use cases.
      */
     effectComposer: _angular_core.Signal<EffectComposer>;
+    normalPass: _angular_core.Signal<NormalPass | null>;
+    downSamplingPass: _angular_core.Signal<DepthDownsamplingPass | null>;
     constructor();
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<NgtpEffectComposer, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<NgtpEffectComposer, "ngtp-effect-composer", never, { "options": { "alias": "options"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
@@ -339,6 +341,32 @@ declare class NgtpASCII {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<NgtpASCII, "ngtp-ascii", never, { "options": { "alias": "options"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
+type DOFOptions$1 = NonNullable<ConstructorParameters<typeof DepthOfFieldEffect>[1]>;
+type AutofocusOptions = DOFOptions$1 & {
+    target?: NgtVector3;
+    mouse?: boolean;
+    debug?: number;
+    manual?: boolean;
+    smoothTime?: number;
+};
+declare class NgtpAutofocus {
+    options: _angular_core.InputSignalWithTransform<AutofocusOptions, "" | Partial<AutofocusOptions>>;
+    private effectComposer;
+    private store;
+    private hitpoint;
+    private ndc;
+    private depthPickingPass;
+    private copyPass;
+    debugSize: _angular_core.Signal<number | undefined>;
+    private hitpointMeshRef;
+    private targetMeshRef;
+    private target;
+    dofEffect: _angular_core.Signal<DepthOfFieldEffect>;
+    constructor();
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<NgtpAutofocus, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<NgtpAutofocus, "ngtp-autofocus", never, { "options": { "alias": "options"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
 /**
  * Angular component that applies a bloom postprocessing effect to the scene.
  *
@@ -914,7 +942,7 @@ declare class LensFlareEffect extends Effect {
      * @param options.enabled - Whether the effect is enabled
      * @param options.glareSize - Size of the glare
      * @param options.lensPosition - Position of the lens on screen
-     * @param options.iResolution - Resolution of the effect
+     * @param options.screenRes - Resolution of the effect
      * @param options.starPoints - Number of points in the star pattern
      * @param options.flareSize - Size of individual flares
      * @param options.flareSpeed - Animation speed of flares
@@ -930,12 +958,12 @@ declare class LensFlareEffect extends Effect {
      * @param options.opacity - Opacity of the effect
      * @param options.starBurst - Enable star burst effect
      */
-    constructor({ blendFunction, enabled, glareSize, lensPosition, iResolution, starPoints, flareSize, flareSpeed, flareShape, animated, anamorphic, colorGain, lensDirtTexture, haloScale, secondaryGhosts, aditionalStreaks, ghostScale, opacity, starBurst, }?: {
+    constructor({ blendFunction, enabled, glareSize, lensPosition, screenRes, starPoints, flareSize, flareSpeed, flareShape, animated, anamorphic, colorGain, lensDirtTexture, haloScale, secondaryGhosts, aditionalStreaks, ghostScale, opacity, starBurst, }?: {
         blendFunction?: BlendFunction | undefined;
         enabled?: boolean | undefined;
         glareSize?: number | undefined;
         lensPosition?: number[] | undefined;
-        iResolution?: number[] | undefined;
+        screenRes?: number[] | undefined;
         starPoints?: number | undefined;
         flareSize?: number | undefined;
         flareSpeed?: number | undefined;
@@ -1004,7 +1032,7 @@ declare class NgtpLensFlare {
         enabled?: boolean | undefined;
         glareSize?: number | undefined;
         lensPosition?: number[] | undefined;
-        iResolution?: number[] | undefined;
+        screenRes?: number[] | undefined;
         starPoints?: number | undefined;
         flareSize?: number | undefined;
         flareSpeed?: number | undefined;
@@ -1031,7 +1059,7 @@ declare class NgtpLensFlare {
         enabled?: boolean | undefined;
         glareSize?: number | undefined;
         lensPosition?: number[] | undefined;
-        iResolution?: number[] | undefined;
+        screenRes?: number[] | undefined;
         starPoints?: number | undefined;
         flareSize?: number | undefined;
         flareSpeed?: number | undefined;
@@ -1345,6 +1373,43 @@ declare class NgtpPixelation {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<NgtpPixelation, "ngtp-pixelation", never, { "options": { "alias": "options"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
+declare enum RampType {
+    Linear = 0,
+    Radial = 1,
+    MirroredLinear = 2
+}
+declare class RampEffect extends Effect {
+    constructor({ rampType, rampStart, rampEnd, startColor, endColor, rampBias, rampGain, rampMask, rampInvert, ...params }?: {
+        rampType?: RampType | undefined;
+        rampStart?: number[] | undefined;
+        rampEnd?: number[] | undefined;
+        startColor?: number[] | undefined;
+        endColor?: number[] | undefined;
+        rampBias?: number | undefined;
+        rampGain?: number | undefined;
+        rampMask?: boolean | undefined;
+        rampInvert?: boolean | undefined;
+    });
+}
+type RampEffectOptions = Partial<NonNullable<ConstructorParameters<typeof RampEffect>[0]>>;
+declare class NgtpRamp {
+    options: _angular_core.InputSignal<Omit<Partial<{
+        rampType?: RampType | undefined;
+        rampStart?: number[] | undefined;
+        rampEnd?: number[] | undefined;
+        startColor?: number[] | undefined;
+        endColor?: number[] | undefined;
+        rampBias?: number | undefined;
+        rampGain?: number | undefined;
+        rampMask?: boolean | undefined;
+        rampInvert?: boolean | undefined;
+    }>, "blendFunction">>;
+    protected hostEffect: NgtpEffect;
+    effectRef: _angular_core.Signal<ElementRef<RampEffect> | undefined>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<NgtpRamp, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<NgtpRamp, "ngtp-ramp", never, { "options": { "alias": "options"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, [{ directive: typeof NgtpEffect; inputs: { "blendFunction": "blendFunction"; "opacity": "opacity"; }; outputs: {}; }]>;
+}
+
 /**
  * Configuration options for the scanline effect.
  * Derived from ScanlineEffect constructor parameters.
@@ -1525,6 +1590,42 @@ declare class NgtpSepia {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<NgtpSepia, "ngtp-sepia", never, { "options": { "alias": "options"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, [{ directive: typeof NgtpEffect; inputs: { "blendFunction": "blendFunction"; "opacity": "opacity"; }; outputs: {}; }]>;
 }
 
+declare class NgtpSSAO {
+    options: _angular_core.InputSignal<{
+        blendFunction?: BlendFunction;
+        distanceScaling?: boolean;
+        depthAwareUpsampling?: boolean;
+        normalDepthBuffer?: THREE.Texture;
+        samples?: number;
+        rings?: number;
+        worldDistanceThreshold?: number;
+        worldDistanceFalloff?: number;
+        worldProximityThreshold?: number;
+        worldProximityFalloff?: number;
+        distanceThreshold?: number;
+        distanceFalloff?: number;
+        rangeThreshold?: number;
+        rangeFalloff?: number;
+        minRadiusScale?: number;
+        luminanceInfluence?: number;
+        radius?: number;
+        intensity?: number;
+        bias?: number;
+        fade?: number;
+        color?: THREE.Color;
+        resolutionScale?: number;
+        resolutionX?: number;
+        resolutionY?: number;
+        width?: number;
+        height?: number;
+    }>;
+    private effectComposer;
+    effect: _angular_core.Signal<SSAOEffect | null>;
+    constructor();
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<NgtpSSAO, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<NgtpSSAO, "ngtp-ssao", never, { "options": { "alias": "options"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
 /**
  * Configuration options for the shock wave effect.
  * Derived from ShockWaveEffect constructor parameters.
@@ -1604,6 +1705,24 @@ declare class NgtpSMAA {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<NgtpSMAA, "ngtp-smaa", never, { "options": { "alias": "options"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, [{ directive: typeof NgtpEffect; inputs: { "blendFunction": "blendFunction"; "opacity": "opacity"; }; outputs: {}; }]>;
 }
 
+type TextureOptions = Omit<ConstructorParameters<typeof TextureEffect>[0], 'texture'> & {
+    texture?: THREE.Texture;
+    textureSrc?: string;
+    opacity?: number;
+};
+declare class NgtpTexture {
+    options: _angular_core.InputSignal<TextureOptions>;
+    private textureSrc;
+    private texture;
+    private opacity;
+    private store;
+    private loadedTexture;
+    effect: _angular_core.Signal<TextureEffect | null>;
+    constructor();
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<NgtpTexture, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<NgtpTexture, "ngtp-texture", never, { "options": { "alias": "options"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
 /**
  * Configuration options for the tilt-shift effect.
  * Derived from TiltShiftEffect constructor parameters.
@@ -1883,5 +2002,5 @@ declare class NgtpWater {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<NgtpWater, "ngtp-water", never, { "options": { "alias": "options"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, [{ directive: typeof NgtpEffect; inputs: { "blendFunction": "blendFunction"; "opacity": "opacity"; }; outputs: {}; }]>;
 }
 
-export { ASCIIEffect, LensFlareEffect, NgtpASCII, NgtpBloom, NgtpBrightnessContrast, NgtpChromaticAberration, NgtpColorAverage, NgtpColorDepth, NgtpDepth, NgtpDepthOfField, NgtpDotScreen, NgtpEffect, NgtpEffectBlendMode, NgtpEffectComposer, NgtpFXAA, NgtpGlitch, NgtpGodRays, NgtpGrid, NgtpHueSaturation, NgtpLUT, NgtpLensFlare, NgtpNoise, NgtpOutline, NgtpPixelation, NgtpSMAA, NgtpScanline, NgtpSelectiveBloom, NgtpSepia, NgtpShockWave, NgtpTiltShift, NgtpTiltShift2, NgtpToneMapping, NgtpVignette, NgtpWater, TiltShift2Effect, WaterEffect, injectDefaultEffectOptions, provideDefaultEffectOptions };
-export type { BrightnessEffectOptions, ChromaticAberrationEffectOptions, ColorDepthEffectOptions, DepthEffectOptions, DotScreenEffectOptions, FXAAEffectOptions, GlitchOptions, HueSaturationEffectOptions, LUTOptions, LensFlareOptions, NgtpEffectComposerOptions, NgtpOutlineOptions, NoiseEffectOptions, PixelationOptions, SMAAEffectOptions, ScanlineEffectOptions, SelectiveBloomOptions, SepiaEffectOptions, ShockWaveEffectOptions, TiltShift2EffectOptions, TiltShiftEffectOptions, ToneMappingEffectOptions, VignetteEffectOptions, WaterEffectOptions };
+export { ASCIIEffect, LensFlareEffect, NgtpASCII, NgtpAutofocus, NgtpBloom, NgtpBrightnessContrast, NgtpChromaticAberration, NgtpColorAverage, NgtpColorDepth, NgtpDepth, NgtpDepthOfField, NgtpDotScreen, NgtpEffect, NgtpEffectBlendMode, NgtpEffectComposer, NgtpFXAA, NgtpGlitch, NgtpGodRays, NgtpGrid, NgtpHueSaturation, NgtpLUT, NgtpLensFlare, NgtpNoise, NgtpOutline, NgtpPixelation, NgtpRamp, NgtpSMAA, NgtpSSAO, NgtpScanline, NgtpSelectiveBloom, NgtpSepia, NgtpShockWave, NgtpTexture, NgtpTiltShift, NgtpTiltShift2, NgtpToneMapping, NgtpVignette, NgtpWater, RampEffect, RampType, TiltShift2Effect, WaterEffect, injectDefaultEffectOptions, provideDefaultEffectOptions };
+export type { AutofocusOptions, BrightnessEffectOptions, ChromaticAberrationEffectOptions, ColorDepthEffectOptions, DepthEffectOptions, DotScreenEffectOptions, FXAAEffectOptions, GlitchOptions, HueSaturationEffectOptions, LUTOptions, LensFlareOptions, NgtpEffectComposerOptions, NgtpOutlineOptions, NoiseEffectOptions, PixelationOptions, RampEffectOptions, SMAAEffectOptions, ScanlineEffectOptions, SelectiveBloomOptions, SepiaEffectOptions, ShockWaveEffectOptions, TextureOptions, TiltShift2EffectOptions, TiltShiftEffectOptions, ToneMappingEffectOptions, VignetteEffectOptions, WaterEffectOptions };