@tresjs/cientos 3.3.0 → 3.4.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/package.json +2 -1
- package/dist/composables/useLogger.d.ts +0 -8
- package/dist/core/abstractions/Levioso.vue.d.ts +0 -52
- package/dist/core/abstractions/MouseParallax.vue.d.ts +0 -58
- package/dist/core/abstractions/Text3D.vue.d.ts +0 -234
- package/dist/core/abstractions/index.d.ts +0 -6
- package/dist/core/abstractions/useAnimations.d.ts +0 -18
- package/dist/core/controls/CameraControls.vue.d.ts +0 -9641
- package/dist/core/controls/KeyboardControls.vue.d.ts +0 -167
- package/dist/core/controls/MapControls.vue.d.ts +0 -54
- package/dist/core/controls/OrbitControls.vue.d.ts +0 -456
- package/dist/core/controls/PointerLockControls.vue.d.ts +0 -75
- package/dist/core/controls/ScrollControls.vue.d.ts +0 -101
- package/dist/core/controls/TransformControls.vue.d.ts +0 -124
- package/dist/core/controls/index.d.ts +0 -8
- package/dist/core/index.d.ts +0 -7
- package/dist/core/loaders/SVG/component.vue.d.ts +0 -68
- package/dist/core/loaders/index.d.ts +0 -8
- package/dist/core/loaders/useFBX/component.vue.d.ts +0 -24
- package/dist/core/loaders/useFBX/index.d.ts +0 -9
- package/dist/core/loaders/useGLTF/component.vue.d.ts +0 -65
- package/dist/core/loaders/useGLTF/index.d.ts +0 -36
- package/dist/core/loaders/useProgress.d.ts +0 -6
- package/dist/core/loaders/useVideoTexture.d.ts +0 -28
- package/dist/core/materials/index.d.ts +0 -3
- package/dist/core/materials/meshGlassMaterial/index.vue.d.ts +0 -4
- package/dist/core/materials/meshGlassMaterial/material.d.ts +0 -31
- package/dist/core/materials/meshWobbleMaterial/index.vue.d.ts +0 -23
- package/dist/core/materials/meshWobbleMaterial/material.d.ts +0 -16
- package/dist/core/misc/Stats.d.ts +0 -1
- package/dist/core/misc/index.d.ts +0 -3
- package/dist/core/misc/useTweakPane/index.d.ts +0 -10
- package/dist/core/shapes/Box.vue.d.ts +0 -53
- package/dist/core/shapes/Circle.vue.d.ts +0 -52
- package/dist/core/shapes/Cone.vue.d.ts +0 -52
- package/dist/core/shapes/Dodecahedron.vue.d.ts +0 -52
- package/dist/core/shapes/Icosahedron.vue.d.ts +0 -52
- package/dist/core/shapes/Octahedron.vue.d.ts +0 -52
- package/dist/core/shapes/Plane.vue.d.ts +0 -52
- package/dist/core/shapes/Ring.vue.d.ts +0 -52
- package/dist/core/shapes/Sphere.vue.d.ts +0 -53
- package/dist/core/shapes/Tetrahedron.vue.d.ts +0 -52
- package/dist/core/shapes/Torus.vue.d.ts +0 -52
- package/dist/core/shapes/TorusKnot.vue.d.ts +0 -52
- package/dist/core/shapes/Tube.vue.d.ts +0 -53
- package/dist/core/shapes/index.d.ts +0 -14
- package/dist/core/staging/Backdrop.vue.d.ts +0 -44
- package/dist/core/staging/Precipitation.vue.d.ts +0 -226
- package/dist/core/staging/Smoke.vue.d.ts +0 -146
- package/dist/core/staging/Stars.vue.d.ts +0 -145
- package/dist/core/staging/index.d.ts +0 -7
- package/dist/core/staging/useEnvironment/component.d.ts +0 -2
- package/dist/core/staging/useEnvironment/const.d.ts +0 -47
- package/dist/core/staging/useEnvironment/index.d.ts +0 -17
- package/dist/index.d.ts +0 -1
- package/dist/trescientos.js +0 -9994
- package/dist/trescientos.umd.cjs +0 -95
- package/dist/utils/index.d.ts +0 -20
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@tresjs/cientos",
|
|
3
3
|
"type": "module",
|
|
4
|
-
"version": "3.
|
|
4
|
+
"version": "3.4.0",
|
|
5
5
|
"packageManager": "pnpm@8.4.0",
|
|
6
6
|
"description": "Collection of useful helpers and fully functional, ready-made abstractions for Tres",
|
|
7
7
|
"author": "Alvaro Saburido <hola@alvarosaburido.dev> (https://github.com/alvarosabu/)",
|
|
@@ -54,6 +54,7 @@
|
|
|
54
54
|
"@vueuse/core": "^10.3.0",
|
|
55
55
|
"camera-controls": "^2.7.1",
|
|
56
56
|
"stats.js": "^0.17.0",
|
|
57
|
+
"stats-gl": "^1.0.5",
|
|
57
58
|
"three-stdlib": "^2.25.0"
|
|
58
59
|
},
|
|
59
60
|
"devDependencies": {
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
export declare const isProd: boolean;
|
|
2
|
-
interface LoggerComposition {
|
|
3
|
-
logError: (message: string, error?: Error | ErrorEvent) => void;
|
|
4
|
-
logWarning: (message: string) => void;
|
|
5
|
-
logMessage: (name: string, value: any) => void;
|
|
6
|
-
}
|
|
7
|
-
export declare function useLogger(): LoggerComposition;
|
|
8
|
-
export {};
|
|
@@ -1,52 +0,0 @@
|
|
|
1
|
-
declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
2
|
-
speed: {
|
|
3
|
-
type: import("vue").PropType<number>;
|
|
4
|
-
required: true;
|
|
5
|
-
default: number;
|
|
6
|
-
};
|
|
7
|
-
rotationFactor: {
|
|
8
|
-
type: import("vue").PropType<number>;
|
|
9
|
-
default: number;
|
|
10
|
-
};
|
|
11
|
-
floatFactor: {
|
|
12
|
-
type: import("vue").PropType<number>;
|
|
13
|
-
default: number;
|
|
14
|
-
};
|
|
15
|
-
range: {
|
|
16
|
-
type: import("vue").PropType<[number, number]>;
|
|
17
|
-
default: () => number[];
|
|
18
|
-
};
|
|
19
|
-
}, {
|
|
20
|
-
value: import("vue").ShallowRef<any>;
|
|
21
|
-
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
22
|
-
speed: {
|
|
23
|
-
type: import("vue").PropType<number>;
|
|
24
|
-
required: true;
|
|
25
|
-
default: number;
|
|
26
|
-
};
|
|
27
|
-
rotationFactor: {
|
|
28
|
-
type: import("vue").PropType<number>;
|
|
29
|
-
default: number;
|
|
30
|
-
};
|
|
31
|
-
floatFactor: {
|
|
32
|
-
type: import("vue").PropType<number>;
|
|
33
|
-
default: number;
|
|
34
|
-
};
|
|
35
|
-
range: {
|
|
36
|
-
type: import("vue").PropType<[number, number]>;
|
|
37
|
-
default: () => number[];
|
|
38
|
-
};
|
|
39
|
-
}>>, {
|
|
40
|
-
speed: number;
|
|
41
|
-
rotationFactor: number;
|
|
42
|
-
floatFactor: number;
|
|
43
|
-
range: [number, number];
|
|
44
|
-
}, {}>, {
|
|
45
|
-
default?(_: {}): any;
|
|
46
|
-
}>;
|
|
47
|
-
export default _default;
|
|
48
|
-
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
49
|
-
new (): {
|
|
50
|
-
$slots: S;
|
|
51
|
-
};
|
|
52
|
-
};
|
|
@@ -1,58 +0,0 @@
|
|
|
1
|
-
export interface MouseParallaxProps {
|
|
2
|
-
/**
|
|
3
|
-
* Whether to disable the mouse controls.
|
|
4
|
-
* @type {boolean}
|
|
5
|
-
* @default false
|
|
6
|
-
* @memberof MouseParallaxProps
|
|
7
|
-
*
|
|
8
|
-
*/
|
|
9
|
-
disabled?: boolean;
|
|
10
|
-
/**
|
|
11
|
-
* The factor to multiply the mouse movement by.
|
|
12
|
-
* @type {number}
|
|
13
|
-
* @default 2.5
|
|
14
|
-
* @memberof MouseParallaxProps
|
|
15
|
-
*
|
|
16
|
-
**/
|
|
17
|
-
factor?: number;
|
|
18
|
-
/**
|
|
19
|
-
* The factor to multiply the mouse movement by.
|
|
20
|
-
* @type {number}
|
|
21
|
-
* @default 2.5
|
|
22
|
-
* @memberof MouseParallaxProps
|
|
23
|
-
*
|
|
24
|
-
**/
|
|
25
|
-
ease?: number;
|
|
26
|
-
}
|
|
27
|
-
declare const _default: import("vue").DefineComponent<{
|
|
28
|
-
disabled: {
|
|
29
|
-
type: import("vue").PropType<boolean>;
|
|
30
|
-
default: boolean;
|
|
31
|
-
};
|
|
32
|
-
factor: {
|
|
33
|
-
type: import("vue").PropType<number>;
|
|
34
|
-
default: number;
|
|
35
|
-
};
|
|
36
|
-
ease: {
|
|
37
|
-
type: import("vue").PropType<number>;
|
|
38
|
-
default: number;
|
|
39
|
-
};
|
|
40
|
-
}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
41
|
-
disabled: {
|
|
42
|
-
type: import("vue").PropType<boolean>;
|
|
43
|
-
default: boolean;
|
|
44
|
-
};
|
|
45
|
-
factor: {
|
|
46
|
-
type: import("vue").PropType<number>;
|
|
47
|
-
default: number;
|
|
48
|
-
};
|
|
49
|
-
ease: {
|
|
50
|
-
type: import("vue").PropType<number>;
|
|
51
|
-
default: number;
|
|
52
|
-
};
|
|
53
|
-
}>>, {
|
|
54
|
-
disabled: boolean;
|
|
55
|
-
factor: number;
|
|
56
|
-
ease: number;
|
|
57
|
-
}, {}>;
|
|
58
|
-
export default _default;
|
|
@@ -1,234 +0,0 @@
|
|
|
1
|
-
export interface Glyph {
|
|
2
|
-
_cachedOutline: string[];
|
|
3
|
-
ha: number;
|
|
4
|
-
o: string;
|
|
5
|
-
}
|
|
6
|
-
export interface FontData {
|
|
7
|
-
boundingBox: {
|
|
8
|
-
yMax: number;
|
|
9
|
-
yMin: number;
|
|
10
|
-
};
|
|
11
|
-
familyName: string;
|
|
12
|
-
glyphs: {
|
|
13
|
-
[k: string]: Glyph;
|
|
14
|
-
};
|
|
15
|
-
resolution: number;
|
|
16
|
-
underlineThickness: number;
|
|
17
|
-
}
|
|
18
|
-
export interface Text3DProps {
|
|
19
|
-
/**
|
|
20
|
-
*
|
|
21
|
-
* The JSON font to use for the text.
|
|
22
|
-
* Text3D requires fonts in JSON format generated through [typeface.json](http://gero3.github.io/facetype.js)
|
|
23
|
-
*
|
|
24
|
-
* @type {(FontData | string)}
|
|
25
|
-
* @memberof Text3DProps
|
|
26
|
-
* @see https://threejs.org/docs/index.html?q=TEXT#examples/en/geometries/TextGeometry
|
|
27
|
-
*/
|
|
28
|
-
font: FontData | string;
|
|
29
|
-
/**
|
|
30
|
-
* The text to display.
|
|
31
|
-
*
|
|
32
|
-
* @type {string}
|
|
33
|
-
* @memberof Text3DProps
|
|
34
|
-
*/
|
|
35
|
-
text?: string;
|
|
36
|
-
/**
|
|
37
|
-
* The size of the text.
|
|
38
|
-
*
|
|
39
|
-
* @type {number}
|
|
40
|
-
* @memberof Text3DProps
|
|
41
|
-
* @default 0.5
|
|
42
|
-
*/
|
|
43
|
-
size?: number;
|
|
44
|
-
/**
|
|
45
|
-
* The height of the text.
|
|
46
|
-
*
|
|
47
|
-
* @type {number}
|
|
48
|
-
* @memberof Text3DProps
|
|
49
|
-
* @default 0.2
|
|
50
|
-
*/
|
|
51
|
-
height?: number;
|
|
52
|
-
/**
|
|
53
|
-
* The curve segments of the text.
|
|
54
|
-
*
|
|
55
|
-
* @type {number}
|
|
56
|
-
* @memberof Text3DProps
|
|
57
|
-
* @default 5
|
|
58
|
-
*/
|
|
59
|
-
curveSegments?: number;
|
|
60
|
-
/**
|
|
61
|
-
* Turn on bevel
|
|
62
|
-
*
|
|
63
|
-
* @type {boolean}
|
|
64
|
-
* @memberof Text3DProps
|
|
65
|
-
* @default true
|
|
66
|
-
*/
|
|
67
|
-
bevelEnabled?: boolean;
|
|
68
|
-
/**
|
|
69
|
-
* How deep into text bevel goes.
|
|
70
|
-
*
|
|
71
|
-
* @type {number}
|
|
72
|
-
* @memberof Text3DProps
|
|
73
|
-
* @default 0.05
|
|
74
|
-
*/
|
|
75
|
-
bevelThickness?: number;
|
|
76
|
-
/**
|
|
77
|
-
* How far from text outline is bevel.
|
|
78
|
-
*
|
|
79
|
-
* @type {number}
|
|
80
|
-
* @memberof Text3DProps
|
|
81
|
-
* @default 0.02
|
|
82
|
-
*/
|
|
83
|
-
bevelSize?: number;
|
|
84
|
-
/**
|
|
85
|
-
* How far from text outline is bevel.
|
|
86
|
-
*
|
|
87
|
-
* @type {number}
|
|
88
|
-
* @memberof Text3DProps
|
|
89
|
-
* @default 0
|
|
90
|
-
*/
|
|
91
|
-
bevelOffset?: number;
|
|
92
|
-
/**
|
|
93
|
-
* How many bevel segments.
|
|
94
|
-
*
|
|
95
|
-
* @type {number}
|
|
96
|
-
* @memberof Text3DProps
|
|
97
|
-
* @default 4
|
|
98
|
-
*/
|
|
99
|
-
bevelSegments?: number;
|
|
100
|
-
/**
|
|
101
|
-
* Whether to center the text.
|
|
102
|
-
*
|
|
103
|
-
* @type {boolean}
|
|
104
|
-
* @memberof Text3DProps
|
|
105
|
-
* @default false
|
|
106
|
-
*/
|
|
107
|
-
center?: boolean;
|
|
108
|
-
/**
|
|
109
|
-
* Whether to update the text.
|
|
110
|
-
*
|
|
111
|
-
* @type {boolean}
|
|
112
|
-
* @memberof Text3DProps
|
|
113
|
-
* @default false
|
|
114
|
-
*/
|
|
115
|
-
needUpdates?: boolean;
|
|
116
|
-
}
|
|
117
|
-
declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
118
|
-
height: {
|
|
119
|
-
type: import("vue").PropType<number>;
|
|
120
|
-
default: number;
|
|
121
|
-
};
|
|
122
|
-
font: {
|
|
123
|
-
type: import("vue").PropType<string | FontData>;
|
|
124
|
-
required: true;
|
|
125
|
-
};
|
|
126
|
-
text: {
|
|
127
|
-
type: import("vue").PropType<string>;
|
|
128
|
-
};
|
|
129
|
-
size: {
|
|
130
|
-
type: import("vue").PropType<number>;
|
|
131
|
-
default: number;
|
|
132
|
-
};
|
|
133
|
-
curveSegments: {
|
|
134
|
-
type: import("vue").PropType<number>;
|
|
135
|
-
default: number;
|
|
136
|
-
};
|
|
137
|
-
bevelEnabled: {
|
|
138
|
-
type: import("vue").PropType<boolean>;
|
|
139
|
-
default: boolean;
|
|
140
|
-
};
|
|
141
|
-
bevelThickness: {
|
|
142
|
-
type: import("vue").PropType<number>;
|
|
143
|
-
default: number;
|
|
144
|
-
};
|
|
145
|
-
bevelSize: {
|
|
146
|
-
type: import("vue").PropType<number>;
|
|
147
|
-
default: number;
|
|
148
|
-
};
|
|
149
|
-
bevelOffset: {
|
|
150
|
-
type: import("vue").PropType<number>;
|
|
151
|
-
default: number;
|
|
152
|
-
};
|
|
153
|
-
bevelSegments: {
|
|
154
|
-
type: import("vue").PropType<number>;
|
|
155
|
-
default: number;
|
|
156
|
-
};
|
|
157
|
-
center: {
|
|
158
|
-
type: import("vue").PropType<boolean>;
|
|
159
|
-
default: boolean;
|
|
160
|
-
};
|
|
161
|
-
needUpdates: {
|
|
162
|
-
type: import("vue").PropType<boolean>;
|
|
163
|
-
default: boolean;
|
|
164
|
-
};
|
|
165
|
-
}, {
|
|
166
|
-
value: import("vue").ShallowRef<any>;
|
|
167
|
-
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
168
|
-
height: {
|
|
169
|
-
type: import("vue").PropType<number>;
|
|
170
|
-
default: number;
|
|
171
|
-
};
|
|
172
|
-
font: {
|
|
173
|
-
type: import("vue").PropType<string | FontData>;
|
|
174
|
-
required: true;
|
|
175
|
-
};
|
|
176
|
-
text: {
|
|
177
|
-
type: import("vue").PropType<string>;
|
|
178
|
-
};
|
|
179
|
-
size: {
|
|
180
|
-
type: import("vue").PropType<number>;
|
|
181
|
-
default: number;
|
|
182
|
-
};
|
|
183
|
-
curveSegments: {
|
|
184
|
-
type: import("vue").PropType<number>;
|
|
185
|
-
default: number;
|
|
186
|
-
};
|
|
187
|
-
bevelEnabled: {
|
|
188
|
-
type: import("vue").PropType<boolean>;
|
|
189
|
-
default: boolean;
|
|
190
|
-
};
|
|
191
|
-
bevelThickness: {
|
|
192
|
-
type: import("vue").PropType<number>;
|
|
193
|
-
default: number;
|
|
194
|
-
};
|
|
195
|
-
bevelSize: {
|
|
196
|
-
type: import("vue").PropType<number>;
|
|
197
|
-
default: number;
|
|
198
|
-
};
|
|
199
|
-
bevelOffset: {
|
|
200
|
-
type: import("vue").PropType<number>;
|
|
201
|
-
default: number;
|
|
202
|
-
};
|
|
203
|
-
bevelSegments: {
|
|
204
|
-
type: import("vue").PropType<number>;
|
|
205
|
-
default: number;
|
|
206
|
-
};
|
|
207
|
-
center: {
|
|
208
|
-
type: import("vue").PropType<boolean>;
|
|
209
|
-
default: boolean;
|
|
210
|
-
};
|
|
211
|
-
needUpdates: {
|
|
212
|
-
type: import("vue").PropType<boolean>;
|
|
213
|
-
default: boolean;
|
|
214
|
-
};
|
|
215
|
-
}>>, {
|
|
216
|
-
height: number;
|
|
217
|
-
size: number;
|
|
218
|
-
curveSegments: number;
|
|
219
|
-
bevelEnabled: boolean;
|
|
220
|
-
bevelThickness: number;
|
|
221
|
-
bevelSize: number;
|
|
222
|
-
bevelOffset: number;
|
|
223
|
-
bevelSegments: number;
|
|
224
|
-
center: boolean;
|
|
225
|
-
needUpdates: boolean;
|
|
226
|
-
}, {}>, {
|
|
227
|
-
default?(_: {}): any;
|
|
228
|
-
}>;
|
|
229
|
-
export default _default;
|
|
230
|
-
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
231
|
-
new (): {
|
|
232
|
-
$slots: S;
|
|
233
|
-
};
|
|
234
|
-
};
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
import Text3D from './Text3D.vue';
|
|
2
|
-
import { useAnimations } from './useAnimations';
|
|
3
|
-
import Levioso from './Levioso.vue';
|
|
4
|
-
import MouseParallax from './MouseParallax.vue';
|
|
5
|
-
export * from '../staging/useEnvironment';
|
|
6
|
-
export { Text3D, useAnimations, MouseParallax, Levioso, };
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
import type { AnimationAction, AnimationClip, Object3D, Scene } from 'three';
|
|
2
|
-
import { AnimationMixer } from 'three';
|
|
3
|
-
import type { Ref } from 'vue';
|
|
4
|
-
/**
|
|
5
|
-
* Creates an AnimationMixer and returns it.
|
|
6
|
-
*
|
|
7
|
-
* @export
|
|
8
|
-
* @template T
|
|
9
|
-
* @param {T[]} animations
|
|
10
|
-
* @param {(Scene | Ref<Object3D | undefined | null>)} [modelRef]
|
|
11
|
-
* @return {*}
|
|
12
|
-
*/
|
|
13
|
-
export declare function useAnimations<T extends AnimationClip>(animations: T[], modelRef?: Scene | Ref<Object3D | undefined | null>): {
|
|
14
|
-
actions: import("vue").ShallowReactive<{
|
|
15
|
-
[key: string]: AnimationAction;
|
|
16
|
-
}>;
|
|
17
|
-
mixer: AnimationMixer;
|
|
18
|
-
};
|