@tresjs/post-processing 0.4.0 → 0.6.0-next.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/README.md +5 -12
- package/dist/core/EffectComposer.vue.d.ts +51 -100
- package/dist/core/composables/effect.d.ts +6 -0
- package/dist/core/effects/Bloom.vue.d.ts +37 -55
- package/dist/core/effects/DepthOfField.vue.d.ts +45 -0
- package/dist/core/effects/Glitch.vue.d.ts +17 -95
- package/dist/core/effects/Noise.vue.d.ts +39 -0
- package/dist/core/effects/Outline.vue.d.ts +32 -125
- package/dist/core/effects/Pixelation.vue.d.ts +21 -0
- package/dist/core/injectionKeys.d.ts +2 -2
- package/dist/index.d.ts +4 -1
- package/dist/tres-postprocessing.js +247 -150
- package/dist/tres-postprocessing.umd.cjs +2 -2
- package/dist/util/object.d.ts +55 -0
- package/dist/util/prop.d.ts +40 -0
- package/package.json +23 -21
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { OutlineEffect } from 'postprocessing';
|
|
2
2
|
import type { TresColor } from '@tresjs/core';
|
|
3
3
|
import type { Object3D, Texture } from 'three';
|
|
4
4
|
import type { BlendFunction, KernelSize } from 'postprocessing';
|
|
5
|
-
export
|
|
5
|
+
export interface OutlineProps {
|
|
6
6
|
/**
|
|
7
7
|
* The objects in the scene which should have an outline.
|
|
8
8
|
*/
|
|
@@ -36,128 +36,35 @@ export type OutlineProps = {
|
|
|
36
36
|
resolutionScale?: number;
|
|
37
37
|
hiddenEdgeColor?: TresColor;
|
|
38
38
|
visibleEdgeColor?: TresColor;
|
|
39
|
-
}
|
|
40
|
-
declare const
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
}
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
};
|
|
61
|
-
resolutionX: {
|
|
62
|
-
type: __PropType<number | undefined>;
|
|
63
|
-
required: false;
|
|
64
|
-
};
|
|
65
|
-
resolutionY: {
|
|
66
|
-
type: __PropType<number | undefined>;
|
|
67
|
-
required: false;
|
|
68
|
-
};
|
|
69
|
-
edgeStrength: {
|
|
70
|
-
type: __PropType<number | undefined>;
|
|
71
|
-
required: false;
|
|
72
|
-
};
|
|
73
|
-
patternScale: {
|
|
74
|
-
type: __PropType<number | undefined>;
|
|
75
|
-
required: false;
|
|
76
|
-
};
|
|
77
|
-
multisampling: {
|
|
78
|
-
type: __PropType<number | undefined>;
|
|
79
|
-
required: false;
|
|
80
|
-
};
|
|
81
|
-
blendFunction: {
|
|
82
|
-
type: __PropType<BlendFunction | undefined>;
|
|
83
|
-
required: false;
|
|
84
|
-
};
|
|
85
|
-
patternTexture: {
|
|
86
|
-
type: __PropType<Texture | undefined>;
|
|
87
|
-
required: false;
|
|
88
|
-
};
|
|
89
|
-
resolutionScale: {
|
|
90
|
-
type: __PropType<number | undefined>;
|
|
91
|
-
required: false;
|
|
92
|
-
};
|
|
93
|
-
hiddenEdgeColor: {
|
|
94
|
-
type: __PropType<[r: number, g: number, b: number] | import("three").ColorRepresentation | undefined>;
|
|
95
|
-
required: false;
|
|
96
|
-
};
|
|
97
|
-
visibleEdgeColor: {
|
|
98
|
-
type: __PropType<[r: number, g: number, b: number] | import("three").ColorRepresentation | undefined>;
|
|
99
|
-
required: false;
|
|
100
|
-
};
|
|
101
|
-
}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
102
|
-
outlinedObjects: {
|
|
103
|
-
type: __PropType<Object3D<import("three").Event>[]>;
|
|
39
|
+
}
|
|
40
|
+
declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<OutlineProps>, {
|
|
41
|
+
blur: undefined;
|
|
42
|
+
xRay: undefined;
|
|
43
|
+
}>, {
|
|
44
|
+
pass: import("vue").ShallowRef<import("postprocessing").EffectPass | null>;
|
|
45
|
+
effect: import("vue").ShallowRef<OutlineEffect | null>;
|
|
46
|
+
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<OutlineProps>, {
|
|
47
|
+
blur: undefined;
|
|
48
|
+
xRay: undefined;
|
|
49
|
+
}>>>, {
|
|
50
|
+
blur: boolean;
|
|
51
|
+
xRay: boolean;
|
|
52
|
+
}, {}>;
|
|
53
|
+
export default _default;
|
|
54
|
+
type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
|
|
55
|
+
type __VLS_TypePropsToRuntimeProps<T> = {
|
|
56
|
+
[K in keyof T]-?: {} extends Pick<T, K> ? {
|
|
57
|
+
type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
|
|
58
|
+
} : {
|
|
59
|
+
type: import('vue').PropType<T[K]>;
|
|
104
60
|
required: true;
|
|
105
61
|
};
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
type: __PropType<KernelSize | undefined>;
|
|
116
|
-
required: false;
|
|
117
|
-
};
|
|
118
|
-
pulseSpeed: {
|
|
119
|
-
type: __PropType<number | undefined>;
|
|
120
|
-
required: false;
|
|
121
|
-
};
|
|
122
|
-
resolutionX: {
|
|
123
|
-
type: __PropType<number | undefined>;
|
|
124
|
-
required: false;
|
|
125
|
-
};
|
|
126
|
-
resolutionY: {
|
|
127
|
-
type: __PropType<number | undefined>;
|
|
128
|
-
required: false;
|
|
129
|
-
};
|
|
130
|
-
edgeStrength: {
|
|
131
|
-
type: __PropType<number | undefined>;
|
|
132
|
-
required: false;
|
|
133
|
-
};
|
|
134
|
-
patternScale: {
|
|
135
|
-
type: __PropType<number | undefined>;
|
|
136
|
-
required: false;
|
|
137
|
-
};
|
|
138
|
-
multisampling: {
|
|
139
|
-
type: __PropType<number | undefined>;
|
|
140
|
-
required: false;
|
|
141
|
-
};
|
|
142
|
-
blendFunction: {
|
|
143
|
-
type: __PropType<BlendFunction | undefined>;
|
|
144
|
-
required: false;
|
|
145
|
-
};
|
|
146
|
-
patternTexture: {
|
|
147
|
-
type: __PropType<Texture | undefined>;
|
|
148
|
-
required: false;
|
|
149
|
-
};
|
|
150
|
-
resolutionScale: {
|
|
151
|
-
type: __PropType<number | undefined>;
|
|
152
|
-
required: false;
|
|
153
|
-
};
|
|
154
|
-
hiddenEdgeColor: {
|
|
155
|
-
type: __PropType<[r: number, g: number, b: number] | import("three").ColorRepresentation | undefined>;
|
|
156
|
-
required: false;
|
|
157
|
-
};
|
|
158
|
-
visibleEdgeColor: {
|
|
159
|
-
type: __PropType<[r: number, g: number, b: number] | import("three").ColorRepresentation | undefined>;
|
|
160
|
-
required: false;
|
|
161
|
-
};
|
|
162
|
-
}>>, {}, {}>;
|
|
163
|
-
export default _sfc_main;
|
|
62
|
+
};
|
|
63
|
+
type __VLS_WithDefaults<P, D> = {
|
|
64
|
+
[K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
|
|
65
|
+
default: D[K];
|
|
66
|
+
}> : P[K];
|
|
67
|
+
};
|
|
68
|
+
type __VLS_Prettify<T> = {
|
|
69
|
+
[K in keyof T]: T[K];
|
|
70
|
+
} & {};
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { PixelationEffect } from 'postprocessing';
|
|
2
|
+
export interface PixelationProps {
|
|
3
|
+
/**
|
|
4
|
+
* The pixel granularity.
|
|
5
|
+
*/
|
|
6
|
+
granularity?: number;
|
|
7
|
+
}
|
|
8
|
+
declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<PixelationProps>, {
|
|
9
|
+
pass: import("vue").ShallowRef<import("postprocessing").EffectPass | null>;
|
|
10
|
+
effect: import("vue").ShallowRef<PixelationEffect | null>;
|
|
11
|
+
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<PixelationProps>>>, {}, {}>;
|
|
12
|
+
export default _default;
|
|
13
|
+
type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
|
|
14
|
+
type __VLS_TypePropsToRuntimeProps<T> = {
|
|
15
|
+
[K in keyof T]-?: {} extends Pick<T, K> ? {
|
|
16
|
+
type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
|
|
17
|
+
} : {
|
|
18
|
+
type: import('vue').PropType<T[K]>;
|
|
19
|
+
required: true;
|
|
20
|
+
};
|
|
21
|
+
};
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import { EffectComposer } from 'postprocessing';
|
|
2
|
-
import { InjectionKey, ShallowRef } from 'vue';
|
|
1
|
+
import type { EffectComposer } from 'postprocessing';
|
|
2
|
+
import type { InjectionKey, ShallowRef } from 'vue';
|
|
3
3
|
export declare const effectComposerInjectionKey: InjectionKey<ShallowRef<EffectComposer | null>>;
|
package/dist/index.d.ts
CHANGED
|
@@ -1,5 +1,8 @@
|
|
|
1
1
|
import Bloom from './core/effects/Bloom.vue';
|
|
2
2
|
import Glitch from './core/effects/Glitch.vue';
|
|
3
3
|
import Outline from './core/effects/Outline.vue';
|
|
4
|
+
import Pixelation from './core/effects/Pixelation.vue';
|
|
5
|
+
import DepthOfField from './core/effects/DepthOfField.vue';
|
|
6
|
+
import Noise from './core/effects/Noise.vue';
|
|
4
7
|
import EffectComposer from './core/EffectComposer.vue';
|
|
5
|
-
export {
|
|
8
|
+
export { Bloom, Glitch, Outline, Pixelation, DepthOfField, EffectComposer, Noise, };
|