@tresjs/post-processing 1.0.0 → 2.1.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/dist/core/pmndrs/BarrelBlurPmndrs.vue.d.ts +26 -0
- package/dist/core/pmndrs/{Bloom.vue.d.ts → BloomPmndrs.vue.d.ts} +8 -8
- package/dist/core/pmndrs/ChromaticAberrationPmndrs.vue.d.ts +27 -0
- package/dist/core/pmndrs/ColorAveragePmndrs.vue.d.ts +16 -0
- package/dist/core/pmndrs/{DepthOfField.vue.d.ts → DepthOfFieldPmndrs.vue.d.ts} +3 -3
- package/dist/core/pmndrs/DotScreenPmndrs.vue.d.ts +22 -0
- package/dist/core/pmndrs/{EffectComposer.vue.d.ts → EffectComposerPmndrs.vue.d.ts} +3 -3
- package/dist/core/pmndrs/{Glitch.vue.d.ts → GlitchPmndrs.vue.d.ts} +3 -3
- package/dist/core/pmndrs/HueSaturationPmndrs.vue.d.ts +22 -0
- package/dist/core/pmndrs/KuwaharaPmndrs.vue.d.ts +27 -0
- package/dist/core/pmndrs/LensDistortionPmndrs.vue.d.ts +25 -0
- package/dist/core/pmndrs/LinocutPmndrs.vue.d.ts +15 -0
- package/dist/core/pmndrs/{Noise.vue.d.ts → NoisePmndrs.vue.d.ts} +3 -4
- package/dist/core/pmndrs/{Outline.vue.d.ts → OutlinePmndrs.vue.d.ts} +3 -3
- package/dist/core/pmndrs/{Pixelation.vue.d.ts → PixelationPmndrs.vue.d.ts} +3 -3
- package/dist/core/pmndrs/ScanlinePmndrs.vue.d.ts +24 -0
- package/dist/core/pmndrs/SepiaPmndrs.vue.d.ts +16 -0
- package/dist/core/pmndrs/ShockWavePmndrs.vue.d.ts +29 -0
- package/dist/core/pmndrs/TiltShiftPmndrs.vue.d.ts +49 -0
- package/dist/core/pmndrs/ToneMappingPmndrs.vue.d.ts +36 -0
- package/dist/core/pmndrs/{Vignette.vue.d.ts → VignettePmndrs.vue.d.ts} +6 -11
- package/dist/core/pmndrs/composables/{useEffect.d.ts → useEffectPmndrs.d.ts} +1 -1
- package/dist/core/pmndrs/custom/barrel-blur/index.d.ts +36 -0
- package/dist/core/pmndrs/custom/kuwahara/index.d.ts +31 -0
- package/dist/core/pmndrs/custom/linocut/index.d.ts +27 -0
- package/dist/core/pmndrs/index.d.ts +23 -10
- package/dist/core/three/UnrealBloom.vue.d.ts +1 -1
- package/dist/index.d.ts +2 -0
- package/dist/tres-post-processing.d.ts +2 -0
- package/dist/{three.js → tres-post-processing.js} +1324 -258
- package/dist/tres-post-processing.umd.cjs +1209 -0
- package/package.json +24 -27
- package/dist/pmndrs.d.ts +0 -2
- package/dist/pmndrs.js +0 -352
- package/dist/prop-BjrXLDuj.js +0 -43
- package/dist/three.d.ts +0 -2
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import { BlendFunction } from 'postprocessing';
|
|
2
|
+
import { Vector2 } from 'three';
|
|
3
|
+
import { BarrelBlurEffect } from './custom/barrel-blur/index';
|
|
4
|
+
export interface BarrelBlurPmndrsProps {
|
|
5
|
+
/**
|
|
6
|
+
* The blend function for the effect.
|
|
7
|
+
* Determines how this effect blends with other effects.
|
|
8
|
+
*/
|
|
9
|
+
blendFunction?: BlendFunction;
|
|
10
|
+
/**
|
|
11
|
+
* The intensity of the barrel distortion.
|
|
12
|
+
* A value between 0 (no distortion) and 1 (maximum distortion).
|
|
13
|
+
*/
|
|
14
|
+
amount?: number;
|
|
15
|
+
/**
|
|
16
|
+
* The offset of the barrel distortion center.
|
|
17
|
+
* A Vector2 value or an A value or an array of two numbers, with both values ranging from 0 to 1.
|
|
18
|
+
* This allows you to change the position of the distortion effect.
|
|
19
|
+
*/
|
|
20
|
+
offset?: Vector2 | [number, number];
|
|
21
|
+
}
|
|
22
|
+
declare const _default: import('vue').DefineComponent<BarrelBlurPmndrsProps, {
|
|
23
|
+
pass: import('vue').ShallowRef<import('postprocessing').EffectPass | null>;
|
|
24
|
+
effect: import('vue').ShallowRef<BarrelBlurEffect | null>;
|
|
25
|
+
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<BarrelBlurPmndrsProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
26
|
+
export default _default;
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { BlendFunction, KernelSize, BloomEffect } from 'postprocessing';
|
|
2
|
-
export interface
|
|
2
|
+
export interface BloomPmndrsProps {
|
|
3
3
|
/**
|
|
4
4
|
* The blend function of this effect. This prop is not reactive.
|
|
5
5
|
* @default BlendFunction.SCREEN
|
|
6
6
|
* @type {BlendFunction}
|
|
7
|
-
* @memberof
|
|
7
|
+
* @memberof BloomPmndrsProps
|
|
8
8
|
*/
|
|
9
9
|
blendFunction?: BlendFunction;
|
|
10
10
|
/**
|
|
@@ -21,7 +21,7 @@ export interface BloomProps {
|
|
|
21
21
|
* @default KernelSize.LARGE
|
|
22
22
|
*
|
|
23
23
|
* @type {KernelSize}
|
|
24
|
-
* @memberof
|
|
24
|
+
* @memberof BloomPmndrsProps
|
|
25
25
|
*/
|
|
26
26
|
kernelSize?: KernelSize;
|
|
27
27
|
/**
|
|
@@ -30,7 +30,7 @@ export interface BloomProps {
|
|
|
30
30
|
* @default 0.9
|
|
31
31
|
*
|
|
32
32
|
* @type {number}
|
|
33
|
-
* @memberof
|
|
33
|
+
* @memberof BloomPmndrsProps
|
|
34
34
|
*/
|
|
35
35
|
luminanceThreshold?: number;
|
|
36
36
|
/**
|
|
@@ -39,7 +39,7 @@ export interface BloomProps {
|
|
|
39
39
|
* @default 0.025
|
|
40
40
|
*
|
|
41
41
|
* @type {number}
|
|
42
|
-
* @memberof
|
|
42
|
+
* @memberof BloomPmndrsProps
|
|
43
43
|
*/
|
|
44
44
|
luminanceSmoothing?: number;
|
|
45
45
|
/**
|
|
@@ -48,14 +48,14 @@ export interface BloomProps {
|
|
|
48
48
|
* @default false
|
|
49
49
|
*
|
|
50
50
|
* @type {boolean}
|
|
51
|
-
* @memberof
|
|
51
|
+
* @memberof BloomPmndrsProps
|
|
52
52
|
*/
|
|
53
53
|
mipmapBlur?: boolean;
|
|
54
54
|
}
|
|
55
|
-
declare const _default: import('vue').DefineComponent<
|
|
55
|
+
declare const _default: import('vue').DefineComponent<BloomPmndrsProps, {
|
|
56
56
|
pass: import('vue').ShallowRef<import('postprocessing').EffectPass | null>;
|
|
57
57
|
effect: import('vue').ShallowRef<BloomEffect | null>;
|
|
58
|
-
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<
|
|
58
|
+
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<BloomPmndrsProps> & Readonly<{}>, {
|
|
59
59
|
mipmapBlur: boolean;
|
|
60
60
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
61
61
|
export default _default;
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import { ChromaticAberrationEffect, BlendFunction } from 'postprocessing';
|
|
2
|
+
import { Vector2 } from 'three';
|
|
3
|
+
export interface ChromaticAberrationPmndrsProps {
|
|
4
|
+
/**
|
|
5
|
+
* The blend function.
|
|
6
|
+
*/
|
|
7
|
+
blendFunction?: BlendFunction;
|
|
8
|
+
/**
|
|
9
|
+
* The color offset.
|
|
10
|
+
*/
|
|
11
|
+
offset?: Vector2;
|
|
12
|
+
/**
|
|
13
|
+
* Whether the effect should be modulated with a radial gradient.
|
|
14
|
+
*/
|
|
15
|
+
radialModulation?: boolean;
|
|
16
|
+
/**
|
|
17
|
+
* The modulation offset, applicable if radial modulation is enabled.
|
|
18
|
+
*/
|
|
19
|
+
modulationOffset?: number;
|
|
20
|
+
}
|
|
21
|
+
declare const _default: import('vue').DefineComponent<ChromaticAberrationPmndrsProps, {
|
|
22
|
+
pass: import('vue').ShallowRef<import('postprocessing').EffectPass | null>;
|
|
23
|
+
effect: import('vue').ShallowRef<ChromaticAberrationEffect | null>;
|
|
24
|
+
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ChromaticAberrationPmndrsProps> & Readonly<{}>, {
|
|
25
|
+
radialModulation: boolean;
|
|
26
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
27
|
+
export default _default;
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { BlendFunction, ColorAverageEffect } from 'postprocessing';
|
|
2
|
+
export interface ColorAveragePmndrsProps {
|
|
3
|
+
/**
|
|
4
|
+
* The blend function.
|
|
5
|
+
*/
|
|
6
|
+
blendFunction?: BlendFunction;
|
|
7
|
+
/**
|
|
8
|
+
* The opacity of the color Average.
|
|
9
|
+
*/
|
|
10
|
+
opacity?: number;
|
|
11
|
+
}
|
|
12
|
+
declare const _default: import('vue').DefineComponent<ColorAveragePmndrsProps, {
|
|
13
|
+
pass: import('vue').ShallowRef<import('postprocessing').EffectPass | null>;
|
|
14
|
+
effect: import('vue').ShallowRef<ColorAverageEffect | null>;
|
|
15
|
+
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ColorAveragePmndrsProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
16
|
+
export default _default;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { BlendFunction, DepthOfFieldEffect } from 'postprocessing';
|
|
2
|
-
export interface
|
|
2
|
+
export interface DepthOfFieldPmndrsProps {
|
|
3
3
|
/**
|
|
4
4
|
* The blend function of this effect. This prop is not reactive.
|
|
5
5
|
*/
|
|
@@ -28,8 +28,8 @@ export interface DepthOfFieldProps {
|
|
|
28
28
|
resolutionX?: number;
|
|
29
29
|
resolutionY?: number;
|
|
30
30
|
}
|
|
31
|
-
declare const _default: import('vue').DefineComponent<
|
|
31
|
+
declare const _default: import('vue').DefineComponent<DepthOfFieldPmndrsProps, {
|
|
32
32
|
pass: import('vue').ShallowRef<import('postprocessing').EffectPass | null>;
|
|
33
33
|
effect: import('vue').ShallowRef<DepthOfFieldEffect | null>;
|
|
34
|
-
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<
|
|
34
|
+
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<DepthOfFieldPmndrsProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
35
35
|
export default _default;
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { BlendFunction, DotScreenEffect } from 'postprocessing';
|
|
2
|
+
export interface DotScreenPmndrsProps {
|
|
3
|
+
/**
|
|
4
|
+
* The angle of the dot pattern.
|
|
5
|
+
* Default: 1.57
|
|
6
|
+
*/
|
|
7
|
+
angle?: number;
|
|
8
|
+
/**
|
|
9
|
+
* The scale of the dot pattern.
|
|
10
|
+
* Default: 1.0
|
|
11
|
+
*/
|
|
12
|
+
scale?: number;
|
|
13
|
+
/**
|
|
14
|
+
* The blend function. Defines how the effect blends with the original scene.
|
|
15
|
+
*/
|
|
16
|
+
blendFunction?: BlendFunction;
|
|
17
|
+
}
|
|
18
|
+
declare const _default: import('vue').DefineComponent<DotScreenPmndrsProps, {
|
|
19
|
+
pass: import('vue').ShallowRef<import('postprocessing').EffectPass | null>;
|
|
20
|
+
effect: import('vue').ShallowRef<DotScreenEffect | null>;
|
|
21
|
+
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<DotScreenPmndrsProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
22
|
+
export default _default;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { EffectComposer } from 'postprocessing';
|
|
2
2
|
import { InjectionKey, ShallowRef } from 'vue';
|
|
3
3
|
export declare const effectComposerInjectionKey: InjectionKey<ShallowRef<EffectComposer | null>>;
|
|
4
|
-
export interface
|
|
4
|
+
export interface EffectComposerPmndrsProps {
|
|
5
5
|
enabled?: boolean;
|
|
6
6
|
depthBuffer?: boolean;
|
|
7
7
|
disableNormalPass?: boolean;
|
|
@@ -11,11 +11,11 @@ export interface EffectComposerProps {
|
|
|
11
11
|
multisampling?: number;
|
|
12
12
|
frameBufferType?: number;
|
|
13
13
|
}
|
|
14
|
-
declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<
|
|
14
|
+
declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<EffectComposerPmndrsProps, {
|
|
15
15
|
composer: ShallowRef<EffectComposer | null>;
|
|
16
16
|
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
17
17
|
render: (...args: any[]) => void;
|
|
18
|
-
}, string, import('vue').PublicProps, Readonly<
|
|
18
|
+
}, string, import('vue').PublicProps, Readonly<EffectComposerPmndrsProps> & Readonly<{
|
|
19
19
|
onRender?: ((...args: any[]) => any) | undefined;
|
|
20
20
|
}>, {
|
|
21
21
|
enabled: boolean;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { BlendFunction, GlitchEffect, GlitchMode } from 'postprocessing';
|
|
2
2
|
import { Texture, Vector2 } from 'three';
|
|
3
|
-
export interface
|
|
3
|
+
export interface GlitchPmndrsProps {
|
|
4
4
|
blendFunction?: BlendFunction;
|
|
5
5
|
/**
|
|
6
6
|
* The minimum and maximum delay between glitch activations in seconds.
|
|
@@ -44,8 +44,8 @@ export interface GlitchProps {
|
|
|
44
44
|
*/
|
|
45
45
|
dtSize?: number;
|
|
46
46
|
}
|
|
47
|
-
declare const _default: import('vue').DefineComponent<
|
|
47
|
+
declare const _default: import('vue').DefineComponent<GlitchPmndrsProps, {
|
|
48
48
|
pass: import('vue').ShallowRef<import('postprocessing').EffectPass | null>;
|
|
49
49
|
effect: import('vue').ShallowRef<GlitchEffect | null>;
|
|
50
|
-
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<
|
|
50
|
+
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<GlitchPmndrsProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
51
51
|
export default _default;
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { BlendFunction, HueSaturationEffect } from 'postprocessing';
|
|
2
|
+
export interface HueSaturationPmndrsProps {
|
|
3
|
+
/**
|
|
4
|
+
* The saturation adjustment. A value of 0.0 results in grayscale, and 1.0 leaves saturation unchanged.
|
|
5
|
+
* Range: [0.0, 1.0]
|
|
6
|
+
*/
|
|
7
|
+
saturation?: number;
|
|
8
|
+
/**
|
|
9
|
+
* The hue adjustment in radians.
|
|
10
|
+
* Range: [-π, π] (or [0, 2π] for a full rotation)
|
|
11
|
+
*/
|
|
12
|
+
hue?: number;
|
|
13
|
+
/**
|
|
14
|
+
* The blend function. Defines how the effect blends with the original scene.
|
|
15
|
+
*/
|
|
16
|
+
blendFunction?: BlendFunction;
|
|
17
|
+
}
|
|
18
|
+
declare const _default: import('vue').DefineComponent<HueSaturationPmndrsProps, {
|
|
19
|
+
pass: import('vue').ShallowRef<import('postprocessing').EffectPass | null>;
|
|
20
|
+
effect: import('vue').ShallowRef<HueSaturationEffect | null>;
|
|
21
|
+
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<HueSaturationPmndrsProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
22
|
+
export default _default;
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import { BlendFunction } from 'postprocessing';
|
|
2
|
+
import { KuwaharaEffect } from './custom/kuwahara/index';
|
|
3
|
+
export interface KuwaharaPmndrsProps {
|
|
4
|
+
/**
|
|
5
|
+
* The blend function for the effect.
|
|
6
|
+
* Determines how this effect blends with other effects.
|
|
7
|
+
*/
|
|
8
|
+
blendFunction?: BlendFunction;
|
|
9
|
+
/**
|
|
10
|
+
* The intensity of the barrel distortion.
|
|
11
|
+
* A value between 0 (no distortion) and 1 (maximum distortion).
|
|
12
|
+
*/
|
|
13
|
+
radius?: number;
|
|
14
|
+
/**
|
|
15
|
+
* The number of sectors.
|
|
16
|
+
* Determines the number of angular divisions used in the Kuwahara filter.
|
|
17
|
+
* Higher values can improve the quality of the effect but may reduce performance.
|
|
18
|
+
* The maximum value is defined by MAX_SECTOR_COUNT = 8 in the kuwahara/index.ts file.
|
|
19
|
+
* It is preferable that the value is an integer.
|
|
20
|
+
*/
|
|
21
|
+
sectorCount?: number;
|
|
22
|
+
}
|
|
23
|
+
declare const _default: import('vue').DefineComponent<KuwaharaPmndrsProps, {
|
|
24
|
+
pass: import('vue').ShallowRef<import('postprocessing').EffectPass | null>;
|
|
25
|
+
effect: import('vue').ShallowRef<KuwaharaEffect | null>;
|
|
26
|
+
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<KuwaharaPmndrsProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
27
|
+
export default _default;
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import { LensDistortionEffect } from 'postprocessing';
|
|
2
|
+
import { Vector2 } from 'three';
|
|
3
|
+
export interface LensDistortionPmndrsProps {
|
|
4
|
+
/**
|
|
5
|
+
* The distortion effect strength.
|
|
6
|
+
*/
|
|
7
|
+
distortion?: Vector2 | [number, number];
|
|
8
|
+
/**
|
|
9
|
+
* The center point.
|
|
10
|
+
*/
|
|
11
|
+
principalPoint?: Vector2 | [number, number];
|
|
12
|
+
/**
|
|
13
|
+
* The focal length.
|
|
14
|
+
*/
|
|
15
|
+
focalLength?: Vector2 | [number, number];
|
|
16
|
+
/**
|
|
17
|
+
* The skew value.
|
|
18
|
+
*/
|
|
19
|
+
skew?: number;
|
|
20
|
+
}
|
|
21
|
+
declare const _default: import('vue').DefineComponent<LensDistortionPmndrsProps, {
|
|
22
|
+
pass: import('vue').ShallowRef<import('postprocessing').EffectPass | null>;
|
|
23
|
+
effect: import('vue').ShallowRef<LensDistortionEffect | null>;
|
|
24
|
+
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<LensDistortionPmndrsProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
25
|
+
export default _default;
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { BlendFunction } from 'postprocessing';
|
|
2
|
+
import { LinocutEffect } from './custom/linocut/index';
|
|
3
|
+
import { Vector2 } from 'three';
|
|
4
|
+
export interface LinocutPmndrsProps {
|
|
5
|
+
blendFunction?: BlendFunction;
|
|
6
|
+
scale?: number;
|
|
7
|
+
noiseScale?: number;
|
|
8
|
+
center?: Vector2 | [number, number];
|
|
9
|
+
rotation?: number;
|
|
10
|
+
}
|
|
11
|
+
declare const _default: import('vue').DefineComponent<LinocutPmndrsProps, {
|
|
12
|
+
pass: import('vue').ShallowRef<import('postprocessing').EffectPass | null>;
|
|
13
|
+
effect: import('vue').ShallowRef<LinocutEffect | null>;
|
|
14
|
+
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<LinocutPmndrsProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
15
|
+
export default _default;
|
|
@@ -1,16 +1,15 @@
|
|
|
1
1
|
import { BlendFunction, NoiseEffect } from 'postprocessing';
|
|
2
|
-
export interface
|
|
2
|
+
export interface NoisePmndrsProps {
|
|
3
3
|
/**
|
|
4
4
|
* Whether the noise should be multiplied with the input color.
|
|
5
5
|
*/
|
|
6
6
|
premultiply?: boolean;
|
|
7
7
|
blendFunction?: BlendFunction;
|
|
8
8
|
}
|
|
9
|
-
declare const _default: import('vue').DefineComponent<
|
|
9
|
+
declare const _default: import('vue').DefineComponent<NoisePmndrsProps, {
|
|
10
10
|
pass: import('vue').ShallowRef<import('postprocessing').EffectPass | null>;
|
|
11
11
|
effect: import('vue').ShallowRef<NoiseEffect | null>;
|
|
12
|
-
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<
|
|
13
|
-
blendFunction: BlendFunction;
|
|
12
|
+
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<NoisePmndrsProps> & Readonly<{}>, {
|
|
14
13
|
premultiply: boolean;
|
|
15
14
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
16
15
|
export default _default;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { TresColor } from '@tresjs/core';
|
|
2
2
|
import { BlendFunction, KernelSize, OutlineEffect } from 'postprocessing';
|
|
3
3
|
import { Object3D, Texture } from 'three';
|
|
4
|
-
export interface
|
|
4
|
+
export interface OutlinePmndrsProps {
|
|
5
5
|
/**
|
|
6
6
|
* The objects in the scene which should have an outline.
|
|
7
7
|
*/
|
|
@@ -36,10 +36,10 @@ export interface OutlineProps {
|
|
|
36
36
|
hiddenEdgeColor?: TresColor;
|
|
37
37
|
visibleEdgeColor?: TresColor;
|
|
38
38
|
}
|
|
39
|
-
declare const _default: import('vue').DefineComponent<
|
|
39
|
+
declare const _default: import('vue').DefineComponent<OutlinePmndrsProps, {
|
|
40
40
|
pass: import('vue').ShallowRef<import('postprocessing').EffectPass | null>;
|
|
41
41
|
effect: import('vue').ShallowRef<OutlineEffect | null>;
|
|
42
|
-
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<
|
|
42
|
+
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<OutlinePmndrsProps> & Readonly<{}>, {
|
|
43
43
|
blur: boolean;
|
|
44
44
|
xRay: boolean;
|
|
45
45
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import { PixelationEffect } from 'postprocessing';
|
|
2
|
-
export interface
|
|
2
|
+
export interface PixelationPmndrsProps {
|
|
3
3
|
/**
|
|
4
4
|
* The pixel granularity.
|
|
5
5
|
*/
|
|
6
6
|
granularity?: number;
|
|
7
7
|
}
|
|
8
|
-
declare const _default: import('vue').DefineComponent<
|
|
8
|
+
declare const _default: import('vue').DefineComponent<PixelationPmndrsProps, {
|
|
9
9
|
pass: import('vue').ShallowRef<import('postprocessing').EffectPass | null>;
|
|
10
10
|
effect: import('vue').ShallowRef<PixelationEffect | null>;
|
|
11
|
-
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<
|
|
11
|
+
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<PixelationPmndrsProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
12
12
|
export default _default;
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import { BlendFunction, ScanlineEffect } from 'postprocessing';
|
|
2
|
+
export interface ScanlinePmndrsProps {
|
|
3
|
+
/**
|
|
4
|
+
* The blend function.
|
|
5
|
+
*/
|
|
6
|
+
blendFunction?: BlendFunction;
|
|
7
|
+
/**
|
|
8
|
+
* The density of the scanlines.
|
|
9
|
+
*/
|
|
10
|
+
density?: number;
|
|
11
|
+
/**
|
|
12
|
+
* The density of the scanlines.
|
|
13
|
+
*/
|
|
14
|
+
scrollSpeed?: number;
|
|
15
|
+
/**
|
|
16
|
+
* The opacity of the scanlines.
|
|
17
|
+
*/
|
|
18
|
+
opacity?: number;
|
|
19
|
+
}
|
|
20
|
+
declare const _default: import('vue').DefineComponent<ScanlinePmndrsProps, {
|
|
21
|
+
pass: import('vue').ShallowRef<import('postprocessing').EffectPass | null>;
|
|
22
|
+
effect: import('vue').ShallowRef<ScanlineEffect | null>;
|
|
23
|
+
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ScanlinePmndrsProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
24
|
+
export default _default;
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { BlendFunction, SepiaEffect } from 'postprocessing';
|
|
2
|
+
export interface SepiaPmndrsProps {
|
|
3
|
+
/**
|
|
4
|
+
* The blend function.
|
|
5
|
+
*/
|
|
6
|
+
blendFunction?: BlendFunction;
|
|
7
|
+
/**
|
|
8
|
+
* The intensity of the sepia effect.
|
|
9
|
+
*/
|
|
10
|
+
intensity?: number;
|
|
11
|
+
}
|
|
12
|
+
declare const _default: import('vue').DefineComponent<SepiaPmndrsProps, {
|
|
13
|
+
pass: import('vue').ShallowRef<import('postprocessing').EffectPass | null>;
|
|
14
|
+
effect: import('vue').ShallowRef<SepiaEffect | null>;
|
|
15
|
+
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<SepiaPmndrsProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
16
|
+
export default _default;
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import { ShockWaveEffect } from 'postprocessing';
|
|
2
|
+
import { Vector3 } from 'three';
|
|
3
|
+
export interface ShockWavePmndrsProps {
|
|
4
|
+
/**
|
|
5
|
+
* The position of the shockwave.
|
|
6
|
+
*/
|
|
7
|
+
position?: Vector3 | [number, number, number];
|
|
8
|
+
/**
|
|
9
|
+
* The amplitude of the shockwave.
|
|
10
|
+
*/
|
|
11
|
+
amplitude?: number;
|
|
12
|
+
/**
|
|
13
|
+
* The speed of the shockwave.
|
|
14
|
+
*/
|
|
15
|
+
speed?: number;
|
|
16
|
+
/**
|
|
17
|
+
* The max radius of the shockwave.
|
|
18
|
+
*/
|
|
19
|
+
maxRadius?: number;
|
|
20
|
+
/**
|
|
21
|
+
* The wave size of the shockwave.
|
|
22
|
+
*/
|
|
23
|
+
waveSize?: number;
|
|
24
|
+
}
|
|
25
|
+
declare const _default: import('vue').DefineComponent<ShockWavePmndrsProps, {
|
|
26
|
+
pass: import('vue').ShallowRef<import('postprocessing').EffectPass | null>;
|
|
27
|
+
effect: import('vue').ShallowRef<ShockWaveEffect | null>;
|
|
28
|
+
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ShockWavePmndrsProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
29
|
+
export default _default;
|
|
@@ -0,0 +1,49 @@
|
|
|
1
|
+
import { BlendFunction, KernelSize, TiltShiftEffect } from 'postprocessing';
|
|
2
|
+
export interface TiltShiftPmndrsProps {
|
|
3
|
+
/**
|
|
4
|
+
* The blend function. Defines how the effect blends with the original scene.
|
|
5
|
+
*/
|
|
6
|
+
blendFunction?: BlendFunction;
|
|
7
|
+
/**
|
|
8
|
+
* The relative offset of the focus area.
|
|
9
|
+
* Range: [-0.5, 0.5]
|
|
10
|
+
*/
|
|
11
|
+
offset?: number;
|
|
12
|
+
/**
|
|
13
|
+
* The rotation of the focus area in radians.
|
|
14
|
+
* Range: [-π, π]
|
|
15
|
+
*/
|
|
16
|
+
rotation?: number;
|
|
17
|
+
/**
|
|
18
|
+
* The relative size of the focus area.
|
|
19
|
+
* Range: [0, 1]
|
|
20
|
+
*/
|
|
21
|
+
focusArea?: number;
|
|
22
|
+
/**
|
|
23
|
+
* The softness of the focus area edges.
|
|
24
|
+
* Range: [0, 1]
|
|
25
|
+
*/
|
|
26
|
+
feather?: number;
|
|
27
|
+
/**
|
|
28
|
+
* The blur kernel size.
|
|
29
|
+
*/
|
|
30
|
+
kernelSize?: KernelSize;
|
|
31
|
+
/**
|
|
32
|
+
* The resolution scale.
|
|
33
|
+
* Range: [0.1, 1]
|
|
34
|
+
*/
|
|
35
|
+
resolutionScale?: number;
|
|
36
|
+
/**
|
|
37
|
+
* The horizontal resolution.
|
|
38
|
+
*/
|
|
39
|
+
resolutionX?: number;
|
|
40
|
+
/**
|
|
41
|
+
* The vertical resolution.
|
|
42
|
+
*/
|
|
43
|
+
resolutionY?: number;
|
|
44
|
+
}
|
|
45
|
+
declare const _default: import('vue').DefineComponent<TiltShiftPmndrsProps, {
|
|
46
|
+
pass: import('vue').ShallowRef<import('postprocessing').EffectPass | null>;
|
|
47
|
+
effect: import('vue').ShallowRef<TiltShiftEffect | null>;
|
|
48
|
+
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<TiltShiftPmndrsProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
49
|
+
export default _default;
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
import { BlendFunction, ToneMappingMode, ToneMappingEffect } from 'postprocessing';
|
|
2
|
+
export interface ToneMappingPmndrsProps {
|
|
3
|
+
/**
|
|
4
|
+
* The tone mapping mode.
|
|
5
|
+
*/
|
|
6
|
+
mode?: ToneMappingMode;
|
|
7
|
+
/**
|
|
8
|
+
* The blend function.
|
|
9
|
+
*/
|
|
10
|
+
blendFunction?: BlendFunction;
|
|
11
|
+
/**
|
|
12
|
+
* The resolution for luminance texture. The resolution of the luminance texture. Must be a power of two.
|
|
13
|
+
*/
|
|
14
|
+
resolution?: number;
|
|
15
|
+
/**
|
|
16
|
+
* The average luminance. Only for `REINHARD2`.
|
|
17
|
+
*/
|
|
18
|
+
averageLuminance?: number;
|
|
19
|
+
/**
|
|
20
|
+
* The middle grey factor. Only for `REINHARD2`.
|
|
21
|
+
*/
|
|
22
|
+
middleGrey?: number;
|
|
23
|
+
/**
|
|
24
|
+
* The minimum luminance. Only for `REINHARD2`.
|
|
25
|
+
*/
|
|
26
|
+
minLuminance?: number;
|
|
27
|
+
/**
|
|
28
|
+
* The white point. Only for `REINHARD2`.
|
|
29
|
+
*/
|
|
30
|
+
whitePoint?: number;
|
|
31
|
+
}
|
|
32
|
+
declare const _default: import('vue').DefineComponent<ToneMappingPmndrsProps, {
|
|
33
|
+
pass: import('vue').ShallowRef<import('postprocessing').EffectPass | null>;
|
|
34
|
+
effect: import('vue').ShallowRef<ToneMappingEffect | null>;
|
|
35
|
+
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ToneMappingPmndrsProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
36
|
+
export default _default;
|
|
@@ -1,20 +1,15 @@
|
|
|
1
|
-
import { BlendFunction,
|
|
2
|
-
export interface
|
|
1
|
+
import { BlendFunction, VignetteTechnique, VignetteEffect } from 'postprocessing';
|
|
2
|
+
export interface VignettePmndrsProps {
|
|
3
3
|
/**
|
|
4
4
|
* Whether the noise should be multiplied with the input color.
|
|
5
5
|
*/
|
|
6
6
|
technique?: VignetteTechnique;
|
|
7
7
|
blendFunction?: BlendFunction;
|
|
8
|
-
offset
|
|
9
|
-
darkness
|
|
8
|
+
offset?: number;
|
|
9
|
+
darkness?: number;
|
|
10
10
|
}
|
|
11
|
-
declare const _default: import('vue').DefineComponent<
|
|
11
|
+
declare const _default: import('vue').DefineComponent<VignettePmndrsProps, {
|
|
12
12
|
pass: import('vue').ShallowRef<import('postprocessing').EffectPass | null>;
|
|
13
13
|
effect: import('vue').ShallowRef<VignetteEffect | null>;
|
|
14
|
-
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<
|
|
15
|
-
blendFunction: BlendFunction;
|
|
16
|
-
technique: VignetteTechnique;
|
|
17
|
-
offset: number;
|
|
18
|
-
darkness: number;
|
|
19
|
-
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
14
|
+
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<VignettePmndrsProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
20
15
|
export default _default;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { Effect, EffectPass } from 'postprocessing';
|
|
2
2
|
import { Reactive, ShallowRef } from 'vue';
|
|
3
|
-
export declare const
|
|
3
|
+
export declare const useEffectPmndrs: <T extends Effect>(newEffectFunction: () => T, passDependencies: Reactive<object>) => {
|
|
4
4
|
pass: ShallowRef<EffectPass | null>;
|
|
5
5
|
effect: ShallowRef<T | null>;
|
|
6
6
|
};
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
import { Vector2 } from 'three';
|
|
2
|
+
import { BlendFunction, Effect } from 'postprocessing';
|
|
3
|
+
/**
|
|
4
|
+
* BarrelBlurEffect - A custom effect for applying a barrel distortion
|
|
5
|
+
* with chromatic aberration blur.
|
|
6
|
+
*/
|
|
7
|
+
export declare class BarrelBlurEffect extends Effect {
|
|
8
|
+
/**
|
|
9
|
+
* Creates a new BarrelBlurEffect instance.
|
|
10
|
+
*
|
|
11
|
+
* @param {object} [options] - Configuration options for the effect.
|
|
12
|
+
* @param {BlendFunction} [options.blendFunction] - Blend mode.
|
|
13
|
+
* @param {number} [options.amount] - Intensity of the barrel distortion (0 to 1).
|
|
14
|
+
* @param {Vector2} [options.offset] - Offset of the barrel distortion center (0 to 1 for both x and y). This allows you to change the position of the distortion effect.
|
|
15
|
+
*
|
|
16
|
+
*/
|
|
17
|
+
constructor({ blendFunction, amount, offset }?: {
|
|
18
|
+
blendFunction?: BlendFunction | undefined;
|
|
19
|
+
amount?: number | undefined;
|
|
20
|
+
offset?: Vector2 | undefined;
|
|
21
|
+
});
|
|
22
|
+
/**
|
|
23
|
+
* The amount.
|
|
24
|
+
*
|
|
25
|
+
* @type {number}
|
|
26
|
+
*/
|
|
27
|
+
get amount(): any;
|
|
28
|
+
set amount(value: any);
|
|
29
|
+
/**
|
|
30
|
+
* The offset.
|
|
31
|
+
*
|
|
32
|
+
* @type {Vector2}
|
|
33
|
+
*/
|
|
34
|
+
get offset(): any;
|
|
35
|
+
set offset(value: any);
|
|
36
|
+
}
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
import { BlendFunction, Effect } from 'postprocessing';
|
|
2
|
+
export declare class KuwaharaEffect extends Effect {
|
|
3
|
+
/**
|
|
4
|
+
* Creates a new KuwaharaEffect instance.
|
|
5
|
+
*
|
|
6
|
+
* @param {object} [options] - Configuration options for the effect.
|
|
7
|
+
* @param {BlendFunction} [options.blendFunction] - Blend mode.
|
|
8
|
+
* @param {number} [options.radius] - Intensity of the effect.
|
|
9
|
+
* @param {number} [options.sectorCount] - Number of sectors.
|
|
10
|
+
*
|
|
11
|
+
*/
|
|
12
|
+
constructor({ blendFunction, radius, sectorCount }?: {
|
|
13
|
+
blendFunction?: BlendFunction | undefined;
|
|
14
|
+
radius?: number | undefined;
|
|
15
|
+
sectorCount?: number | undefined;
|
|
16
|
+
});
|
|
17
|
+
/**
|
|
18
|
+
* The radius.
|
|
19
|
+
*
|
|
20
|
+
* @type {number}
|
|
21
|
+
*/
|
|
22
|
+
get radius(): any;
|
|
23
|
+
set radius(value: any);
|
|
24
|
+
/**
|
|
25
|
+
* The sector count.
|
|
26
|
+
*
|
|
27
|
+
* @type {number}
|
|
28
|
+
*/
|
|
29
|
+
get sectorCount(): any;
|
|
30
|
+
set sectorCount(value: any);
|
|
31
|
+
}
|