@tresjs/cientos 3.7.0 → 3.8.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 +7 -6
- package/dist/core/abstractions/GlobalAudio.d.ts +1 -1
- package/dist/core/abstractions/Lensflare/component.vue.d.ts +1 -1
- package/dist/core/abstractions/Levioso.vue.d.ts +1 -1
- package/dist/core/abstractions/MouseParallax.vue.d.ts +1 -1
- package/dist/core/abstractions/Reflector.vue.d.ts +1 -1
- package/dist/core/abstractions/Text3D.vue.d.ts +1 -1
- package/dist/core/abstractions/useFBO/component.vue.d.ts +1 -1
- package/dist/core/abstractions/useSurfaceSampler/component.vue.d.ts +1 -1
- package/dist/core/abstractions/useSurfaceSampler/index.d.ts +6 -0
- package/dist/core/controls/CameraControls.vue.d.ts +957 -1032
- package/dist/core/controls/KeyboardControls.vue.d.ts +1 -1
- package/dist/core/controls/MapControls.vue.d.ts +1 -1
- package/dist/core/controls/OrbitControls.vue.d.ts +891 -961
- package/dist/core/controls/PointerLockControls.vue.d.ts +1 -1
- package/dist/core/controls/ScrollControls.vue.d.ts +1 -1
- package/dist/core/controls/TransformControls.vue.d.ts +1 -1
- package/dist/core/loaders/SVG/component.vue.d.ts +1 -1
- package/dist/core/loaders/useFBX/component.vue.d.ts +44 -3
- package/dist/core/loaders/useGLTF/component.vue.d.ts +31 -1
- package/dist/core/loaders/useGLTF/index.d.ts +1 -1
- package/dist/core/materials/blurPass.d.ts +22 -0
- package/dist/core/materials/convolutionMaterial.d.ts +7 -0
- package/dist/core/materials/customShaderMaterial/index.vue.d.ts +2 -2
- package/dist/core/materials/index.d.ts +2 -1
- package/dist/core/materials/meshGlassMaterial/index.vue.d.ts +1 -1
- package/dist/core/materials/meshReflectionMaterial/index.vue.d.ts +74 -0
- package/dist/core/materials/meshReflectionMaterial/material.d.ts +51 -0
- package/dist/core/materials/meshWobbleMaterial/index.vue.d.ts +1 -1
- package/dist/core/misc/BakeShadows.d.ts +1 -0
- package/dist/core/misc/Stats.d.ts +1 -1
- package/dist/core/misc/StatsGl.d.ts +1 -1
- package/dist/core/misc/html/HTML.vue.d.ts +2 -2
- package/dist/core/misc/index.d.ts +3 -1
- package/dist/core/misc/useGLTFExporter.d.ts +12 -0
- package/dist/core/shapes/Box.vue.d.ts +1 -1
- package/dist/core/shapes/CatmullRomCurve3.vue.d.ts +1 -1
- package/dist/core/shapes/Circle.vue.d.ts +1 -1
- package/dist/core/shapes/Cone.vue.d.ts +1 -1
- package/dist/core/shapes/Dodecahedron.vue.d.ts +1 -1
- package/dist/core/shapes/Icosahedron.vue.d.ts +1 -1
- package/dist/core/shapes/Line2.vue.d.ts +1 -1
- package/dist/core/shapes/Octahedron.vue.d.ts +1 -1
- package/dist/core/shapes/Plane.vue.d.ts +1 -1
- package/dist/core/shapes/Ring.vue.d.ts +1 -1
- package/dist/core/shapes/Sphere.vue.d.ts +1 -1
- package/dist/core/shapes/Superformula.vue.d.ts +1 -1
- package/dist/core/shapes/Tetrahedron.vue.d.ts +1 -1
- package/dist/core/shapes/Torus.vue.d.ts +1 -1
- package/dist/core/shapes/TorusKnot.vue.d.ts +1 -1
- package/dist/core/shapes/Tube.vue.d.ts +1 -1
- package/dist/core/staging/Backdrop.vue.d.ts +1 -1
- package/dist/core/staging/Precipitation.vue.d.ts +1 -1
- package/dist/core/staging/Sky.vue.d.ts +1 -1
- package/dist/core/staging/Smoke.vue.d.ts +1 -1
- package/dist/core/staging/Sparkles/ShaderData.d.ts +1 -1
- package/dist/core/staging/Sparkles/component.vue.d.ts +3 -3
- package/dist/core/staging/Stars.vue.d.ts +1 -1
- package/dist/trescientos.js +7534 -5774
- package/dist/trescientos.umd.cjs +259 -115
- package/dist/utils/constants.d.ts +1 -0
- package/package.json +23 -23
package/README.md
CHANGED
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|

|
|
2
2
|
|
|
3
3
|
<p align="center">
|
|
4
|
-
<a href="https://www.npmjs.com/package/@tresjs/cientos"><img src="https://img.shields.io/npm/v/@tresjs/cientos/latest?color
|
|
4
|
+
<a href="https://www.npmjs.com/package/@tresjs/cientos"><img src="https://img.shields.io/npm/v/@tresjs/cientos/latest?color=FBB03B" alt="npm package"></a>
|
|
5
|
+
<a href="https://www.npmjs.com/package/@tresjs/cientos"><img src="https://img.shields.io/npm/dm/@tresjs/cientos?color=FBB03B" alt="npm downloads"></a>
|
|
5
6
|
<a href="https://discord.gg/UCr96AQmWn"><img src="https://img.shields.io/badge/chat-discord-purple?style=flat&logo=discord" alt="discord chat"></a>
|
|
6
7
|
</p>
|
|
7
8
|
<br/>
|
|
@@ -12,12 +13,12 @@
|
|
|
12
13
|
|
|
13
14
|
- 💡 Build a 3D scene working only with Vue components.
|
|
14
15
|
- ⚡️ Powered by Vite
|
|
15
|
-
- 🥰 It brings all the updated features of ThreeJS right
|
|
16
|
+
- 🥰 It brings all the updated features of ThreeJS right away regardless the version
|
|
16
17
|
- 🦾 Fully Typed
|
|
17
18
|
|
|
18
|
-
Cientos (Spanish word for "hundreds", pronounced /θjentos/ ) is
|
|
19
|
+
Cientos (the Spanish word for "hundreds", pronounced /θjentos/ ) is a collection of useful ready-to-go helpers and components that are not part of the core package. The name uses the word used in Spanish to multiply by 100, to refer to the potential reach of the package to hold an amazing abstraction.
|
|
19
20
|
|
|
20
|
-
The cientos package uses three-stdlib module under the hood instead of the three/examples/jsm module. This means that you don't need to extend the
|
|
21
|
+
The cientos package uses `three-stdlib` module under the hood instead of the three/examples/jsm module. This means that you don't need to extend the catalog of components using the extend method from the `core`, cientos does it for you.
|
|
21
22
|
|
|
22
23
|
It just works. 💯
|
|
23
24
|
|
|
@@ -49,9 +50,9 @@ pnpm run build
|
|
|
49
50
|
|
|
50
51
|
### Playground
|
|
51
52
|
|
|
52
|
-
To run the playground run,
|
|
53
|
+
To run the playground run, is a great way to test the components and helpers locally:
|
|
53
54
|
|
|
54
|
-
First install dependencies
|
|
55
|
+
First, install dependencies
|
|
55
56
|
|
|
56
57
|
```
|
|
57
58
|
pnpm i
|
|
@@ -47,4 +47,4 @@ export interface AudioProps {
|
|
|
47
47
|
*/
|
|
48
48
|
playbackRate?: number;
|
|
49
49
|
}
|
|
50
|
-
export declare const GlobalAudio: import("vue").DefineComponent<AudioProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").
|
|
50
|
+
export declare const GlobalAudio: import("vue").DefineComponent<AudioProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<AudioProps>, {}, {}>;
|
|
@@ -47,7 +47,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
|
|
|
47
47
|
texture: undefined;
|
|
48
48
|
}>, {
|
|
49
49
|
value: import("vue").ShallowRef<Lensflare | undefined>;
|
|
50
|
-
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").
|
|
50
|
+
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<LensflareProps>, {
|
|
51
51
|
scale: number;
|
|
52
52
|
elements: undefined;
|
|
53
53
|
seed: undefined;
|
|
@@ -10,7 +10,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
10
10
|
range: () => number[];
|
|
11
11
|
}>, {
|
|
12
12
|
value: import("vue").ShallowRef<any>;
|
|
13
|
-
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").
|
|
13
|
+
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
|
|
14
14
|
speed: number;
|
|
15
15
|
rotationFactor?: number | undefined;
|
|
16
16
|
floatFactor?: number | undefined;
|
|
@@ -28,7 +28,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
|
|
|
28
28
|
disabled: boolean;
|
|
29
29
|
factor: number;
|
|
30
30
|
ease: number;
|
|
31
|
-
}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").
|
|
31
|
+
}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<MouseParallaxProps>, {
|
|
32
32
|
disabled: boolean;
|
|
33
33
|
factor: number;
|
|
34
34
|
ease: number;
|
|
@@ -65,7 +65,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
65
65
|
shader: any;
|
|
66
66
|
}>, {
|
|
67
67
|
reflectorRef: import("vue").ShallowRef<Reflector | undefined>;
|
|
68
|
-
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").
|
|
68
|
+
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ReflectorProps>, {
|
|
69
69
|
color: string;
|
|
70
70
|
textureWidth: number;
|
|
71
71
|
textureHeight: number;
|
|
@@ -127,7 +127,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
127
127
|
needUpdates: boolean;
|
|
128
128
|
}>, {
|
|
129
129
|
value: import("vue").ShallowRef<any>;
|
|
130
|
-
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").
|
|
130
|
+
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Text3DProps>, {
|
|
131
131
|
size: number;
|
|
132
132
|
height: number;
|
|
133
133
|
curveSegments: number;
|
|
@@ -4,7 +4,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
|
|
|
4
4
|
settings: undefined;
|
|
5
5
|
}>, {
|
|
6
6
|
value: import("vue").Ref<import("three").WebGLRenderTarget<import("three").Texture> | null>;
|
|
7
|
-
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").
|
|
7
|
+
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<FboOptions>, {
|
|
8
8
|
depth: boolean;
|
|
9
9
|
settings: undefined;
|
|
10
10
|
}>>>, {
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import type { useSurfaceSamplerProps } from '.';
|
|
2
2
|
declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<useSurfaceSamplerProps>, {
|
|
3
3
|
samplerRef: import("vue").Ref<any>;
|
|
4
|
-
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").
|
|
4
|
+
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<useSurfaceSamplerProps>>>, {}, {}>, {
|
|
5
5
|
default?(_: {}): any;
|
|
6
6
|
}>;
|
|
7
7
|
export default _default;
|
|
@@ -594,12 +594,18 @@ export declare const useSurfaceSampler: (mesh: Mesh, count?: number, instanceMes
|
|
|
594
594
|
offset: number;
|
|
595
595
|
count: number;
|
|
596
596
|
};
|
|
597
|
+
updateRanges: {
|
|
598
|
+
start: number;
|
|
599
|
+
count: number;
|
|
600
|
+
}[];
|
|
597
601
|
version: number;
|
|
598
602
|
count: number;
|
|
599
603
|
needsUpdate: boolean;
|
|
600
604
|
uuid: string;
|
|
601
605
|
set: (value: ArrayLike<number>, offset: number) => InterleavedBuffer;
|
|
602
606
|
setUsage: (value: import("three").Usage) => InterleavedBuffer;
|
|
607
|
+
addUpdateRange: (start: number, count: number) => void;
|
|
608
|
+
clearUpdateRanges: () => void;
|
|
603
609
|
copy: (source: InterleavedBuffer) => InterleavedBuffer;
|
|
604
610
|
copyAt: (index1: number, attribute: import("three").InterleavedBufferAttribute, index2: number) => InterleavedBuffer;
|
|
605
611
|
clone: (data: {}) => InterleavedBuffer;
|