@tresjs/cientos 3.4.0 → 3.5.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 +1 -1
- package/dist/composables/useLogger.d.ts +8 -0
- package/dist/core/abstractions/GlobalAudio.d.ts +50 -0
- package/dist/core/abstractions/Lensflare/RandUtils.d.ts +68 -0
- package/dist/core/abstractions/Lensflare/component.vue.d.ts +69 -0
- package/dist/core/abstractions/Lensflare/constants.d.ts +20 -0
- package/dist/core/abstractions/Lensflare/index.d.ts +36 -0
- package/dist/core/abstractions/Levioso.vue.d.ts +52 -0
- package/dist/core/abstractions/MouseParallax.vue.d.ts +58 -0
- package/dist/core/abstractions/Text3D.vue.d.ts +234 -0
- package/dist/core/abstractions/index.d.ts +10 -0
- package/dist/core/abstractions/useAnimations.d.ts +18 -0
- package/dist/core/abstractions/useFBO/component.vue.d.ts +37 -0
- package/dist/core/abstractions/useFBO/index.d.ts +10 -0
- package/dist/core/controls/CameraControls.vue.d.ts +10026 -0
- package/dist/core/controls/KeyboardControls.vue.d.ts +167 -0
- package/dist/core/controls/MapControls.vue.d.ts +54 -0
- package/dist/core/controls/OrbitControls.vue.d.ts +456 -0
- package/dist/core/controls/PointerLockControls.vue.d.ts +75 -0
- package/dist/core/controls/ScrollControls.vue.d.ts +101 -0
- package/dist/core/controls/TransformControls.vue.d.ts +124 -0
- package/dist/core/controls/index.d.ts +8 -0
- package/dist/core/directives/index.d.ts +5 -0
- package/dist/core/directives/vAlwaysLookAt.d.ts +4 -0
- package/dist/core/directives/vDistanceTo.d.ts +4 -0
- package/dist/core/directives/vLightHelper.d.ts +5 -0
- package/dist/core/directives/vLog.d.ts +3 -0
- package/dist/core/index.d.ts +8 -0
- package/dist/core/loaders/SVG/component.vue.d.ts +68 -0
- package/dist/core/loaders/index.d.ts +8 -0
- package/dist/core/loaders/useFBX/component.vue.d.ts +24 -0
- package/dist/core/loaders/useFBX/index.d.ts +9 -0
- package/dist/core/loaders/useGLTF/component.vue.d.ts +65 -0
- package/dist/core/loaders/useGLTF/index.d.ts +36 -0
- package/dist/core/loaders/useProgress.d.ts +6 -0
- package/dist/core/loaders/useVideoTexture.d.ts +28 -0
- package/dist/core/materials/index.d.ts +3 -0
- package/dist/core/materials/meshGlassMaterial/index.vue.d.ts +4 -0
- package/dist/core/materials/meshGlassMaterial/material.d.ts +31 -0
- package/dist/core/materials/meshWobbleMaterial/index.vue.d.ts +23 -0
- package/dist/core/materials/meshWobbleMaterial/material.d.ts +16 -0
- package/dist/core/misc/Stats.d.ts +13 -0
- package/dist/core/misc/StatsGl.d.ts +10 -0
- package/dist/core/misc/html/HTML.vue.d.ts +133 -0
- package/dist/core/misc/html/utils.d.ts +18 -0
- package/dist/core/misc/index.d.ts +5 -0
- package/dist/core/misc/useTweakPane/index.d.ts +10 -0
- package/dist/core/shapes/Box.vue.d.ts +53 -0
- package/dist/core/shapes/CatmullRomCurve3.vue.d.ts +112 -0
- package/dist/core/shapes/Circle.vue.d.ts +52 -0
- package/dist/core/shapes/Cone.vue.d.ts +52 -0
- package/dist/core/shapes/Dodecahedron.vue.d.ts +52 -0
- package/dist/core/shapes/Icosahedron.vue.d.ts +52 -0
- package/dist/core/shapes/Line2.vue.d.ts +120 -0
- package/dist/core/shapes/Octahedron.vue.d.ts +52 -0
- package/dist/core/shapes/Plane.vue.d.ts +52 -0
- package/dist/core/shapes/Ring.vue.d.ts +52 -0
- package/dist/core/shapes/Sphere.vue.d.ts +53 -0
- package/dist/core/shapes/Tetrahedron.vue.d.ts +52 -0
- package/dist/core/shapes/Torus.vue.d.ts +52 -0
- package/dist/core/shapes/TorusKnot.vue.d.ts +52 -0
- package/dist/core/shapes/Tube.vue.d.ts +53 -0
- package/dist/core/shapes/index.d.ts +16 -0
- package/dist/core/staging/Backdrop.vue.d.ts +44 -0
- package/dist/core/staging/Precipitation.vue.d.ts +226 -0
- package/dist/core/staging/Sky.vue.d.ts +77 -0
- package/dist/core/staging/Smoke.vue.d.ts +146 -0
- package/dist/core/staging/Stars.vue.d.ts +145 -0
- package/dist/core/staging/index.d.ts +8 -0
- package/dist/core/staging/useEnvironment/const.d.ts +51 -0
- package/dist/core/staging/useEnvironment/index.d.ts +3 -0
- package/dist/index.d.ts +2 -0
- package/dist/trescientos.js +40015 -0
- package/dist/trescientos.umd.cjs +1726 -0
- package/dist/utils/easing.d.ts +5 -0
- package/dist/utils/index.d.ts +22 -0
- package/package.json +24 -17
|
@@ -0,0 +1,120 @@
|
|
|
1
|
+
import { Vector2, Vector3 } from 'three';
|
|
2
|
+
import type { TresColor } from '@tresjs/core';
|
|
3
|
+
type Points = (Vector3 | Vector2 | [number, number, number] | [number, number] | number)[];
|
|
4
|
+
type VertexColors = Array<TresColor>;
|
|
5
|
+
export interface LineProps {
|
|
6
|
+
points: Points;
|
|
7
|
+
vertexColors?: VertexColors | null;
|
|
8
|
+
color?: TresColor;
|
|
9
|
+
lineWidth?: number;
|
|
10
|
+
worldUnits?: boolean;
|
|
11
|
+
alphaToCoverage?: boolean;
|
|
12
|
+
dashed?: boolean;
|
|
13
|
+
dashSize?: number;
|
|
14
|
+
gapSize?: number;
|
|
15
|
+
dashScale?: number;
|
|
16
|
+
dashOffset?: number;
|
|
17
|
+
}
|
|
18
|
+
declare const _default: import("vue").DefineComponent<{
|
|
19
|
+
color: {
|
|
20
|
+
type: import("vue").PropType<import("three").ColorRepresentation | [r: number, g: number, b: number]>;
|
|
21
|
+
default: string;
|
|
22
|
+
};
|
|
23
|
+
points: {
|
|
24
|
+
type: import("vue").PropType<Points>;
|
|
25
|
+
required: true;
|
|
26
|
+
};
|
|
27
|
+
alphaToCoverage: {
|
|
28
|
+
type: import("vue").PropType<boolean>;
|
|
29
|
+
default: boolean;
|
|
30
|
+
};
|
|
31
|
+
vertexColors: {
|
|
32
|
+
type: import("vue").PropType<VertexColors | null>;
|
|
33
|
+
default: null;
|
|
34
|
+
};
|
|
35
|
+
lineWidth: {
|
|
36
|
+
type: import("vue").PropType<number>;
|
|
37
|
+
default: number;
|
|
38
|
+
};
|
|
39
|
+
worldUnits: {
|
|
40
|
+
type: import("vue").PropType<boolean>;
|
|
41
|
+
default: boolean;
|
|
42
|
+
};
|
|
43
|
+
dashed: {
|
|
44
|
+
type: import("vue").PropType<boolean>;
|
|
45
|
+
default: boolean;
|
|
46
|
+
};
|
|
47
|
+
dashSize: {
|
|
48
|
+
type: import("vue").PropType<number>;
|
|
49
|
+
default: number;
|
|
50
|
+
};
|
|
51
|
+
gapSize: {
|
|
52
|
+
type: import("vue").PropType<number>;
|
|
53
|
+
default: number;
|
|
54
|
+
};
|
|
55
|
+
dashScale: {
|
|
56
|
+
type: import("vue").PropType<number>;
|
|
57
|
+
default: number;
|
|
58
|
+
};
|
|
59
|
+
dashOffset: {
|
|
60
|
+
type: import("vue").PropType<number>;
|
|
61
|
+
default: number;
|
|
62
|
+
};
|
|
63
|
+
}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
64
|
+
color: {
|
|
65
|
+
type: import("vue").PropType<import("three").ColorRepresentation | [r: number, g: number, b: number]>;
|
|
66
|
+
default: string;
|
|
67
|
+
};
|
|
68
|
+
points: {
|
|
69
|
+
type: import("vue").PropType<Points>;
|
|
70
|
+
required: true;
|
|
71
|
+
};
|
|
72
|
+
alphaToCoverage: {
|
|
73
|
+
type: import("vue").PropType<boolean>;
|
|
74
|
+
default: boolean;
|
|
75
|
+
};
|
|
76
|
+
vertexColors: {
|
|
77
|
+
type: import("vue").PropType<VertexColors | null>;
|
|
78
|
+
default: null;
|
|
79
|
+
};
|
|
80
|
+
lineWidth: {
|
|
81
|
+
type: import("vue").PropType<number>;
|
|
82
|
+
default: number;
|
|
83
|
+
};
|
|
84
|
+
worldUnits: {
|
|
85
|
+
type: import("vue").PropType<boolean>;
|
|
86
|
+
default: boolean;
|
|
87
|
+
};
|
|
88
|
+
dashed: {
|
|
89
|
+
type: import("vue").PropType<boolean>;
|
|
90
|
+
default: boolean;
|
|
91
|
+
};
|
|
92
|
+
dashSize: {
|
|
93
|
+
type: import("vue").PropType<number>;
|
|
94
|
+
default: number;
|
|
95
|
+
};
|
|
96
|
+
gapSize: {
|
|
97
|
+
type: import("vue").PropType<number>;
|
|
98
|
+
default: number;
|
|
99
|
+
};
|
|
100
|
+
dashScale: {
|
|
101
|
+
type: import("vue").PropType<number>;
|
|
102
|
+
default: number;
|
|
103
|
+
};
|
|
104
|
+
dashOffset: {
|
|
105
|
+
type: import("vue").PropType<number>;
|
|
106
|
+
default: number;
|
|
107
|
+
};
|
|
108
|
+
}>>, {
|
|
109
|
+
color: import("three").ColorRepresentation | [r: number, g: number, b: number];
|
|
110
|
+
alphaToCoverage: boolean;
|
|
111
|
+
vertexColors: VertexColors | null;
|
|
112
|
+
lineWidth: number;
|
|
113
|
+
worldUnits: boolean;
|
|
114
|
+
dashed: boolean;
|
|
115
|
+
dashSize: number;
|
|
116
|
+
gapSize: number;
|
|
117
|
+
dashScale: number;
|
|
118
|
+
dashOffset: number;
|
|
119
|
+
}, {}>;
|
|
120
|
+
export default _default;
|
|
@@ -0,0 +1,52 @@
|
|
|
1
|
+
import type { TresColor } from '@tresjs/core';
|
|
2
|
+
import type { OctahedronGeometry } from 'three';
|
|
3
|
+
export interface OctahedronProps {
|
|
4
|
+
/**
|
|
5
|
+
* The radius and detail of the octahedron.
|
|
6
|
+
* @default [1, 0]
|
|
7
|
+
* @type {number[]}
|
|
8
|
+
* @memberof OctahedronProps
|
|
9
|
+
* @see https://threejs.org/docs/#api/en/geometries/OctahedronGeometry
|
|
10
|
+
*/
|
|
11
|
+
args?: ConstructorParameters<typeof OctahedronGeometry>;
|
|
12
|
+
/**
|
|
13
|
+
* The color of the octahedron.
|
|
14
|
+
* @default 0xffffff
|
|
15
|
+
* @type {TresColor}
|
|
16
|
+
* @memberof OctahedronProps
|
|
17
|
+
* @see https://threejs.org/docs/#api/en/materials/MeshBasicMaterial
|
|
18
|
+
*/
|
|
19
|
+
color?: TresColor;
|
|
20
|
+
}
|
|
21
|
+
declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
22
|
+
color: {
|
|
23
|
+
type: import("vue").PropType<import("three").ColorRepresentation | [r: number, g: number, b: number]>;
|
|
24
|
+
default: string;
|
|
25
|
+
};
|
|
26
|
+
args: {
|
|
27
|
+
type: import("vue").PropType<[radius?: number | undefined, detail?: number | undefined]>;
|
|
28
|
+
default: () => number[];
|
|
29
|
+
};
|
|
30
|
+
}, {
|
|
31
|
+
value: import("vue").ShallowRef<any>;
|
|
32
|
+
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
33
|
+
color: {
|
|
34
|
+
type: import("vue").PropType<import("three").ColorRepresentation | [r: number, g: number, b: number]>;
|
|
35
|
+
default: string;
|
|
36
|
+
};
|
|
37
|
+
args: {
|
|
38
|
+
type: import("vue").PropType<[radius?: number | undefined, detail?: number | undefined]>;
|
|
39
|
+
default: () => number[];
|
|
40
|
+
};
|
|
41
|
+
}>>, {
|
|
42
|
+
color: import("three").ColorRepresentation | [r: number, g: number, b: number];
|
|
43
|
+
args: [radius?: number | undefined, detail?: number | undefined];
|
|
44
|
+
}, {}>, {
|
|
45
|
+
default?(_: {}): any;
|
|
46
|
+
}>;
|
|
47
|
+
export default _default;
|
|
48
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
49
|
+
new (): {
|
|
50
|
+
$slots: S;
|
|
51
|
+
};
|
|
52
|
+
};
|
|
@@ -0,0 +1,52 @@
|
|
|
1
|
+
import type { TresColor } from '@tresjs/core';
|
|
2
|
+
import type { PlaneGeometry } from 'three';
|
|
3
|
+
export interface PlaneProps {
|
|
4
|
+
/**
|
|
5
|
+
* The width and height, widthSegments, heightSegments of the plane.
|
|
6
|
+
* @default [1, 1, 1, 1]
|
|
7
|
+
* @type {number[]}
|
|
8
|
+
* @memberof PlaneProps
|
|
9
|
+
* @see https://threejs.org/docs/#api/en/geometries/PlaneGeometry
|
|
10
|
+
*/
|
|
11
|
+
args?: ConstructorParameters<typeof PlaneGeometry>;
|
|
12
|
+
/**
|
|
13
|
+
* The color of the plane.
|
|
14
|
+
* @default 0xffffff
|
|
15
|
+
* @type {TresColor}
|
|
16
|
+
* @memberof PlaneProps
|
|
17
|
+
* @see https://threejs.org/docs/#api/en/materials/MeshBasicMaterial
|
|
18
|
+
*/
|
|
19
|
+
color?: TresColor;
|
|
20
|
+
}
|
|
21
|
+
declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
22
|
+
color: {
|
|
23
|
+
type: import("vue").PropType<import("three").ColorRepresentation | [r: number, g: number, b: number]>;
|
|
24
|
+
default: string;
|
|
25
|
+
};
|
|
26
|
+
args: {
|
|
27
|
+
type: import("vue").PropType<[width?: number | undefined, height?: number | undefined, widthSegments?: number | undefined, heightSegments?: number | undefined]>;
|
|
28
|
+
default: () => number[];
|
|
29
|
+
};
|
|
30
|
+
}, {
|
|
31
|
+
value: import("vue").ShallowRef<any>;
|
|
32
|
+
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
33
|
+
color: {
|
|
34
|
+
type: import("vue").PropType<import("three").ColorRepresentation | [r: number, g: number, b: number]>;
|
|
35
|
+
default: string;
|
|
36
|
+
};
|
|
37
|
+
args: {
|
|
38
|
+
type: import("vue").PropType<[width?: number | undefined, height?: number | undefined, widthSegments?: number | undefined, heightSegments?: number | undefined]>;
|
|
39
|
+
default: () => number[];
|
|
40
|
+
};
|
|
41
|
+
}>>, {
|
|
42
|
+
color: import("three").ColorRepresentation | [r: number, g: number, b: number];
|
|
43
|
+
args: [width?: number | undefined, height?: number | undefined, widthSegments?: number | undefined, heightSegments?: number | undefined];
|
|
44
|
+
}, {}>, {
|
|
45
|
+
default?(_: {}): any;
|
|
46
|
+
}>;
|
|
47
|
+
export default _default;
|
|
48
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
49
|
+
new (): {
|
|
50
|
+
$slots: S;
|
|
51
|
+
};
|
|
52
|
+
};
|
|
@@ -0,0 +1,52 @@
|
|
|
1
|
+
import type { TresColor } from '@tresjs/core';
|
|
2
|
+
import type { RingGeometry } from 'three';
|
|
3
|
+
export interface RingProps {
|
|
4
|
+
/**
|
|
5
|
+
* The innerRadius, outerRadius, thetaSegments, phiSegments, tethaStart, thetaLength of the ring.
|
|
6
|
+
* @default [0.5, 1, 32, 1, 0, Math.PI * 2]
|
|
7
|
+
* @type {number[]}
|
|
8
|
+
* @memberof RingProps
|
|
9
|
+
* @see https://threejs.org/docs/#api/en/geometries/RingGeometry
|
|
10
|
+
*/
|
|
11
|
+
args?: ConstructorParameters<typeof RingGeometry>;
|
|
12
|
+
/**
|
|
13
|
+
* The color of the ring.
|
|
14
|
+
* @default 0xffffff
|
|
15
|
+
* @type {TresColor}
|
|
16
|
+
* @memberof RingProps
|
|
17
|
+
* @see https://threejs.org/docs/#api/en/materials/MeshBasicMaterial
|
|
18
|
+
*/
|
|
19
|
+
color?: TresColor;
|
|
20
|
+
}
|
|
21
|
+
declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
22
|
+
color: {
|
|
23
|
+
type: import("vue").PropType<import("three").ColorRepresentation | [r: number, g: number, b: number]>;
|
|
24
|
+
default: string;
|
|
25
|
+
};
|
|
26
|
+
args: {
|
|
27
|
+
type: import("vue").PropType<[innerRadius?: number | undefined, outerRadius?: number | undefined, thetaSegments?: number | undefined, phiSegments?: number | undefined, thetaStart?: number | undefined, thetaLength?: number | undefined]>;
|
|
28
|
+
default: () => number[];
|
|
29
|
+
};
|
|
30
|
+
}, {
|
|
31
|
+
value: import("vue").ShallowRef<any>;
|
|
32
|
+
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
33
|
+
color: {
|
|
34
|
+
type: import("vue").PropType<import("three").ColorRepresentation | [r: number, g: number, b: number]>;
|
|
35
|
+
default: string;
|
|
36
|
+
};
|
|
37
|
+
args: {
|
|
38
|
+
type: import("vue").PropType<[innerRadius?: number | undefined, outerRadius?: number | undefined, thetaSegments?: number | undefined, phiSegments?: number | undefined, thetaStart?: number | undefined, thetaLength?: number | undefined]>;
|
|
39
|
+
default: () => number[];
|
|
40
|
+
};
|
|
41
|
+
}>>, {
|
|
42
|
+
color: import("three").ColorRepresentation | [r: number, g: number, b: number];
|
|
43
|
+
args: [innerRadius?: number | undefined, outerRadius?: number | undefined, thetaSegments?: number | undefined, phiSegments?: number | undefined, thetaStart?: number | undefined, thetaLength?: number | undefined];
|
|
44
|
+
}, {}>, {
|
|
45
|
+
default?(_: {}): any;
|
|
46
|
+
}>;
|
|
47
|
+
export default _default;
|
|
48
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
49
|
+
new (): {
|
|
50
|
+
$slots: S;
|
|
51
|
+
};
|
|
52
|
+
};
|
|
@@ -0,0 +1,53 @@
|
|
|
1
|
+
import type { TresColor } from '@tresjs/core';
|
|
2
|
+
import type { SphereGeometry } from 'three';
|
|
3
|
+
export interface SphereProps {
|
|
4
|
+
/**
|
|
5
|
+
* The radius, widthSegments, heightSegments, phiStart phiLength,
|
|
6
|
+
* thetaStart and thetaLength of the sphere.
|
|
7
|
+
* @default [2, 32, 16, 0, Math.PI * 2, 0, Math.PI]
|
|
8
|
+
* @type {number[]}
|
|
9
|
+
* @memberof SphereProps
|
|
10
|
+
* @see https://threejs.org/docs/#api/en/geometries/SphereGeometry
|
|
11
|
+
*/
|
|
12
|
+
args?: ConstructorParameters<typeof SphereGeometry>;
|
|
13
|
+
/**
|
|
14
|
+
* The color of the sphere.
|
|
15
|
+
* @default 0xffffff
|
|
16
|
+
* @type {TresColor}
|
|
17
|
+
* @memberof SphereProps
|
|
18
|
+
* @see https://threejs.org/docs/#api/en/materials/MeshBasicMaterial
|
|
19
|
+
*/
|
|
20
|
+
color?: TresColor;
|
|
21
|
+
}
|
|
22
|
+
declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
23
|
+
color: {
|
|
24
|
+
type: import("vue").PropType<import("three").ColorRepresentation | [r: number, g: number, b: number]>;
|
|
25
|
+
default: string;
|
|
26
|
+
};
|
|
27
|
+
args: {
|
|
28
|
+
type: import("vue").PropType<[radius?: number | undefined, widthSegments?: number | undefined, heightSegments?: number | undefined, phiStart?: number | undefined, phiLength?: number | undefined, thetaStart?: number | undefined, thetaLength?: number | undefined]>;
|
|
29
|
+
default: () => number[];
|
|
30
|
+
};
|
|
31
|
+
}, {
|
|
32
|
+
value: import("vue").ShallowRef<any>;
|
|
33
|
+
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
34
|
+
color: {
|
|
35
|
+
type: import("vue").PropType<import("three").ColorRepresentation | [r: number, g: number, b: number]>;
|
|
36
|
+
default: string;
|
|
37
|
+
};
|
|
38
|
+
args: {
|
|
39
|
+
type: import("vue").PropType<[radius?: number | undefined, widthSegments?: number | undefined, heightSegments?: number | undefined, phiStart?: number | undefined, phiLength?: number | undefined, thetaStart?: number | undefined, thetaLength?: number | undefined]>;
|
|
40
|
+
default: () => number[];
|
|
41
|
+
};
|
|
42
|
+
}>>, {
|
|
43
|
+
color: import("three").ColorRepresentation | [r: number, g: number, b: number];
|
|
44
|
+
args: [radius?: number | undefined, widthSegments?: number | undefined, heightSegments?: number | undefined, phiStart?: number | undefined, phiLength?: number | undefined, thetaStart?: number | undefined, thetaLength?: number | undefined];
|
|
45
|
+
}, {}>, {
|
|
46
|
+
default?(_: {}): any;
|
|
47
|
+
}>;
|
|
48
|
+
export default _default;
|
|
49
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
50
|
+
new (): {
|
|
51
|
+
$slots: S;
|
|
52
|
+
};
|
|
53
|
+
};
|
|
@@ -0,0 +1,52 @@
|
|
|
1
|
+
import type { TresColor } from '@tresjs/core';
|
|
2
|
+
import type { TetrahedronGeometry } from 'three';
|
|
3
|
+
export interface TetrahedronProps {
|
|
4
|
+
/**
|
|
5
|
+
* The radius and detail of the tetrahedron.
|
|
6
|
+
* @default [1, 0]
|
|
7
|
+
* @type {number[]}
|
|
8
|
+
* @memberof TetrahedronProps
|
|
9
|
+
* @see https://threejs.org/docs/#api/en/geometries/TetrahedronGeometry
|
|
10
|
+
*/
|
|
11
|
+
args?: ConstructorParameters<typeof TetrahedronGeometry>;
|
|
12
|
+
/**
|
|
13
|
+
* The color of the tetrahedron.
|
|
14
|
+
* @default 0xffffff
|
|
15
|
+
* @type {TresColor}
|
|
16
|
+
* @memberof TetrahedronProps
|
|
17
|
+
* @see https://threejs.org/docs/#api/en/materials/MeshBasicMaterial
|
|
18
|
+
*/
|
|
19
|
+
color?: TresColor;
|
|
20
|
+
}
|
|
21
|
+
declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
22
|
+
color: {
|
|
23
|
+
type: import("vue").PropType<import("three").ColorRepresentation | [r: number, g: number, b: number]>;
|
|
24
|
+
default: string;
|
|
25
|
+
};
|
|
26
|
+
args: {
|
|
27
|
+
type: import("vue").PropType<[radius?: number | undefined, detail?: number | undefined]>;
|
|
28
|
+
default: () => number[];
|
|
29
|
+
};
|
|
30
|
+
}, {
|
|
31
|
+
value: import("vue").ShallowRef<any>;
|
|
32
|
+
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
33
|
+
color: {
|
|
34
|
+
type: import("vue").PropType<import("three").ColorRepresentation | [r: number, g: number, b: number]>;
|
|
35
|
+
default: string;
|
|
36
|
+
};
|
|
37
|
+
args: {
|
|
38
|
+
type: import("vue").PropType<[radius?: number | undefined, detail?: number | undefined]>;
|
|
39
|
+
default: () => number[];
|
|
40
|
+
};
|
|
41
|
+
}>>, {
|
|
42
|
+
color: import("three").ColorRepresentation | [r: number, g: number, b: number];
|
|
43
|
+
args: [radius?: number | undefined, detail?: number | undefined];
|
|
44
|
+
}, {}>, {
|
|
45
|
+
default?(_: {}): any;
|
|
46
|
+
}>;
|
|
47
|
+
export default _default;
|
|
48
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
49
|
+
new (): {
|
|
50
|
+
$slots: S;
|
|
51
|
+
};
|
|
52
|
+
};
|
|
@@ -0,0 +1,52 @@
|
|
|
1
|
+
import type { TresColor } from '@tresjs/core';
|
|
2
|
+
import type { TorusGeometry } from 'three';
|
|
3
|
+
export interface TorusProps {
|
|
4
|
+
/**
|
|
5
|
+
* The radius, tube, radialSegments, tubularSegments, arc of the torus.
|
|
6
|
+
* @default [1, 1, 16, 80, Math.PI * 2]
|
|
7
|
+
* @type {number[]}
|
|
8
|
+
* @memberof TorusProps
|
|
9
|
+
* @see https://threejs.org/docs/#api/en/geometries/TorusGeometry
|
|
10
|
+
*/
|
|
11
|
+
args?: ConstructorParameters<typeof TorusGeometry>;
|
|
12
|
+
/**
|
|
13
|
+
* The color of the torus.
|
|
14
|
+
* @default 0xffffff
|
|
15
|
+
* @type {TresColor}
|
|
16
|
+
* @memberof TorusProps
|
|
17
|
+
* @see https://threejs.org/docs/#api/en/materials/MeshBasicMaterial
|
|
18
|
+
*/
|
|
19
|
+
color?: TresColor;
|
|
20
|
+
}
|
|
21
|
+
declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
22
|
+
color: {
|
|
23
|
+
type: import("vue").PropType<import("three").ColorRepresentation | [r: number, g: number, b: number]>;
|
|
24
|
+
default: string;
|
|
25
|
+
};
|
|
26
|
+
args: {
|
|
27
|
+
type: import("vue").PropType<[radius?: number | undefined, tube?: number | undefined, radialSegments?: number | undefined, tubularSegments?: number | undefined, arc?: number | undefined]>;
|
|
28
|
+
default: () => number[];
|
|
29
|
+
};
|
|
30
|
+
}, {
|
|
31
|
+
value: import("vue").ShallowRef<any>;
|
|
32
|
+
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
33
|
+
color: {
|
|
34
|
+
type: import("vue").PropType<import("three").ColorRepresentation | [r: number, g: number, b: number]>;
|
|
35
|
+
default: string;
|
|
36
|
+
};
|
|
37
|
+
args: {
|
|
38
|
+
type: import("vue").PropType<[radius?: number | undefined, tube?: number | undefined, radialSegments?: number | undefined, tubularSegments?: number | undefined, arc?: number | undefined]>;
|
|
39
|
+
default: () => number[];
|
|
40
|
+
};
|
|
41
|
+
}>>, {
|
|
42
|
+
color: import("three").ColorRepresentation | [r: number, g: number, b: number];
|
|
43
|
+
args: [radius?: number | undefined, tube?: number | undefined, radialSegments?: number | undefined, tubularSegments?: number | undefined, arc?: number | undefined];
|
|
44
|
+
}, {}>, {
|
|
45
|
+
default?(_: {}): any;
|
|
46
|
+
}>;
|
|
47
|
+
export default _default;
|
|
48
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
49
|
+
new (): {
|
|
50
|
+
$slots: S;
|
|
51
|
+
};
|
|
52
|
+
};
|
|
@@ -0,0 +1,52 @@
|
|
|
1
|
+
import type { TresColor } from '@tresjs/core';
|
|
2
|
+
import type { TorusKnotGeometry } from 'three';
|
|
3
|
+
export interface TorusKnotProps {
|
|
4
|
+
/**
|
|
5
|
+
* The radius, tube, radialSegments, tubularSegments and p, q of the torus knot.
|
|
6
|
+
* @default [1, 0.4, 64, 8, 2, 3]
|
|
7
|
+
* @type {number[]}
|
|
8
|
+
* @memberof TorusKnotProps
|
|
9
|
+
* @see https://threejs.org/docs/#api/en/geometries/TorusKnotGeometry
|
|
10
|
+
*/
|
|
11
|
+
args?: ConstructorParameters<typeof TorusKnotGeometry>;
|
|
12
|
+
/**
|
|
13
|
+
* The color of the torus knot.
|
|
14
|
+
* @default 0xffffff
|
|
15
|
+
* @type {TresColor}
|
|
16
|
+
* @memberof TorusKnotProps
|
|
17
|
+
* @see https://threejs.org/docs/#api/en/materials/MeshBasicMaterial
|
|
18
|
+
*/
|
|
19
|
+
color?: TresColor;
|
|
20
|
+
}
|
|
21
|
+
declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
22
|
+
color: {
|
|
23
|
+
type: import("vue").PropType<import("three").ColorRepresentation | [r: number, g: number, b: number]>;
|
|
24
|
+
default: string;
|
|
25
|
+
};
|
|
26
|
+
args: {
|
|
27
|
+
type: import("vue").PropType<[radius?: number | undefined, tube?: number | undefined, tubularSegments?: number | undefined, radialSegments?: number | undefined, p?: number | undefined, q?: number | undefined]>;
|
|
28
|
+
default: () => number[];
|
|
29
|
+
};
|
|
30
|
+
}, {
|
|
31
|
+
value: import("vue").ShallowRef<any>;
|
|
32
|
+
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
33
|
+
color: {
|
|
34
|
+
type: import("vue").PropType<import("three").ColorRepresentation | [r: number, g: number, b: number]>;
|
|
35
|
+
default: string;
|
|
36
|
+
};
|
|
37
|
+
args: {
|
|
38
|
+
type: import("vue").PropType<[radius?: number | undefined, tube?: number | undefined, tubularSegments?: number | undefined, radialSegments?: number | undefined, p?: number | undefined, q?: number | undefined]>;
|
|
39
|
+
default: () => number[];
|
|
40
|
+
};
|
|
41
|
+
}>>, {
|
|
42
|
+
color: import("three").ColorRepresentation | [r: number, g: number, b: number];
|
|
43
|
+
args: [radius?: number | undefined, tube?: number | undefined, tubularSegments?: number | undefined, radialSegments?: number | undefined, p?: number | undefined, q?: number | undefined];
|
|
44
|
+
}, {}>, {
|
|
45
|
+
default?(_: {}): any;
|
|
46
|
+
}>;
|
|
47
|
+
export default _default;
|
|
48
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
49
|
+
new (): {
|
|
50
|
+
$slots: S;
|
|
51
|
+
};
|
|
52
|
+
};
|
|
@@ -0,0 +1,53 @@
|
|
|
1
|
+
import type { TresColor } from '@tresjs/core';
|
|
2
|
+
import type { TubeGeometry } from 'three';
|
|
3
|
+
import { QuadraticBezierCurve3, Vector3 } from 'three';
|
|
4
|
+
export interface TubeProps {
|
|
5
|
+
/**
|
|
6
|
+
* The curve, segments, radius, radialSegments, closed.
|
|
7
|
+
* @default [new QuadraticBezierCurve3(new Vector3(-1, 0, 0), new Vector3(0, 1, 0), new Vector3(1, 0, 0)), 20, 0.2, 8, false]
|
|
8
|
+
* @type {TubeGeometryParams}
|
|
9
|
+
* @memberof TubeProps
|
|
10
|
+
* @see https://threejs.org/docs/#api/en/geometries/TubeGeometry
|
|
11
|
+
*/
|
|
12
|
+
args?: ConstructorParameters<typeof TubeGeometry>;
|
|
13
|
+
/**
|
|
14
|
+
* The color of the tube.
|
|
15
|
+
* @default 0xffffff
|
|
16
|
+
* @type {TresColor}
|
|
17
|
+
* @memberof TubeProps
|
|
18
|
+
* @see https://threejs.org/docs/#api/en/materials/MeshBasicMaterial
|
|
19
|
+
*/
|
|
20
|
+
color?: TresColor;
|
|
21
|
+
}
|
|
22
|
+
declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
23
|
+
color: {
|
|
24
|
+
type: import("vue").PropType<import("three").ColorRepresentation | [r: number, g: number, b: number]>;
|
|
25
|
+
default: string;
|
|
26
|
+
};
|
|
27
|
+
args: {
|
|
28
|
+
type: import("vue").PropType<[path?: import("three").Curve<Vector3> | undefined, tubularSegments?: number | undefined, radius?: number | undefined, radialSegments?: number | undefined, closed?: boolean | undefined]>;
|
|
29
|
+
default: () => (number | boolean | QuadraticBezierCurve3)[];
|
|
30
|
+
};
|
|
31
|
+
}, {
|
|
32
|
+
value: import("vue").ShallowRef<any>;
|
|
33
|
+
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
34
|
+
color: {
|
|
35
|
+
type: import("vue").PropType<import("three").ColorRepresentation | [r: number, g: number, b: number]>;
|
|
36
|
+
default: string;
|
|
37
|
+
};
|
|
38
|
+
args: {
|
|
39
|
+
type: import("vue").PropType<[path?: import("three").Curve<Vector3> | undefined, tubularSegments?: number | undefined, radius?: number | undefined, radialSegments?: number | undefined, closed?: boolean | undefined]>;
|
|
40
|
+
default: () => (number | boolean | QuadraticBezierCurve3)[];
|
|
41
|
+
};
|
|
42
|
+
}>>, {
|
|
43
|
+
color: import("three").ColorRepresentation | [r: number, g: number, b: number];
|
|
44
|
+
args: [path?: import("three").Curve<Vector3> | undefined, tubularSegments?: number | undefined, radius?: number | undefined, radialSegments?: number | undefined, closed?: boolean | undefined];
|
|
45
|
+
}, {}>, {
|
|
46
|
+
default?(_: {}): any;
|
|
47
|
+
}>;
|
|
48
|
+
export default _default;
|
|
49
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
50
|
+
new (): {
|
|
51
|
+
$slots: S;
|
|
52
|
+
};
|
|
53
|
+
};
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import Box from './Box.vue';
|
|
2
|
+
import CatmullRomCurve3 from './CatmullRomCurve3.vue';
|
|
3
|
+
import Circle from './Circle.vue';
|
|
4
|
+
import Cone from './Cone.vue';
|
|
5
|
+
import Dodecahedron from './Dodecahedron.vue';
|
|
6
|
+
import Icosahedron from './Icosahedron.vue';
|
|
7
|
+
import Line2 from './Line2.vue';
|
|
8
|
+
import Octahedron from './Octahedron.vue';
|
|
9
|
+
import Plane from './Plane.vue';
|
|
10
|
+
import Ring from './Ring.vue';
|
|
11
|
+
import Sphere from './Sphere.vue';
|
|
12
|
+
import Tetrahedron from './Tetrahedron.vue';
|
|
13
|
+
import Torus from './Torus.vue';
|
|
14
|
+
import TorusKnot from './TorusKnot.vue';
|
|
15
|
+
import Tube from './Tube.vue';
|
|
16
|
+
export { Box, CatmullRomCurve3, Circle, Cone, Dodecahedron, Icosahedron, Line2, Octahedron, Plane, Ring, Sphere, Tetrahedron, Torus, TorusKnot, Tube, };
|
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
export interface BackdropProps {
|
|
2
|
+
floor?: number;
|
|
3
|
+
segments?: number;
|
|
4
|
+
receiveShadow?: boolean;
|
|
5
|
+
}
|
|
6
|
+
declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
7
|
+
receiveShadow: {
|
|
8
|
+
type: import("vue").PropType<boolean>;
|
|
9
|
+
default: boolean;
|
|
10
|
+
};
|
|
11
|
+
floor: {
|
|
12
|
+
type: import("vue").PropType<number>;
|
|
13
|
+
default: number;
|
|
14
|
+
};
|
|
15
|
+
segments: {
|
|
16
|
+
type: import("vue").PropType<number>;
|
|
17
|
+
default: number;
|
|
18
|
+
};
|
|
19
|
+
}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
20
|
+
receiveShadow: {
|
|
21
|
+
type: import("vue").PropType<boolean>;
|
|
22
|
+
default: boolean;
|
|
23
|
+
};
|
|
24
|
+
floor: {
|
|
25
|
+
type: import("vue").PropType<number>;
|
|
26
|
+
default: number;
|
|
27
|
+
};
|
|
28
|
+
segments: {
|
|
29
|
+
type: import("vue").PropType<number>;
|
|
30
|
+
default: number;
|
|
31
|
+
};
|
|
32
|
+
}>>, {
|
|
33
|
+
receiveShadow: boolean;
|
|
34
|
+
floor: number;
|
|
35
|
+
segments: number;
|
|
36
|
+
}, {}>, {
|
|
37
|
+
default?(_: {}): any;
|
|
38
|
+
}>;
|
|
39
|
+
export default _default;
|
|
40
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
41
|
+
new (): {
|
|
42
|
+
$slots: S;
|
|
43
|
+
};
|
|
44
|
+
};
|