@tresjs/cientos 3.4.0 → 3.5.0

package/dist/core/materials/meshWobbleMaterial/material.d.ts

@@ -0,0 +1,16 @@
+import type { MeshStandardMaterialParameters, Shader } from 'three';
+import { MeshStandardMaterial } from 'three';
+interface Uniform<T> {
+    value: T;
+}
+export declare class WobbleMaterialImpl extends MeshStandardMaterial {
+    _time: Uniform<number>;
+    _factor: Uniform<number>;
+    constructor(parameters?: MeshStandardMaterialParameters);
+    onBeforeCompile(shader: Shader): void;
+    get time(): number;
+    set time(v: number);
+    get factor(): number;
+    set factor(v: number);
+}
+export {};

package/dist/core/misc/Stats.d.ts

@@ -0,0 +1,13 @@
+export declare const Stats: import("vue").DefineComponent<{
+    showPanel: {
+        type: NumberConstructor;
+        default: number;
+    };
+}, null, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    showPanel: {
+        type: NumberConstructor;
+        default: number;
+    };
+}>>, {
+    showPanel: number;
+}, {}>;

package/dist/core/misc/StatsGl.d.ts

@@ -0,0 +1,10 @@
+export interface StatsGlProps {
+    logsPerSecond?: number;
+    samplesLog?: number;
+    samplesGraph?: number;
+    precision?: number;
+    horizontal?: boolean;
+    minimal?: boolean;
+    mode?: number;
+}
+export declare const StatsGl: import("vue").DefineComponent<StatsGlProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<StatsGlProps>, {}, {}>;

package/dist/core/misc/html/HTML.vue.d.ts

@@ -0,0 +1,133 @@
+import type { Ref } from 'vue';
+import { PlaneGeometry } from 'three';
+import type { TresObject3D } from '@tresjs/core';
+import type { Mutable } from '@vueuse/core';
+export interface HTMLProps {
+    geometry?: any;
+    material?: any;
+    as?: string;
+    transform?: boolean;
+    portal?: Mutable<HTMLElement>;
+    wrapperClass?: string;
+    eps?: number;
+    distanceFactor?: number;
+    fullscreen?: boolean;
+    center?: boolean;
+    pointerEvents?: PointerEventsProperties;
+    sprite?: boolean;
+    zIndexRange?: Array<number>;
+    occlude?: Ref<TresObject3D>[] | boolean | 'raycast' | 'blending';
+}
+type PointerEventsProperties = 'auto' | 'none' | 'visiblePainted' | 'visibleFill' | 'visibleStroke' | 'visible' | 'painted' | 'fill' | 'stroke' | 'all' | 'inherit';
+declare const _default: import("vue").DefineComponent<{
+    material: {
+        type: import("vue").PropType<any>;
+    };
+    sprite: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    center: {
+        type: import("vue").PropType<boolean>;
+    };
+    geometry: {
+        type: import("vue").PropType<any>;
+        default: PlaneGeometry;
+    };
+    as: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    transform: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    portal: {
+        type: import("vue").PropType<Mutable<HTMLElement>>;
+    };
+    wrapperClass: {
+        type: import("vue").PropType<string>;
+    };
+    eps: {
+        type: import("vue").PropType<number>;
+        default: number;
+    };
+    distanceFactor: {
+        type: import("vue").PropType<number>;
+    };
+    fullscreen: {
+        type: import("vue").PropType<boolean>;
+    };
+    pointerEvents: {
+        type: import("vue").PropType<PointerEventsProperties>;
+        default: string;
+    };
+    zIndexRange: {
+        type: import("vue").PropType<number[]>;
+        default: () => number[];
+    };
+    occlude: {
+        type: import("vue").PropType<boolean | "raycast" | "blending" | Ref<TresObject3D>[]>;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "onOcclude"[], "onOcclude", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    material: {
+        type: import("vue").PropType<any>;
+    };
+    sprite: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    center: {
+        type: import("vue").PropType<boolean>;
+    };
+    geometry: {
+        type: import("vue").PropType<any>;
+        default: PlaneGeometry;
+    };
+    as: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    transform: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    portal: {
+        type: import("vue").PropType<Mutable<HTMLElement>>;
+    };
+    wrapperClass: {
+        type: import("vue").PropType<string>;
+    };
+    eps: {
+        type: import("vue").PropType<number>;
+        default: number;
+    };
+    distanceFactor: {
+        type: import("vue").PropType<number>;
+    };
+    fullscreen: {
+        type: import("vue").PropType<boolean>;
+    };
+    pointerEvents: {
+        type: import("vue").PropType<PointerEventsProperties>;
+        default: string;
+    };
+    zIndexRange: {
+        type: import("vue").PropType<number[]>;
+        default: () => number[];
+    };
+    occlude: {
+        type: import("vue").PropType<boolean | "raycast" | "blending" | Ref<TresObject3D>[]>;
+    };
+}>> & {
+    onOnOcclude?: ((...args: any[]) => any) | undefined;
+}, {
+    sprite: boolean;
+    geometry: any;
+    as: string;
+    transform: boolean;
+    eps: number;
+    pointerEvents: PointerEventsProperties;
+    zIndexRange: number[];
+}, {}>;
+export default _default;

package/dist/core/misc/html/utils.d.ts

@@ -0,0 +1,18 @@
+import type { TresCamera, TresObject3D } from '@tresjs/core';
+import type { Matrix4, Raycaster } from 'three';
+import { Vector3 } from 'three';
+export declare const v1: Vector3;
+export declare const v2: Vector3;
+export declare const v3: Vector3;
+export declare function calculatePosition(instance: TresObject3D, camera: TresCamera, size: {
+    width: number;
+    height: number;
+}): number[];
+export declare function isObjectBehindCamera(el: TresObject3D, camera: TresCamera): boolean;
+export declare function isObjectVisible(el: TresObject3D, camera: TresCamera, raycaster: Raycaster, occlude: any): boolean;
+export declare function objectScale(el: TresObject3D, camera: TresCamera): number;
+export declare function objectZIndex(el: TresObject3D, camera: TresCamera, zIndexRange: Array<number>): number | undefined;
+export declare const epsilon: (value: number) => number;
+export declare function getCSSMatrix(matrix: Matrix4, multipliers: number[], prepend?: string): string;
+export declare const getCameraCSSMatrix: (matrix: Matrix4) => string;
+export declare const getObjectCSSMatrix: (matrix: Matrix4, factor: number) => string;

package/dist/core/misc/index.d.ts

@@ -0,0 +1,5 @@
+import { useTweakPane } from './useTweakPane';
+import { Stats } from './Stats';
+import { StatsGl } from './StatsGl';
+import Html from './html/HTML.vue';
+export { useTweakPane, Html, Stats, StatsGl };

package/dist/core/misc/useTweakPane/index.d.ts

@@ -0,0 +1,10 @@
+import { Pane } from 'tweakpane';
+type TweakPane = Pane & {
+    addBlade(blade: any): void;
+    addInput(blade: any): void;
+};
+export declare const useTweakPane: (selector?: string) => {
+    pane: TweakPane;
+    disposeTweakPane: () => void;
+};
+export {};

package/dist/core/shapes/Box.vue.d.ts

@@ -0,0 +1,53 @@
+import type { TresColor } from '@tresjs/core';
+import type { BoxGeometry } from 'three';
+export interface BoxProps {
+    /**
+     * The width, height and depth of the box.
+     * @default [1, 1, 1]
+     * @type {number[]}
+     * @memberof BoxProps
+     * @see https://threejs.org/docs/#api/en/geometries/BoxGeometry
+     *
+     */
+    args?: ConstructorParameters<typeof BoxGeometry>;
+    /**
+     * The color of the box.
+     * @default 0xffffff
+     * @type {TresColor}
+     * @memberof BoxProps
+     * @see https://threejs.org/docs/#api/en/materials/MeshBasicMaterial
+     */
+    color?: TresColor;
+}
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+    color: {
+        type: import("vue").PropType<import("three").ColorRepresentation | [r: number, g: number, b: number]>;
+        default: string;
+    };
+    args: {
+        type: import("vue").PropType<[width?: number | undefined, height?: number | undefined, depth?: number | undefined, widthSegments?: number | undefined, heightSegments?: number | undefined, depthSegments?: number | undefined]>;
+        default: () => number[];
+    };
+}, {
+    value: import("vue").ShallowRef<any>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    color: {
+        type: import("vue").PropType<import("three").ColorRepresentation | [r: number, g: number, b: number]>;
+        default: string;
+    };
+    args: {
+        type: import("vue").PropType<[width?: number | undefined, height?: number | undefined, depth?: number | undefined, widthSegments?: number | undefined, heightSegments?: number | undefined, depthSegments?: number | undefined]>;
+        default: () => number[];
+    };
+}>>, {
+    color: import("three").ColorRepresentation | [r: number, g: number, b: number];
+    args: [width?: number | undefined, height?: number | undefined, depth?: number | undefined, widthSegments?: number | undefined, heightSegments?: number | undefined, depthSegments?: number | undefined];
+}, {}>, {
+    default?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/core/shapes/CatmullRomCurve3.vue.d.ts

@@ -0,0 +1,112 @@
+import { Vector3 } from 'three';
+type CurveType = 'centripetal' | 'chordal' | 'catmullrom';
+type Points = Array<Vector3 | [number, number, number]>;
+declare const _default: import("vue").DefineComponent<{
+    color: {
+        type: import("vue").PropType<import("three").ColorRepresentation | [r: number, g: number, b: number]>;
+    };
+    points: {
+        type: import("vue").PropType<Points>;
+        required: true;
+    };
+    alphaToCoverage: {
+        type: import("vue").PropType<boolean>;
+    };
+    vertexColors: {
+        type: import("vue").PropType<(import("three").ColorRepresentation | [r: number, g: number, b: number])[]>;
+    };
+    lineWidth: {
+        type: import("vue").PropType<number>;
+    };
+    worldUnits: {
+        type: import("vue").PropType<boolean>;
+    };
+    dashed: {
+        type: import("vue").PropType<boolean>;
+    };
+    dashSize: {
+        type: import("vue").PropType<number>;
+    };
+    gapSize: {
+        type: import("vue").PropType<number>;
+    };
+    dashScale: {
+        type: import("vue").PropType<number>;
+    };
+    dashOffset: {
+        type: import("vue").PropType<number>;
+    };
+    segments: {
+        type: import("vue").PropType<number>;
+        default: number;
+    };
+    closed: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    curveType: {
+        type: import("vue").PropType<CurveType>;
+        default: string;
+    };
+    tension: {
+        type: import("vue").PropType<number>;
+        default: number;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    color: {
+        type: import("vue").PropType<import("three").ColorRepresentation | [r: number, g: number, b: number]>;
+    };
+    points: {
+        type: import("vue").PropType<Points>;
+        required: true;
+    };
+    alphaToCoverage: {
+        type: import("vue").PropType<boolean>;
+    };
+    vertexColors: {
+        type: import("vue").PropType<(import("three").ColorRepresentation | [r: number, g: number, b: number])[]>;
+    };
+    lineWidth: {
+        type: import("vue").PropType<number>;
+    };
+    worldUnits: {
+        type: import("vue").PropType<boolean>;
+    };
+    dashed: {
+        type: import("vue").PropType<boolean>;
+    };
+    dashSize: {
+        type: import("vue").PropType<number>;
+    };
+    gapSize: {
+        type: import("vue").PropType<number>;
+    };
+    dashScale: {
+        type: import("vue").PropType<number>;
+    };
+    dashOffset: {
+        type: import("vue").PropType<number>;
+    };
+    segments: {
+        type: import("vue").PropType<number>;
+        default: number;
+    };
+    closed: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    curveType: {
+        type: import("vue").PropType<CurveType>;
+        default: string;
+    };
+    tension: {
+        type: import("vue").PropType<number>;
+        default: number;
+    };
+}>>, {
+    segments: number;
+    closed: boolean;
+    curveType: CurveType;
+    tension: number;
+}, {}>;
+export default _default;

package/dist/core/shapes/Circle.vue.d.ts

@@ -0,0 +1,52 @@
+import type { TresColor } from '@tresjs/core';
+import type { CircleGeometry } from 'three';
+export interface CircleProps {
+    /**
+     * The radius, segment, thetaStart, thetaLength of the circle.
+     * @default [1, 32, 0, Math.PI * 2]
+     * @type {number[]}
+     * @memberof CircleProps
+     * @see https://threejs.org/docs/#api/en/geometries/CircleGeometry
+     */
+    args?: ConstructorParameters<typeof CircleGeometry>;
+    /**
+     * The color of the circle.
+     * @default 0xffffff
+     * @type {TresColor}
+     * @memberof CircleProps
+     * @see https://threejs.org/docs/#api/en/materials/MeshBasicMaterial
+     */
+    color?: TresColor;
+}
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+    color: {
+        type: import("vue").PropType<import("three").ColorRepresentation | [r: number, g: number, b: number]>;
+        default: string;
+    };
+    args: {
+        type: import("vue").PropType<[radius?: number | undefined, segments?: number | undefined, thetaStart?: number | undefined, thetaLength?: number | undefined]>;
+        default: () => number[];
+    };
+}, {
+    value: import("vue").ShallowRef<any>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    color: {
+        type: import("vue").PropType<import("three").ColorRepresentation | [r: number, g: number, b: number]>;
+        default: string;
+    };
+    args: {
+        type: import("vue").PropType<[radius?: number | undefined, segments?: number | undefined, thetaStart?: number | undefined, thetaLength?: number | undefined]>;
+        default: () => number[];
+    };
+}>>, {
+    color: import("three").ColorRepresentation | [r: number, g: number, b: number];
+    args: [radius?: number | undefined, segments?: number | undefined, thetaStart?: number | undefined, thetaLength?: number | undefined];
+}, {}>, {
+    default?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/core/shapes/Cone.vue.d.ts

@@ -0,0 +1,52 @@
+import type { TresColor } from '@tresjs/core';
+import type { ConeGeometry } from 'three';
+export interface ConeProps {
+    /**
+     * The radius, height, radialSegments, heightSegments, openEnded, thetaStart, thetaLength of the cone.
+     * @default [1, 1, 12, 12, false, 0, Math.PI * 2]
+     * @type {any[]}
+     * @memberof ConeProps
+     * @see https://threejs.org/docs/#api/en/geometries/ConeGeometry
+     */
+    args?: ConstructorParameters<typeof ConeGeometry>;
+    /**
+     * The color of the cone.
+     * @default 0xffffff
+     * @type {TresColor}
+     * @memberof ConeProps
+     * @see https://threejs.org/docs/#api/en/materials/MeshBasicMaterial
+     */
+    color?: TresColor;
+}
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+    color: {
+        type: import("vue").PropType<import("three").ColorRepresentation | [r: number, g: number, b: number]>;
+        default: string;
+    };
+    args: {
+        type: import("vue").PropType<[radius?: number | undefined, height?: number | undefined, radialSegments?: number | undefined, heightSegments?: number | undefined, openEnded?: boolean | undefined, thetaStart?: number | undefined, thetaLength?: number | undefined]>;
+        default: () => (number | boolean)[];
+    };
+}, {
+    value: import("vue").ShallowRef<any>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    color: {
+        type: import("vue").PropType<import("three").ColorRepresentation | [r: number, g: number, b: number]>;
+        default: string;
+    };
+    args: {
+        type: import("vue").PropType<[radius?: number | undefined, height?: number | undefined, radialSegments?: number | undefined, heightSegments?: number | undefined, openEnded?: boolean | undefined, thetaStart?: number | undefined, thetaLength?: number | undefined]>;
+        default: () => (number | boolean)[];
+    };
+}>>, {
+    color: import("three").ColorRepresentation | [r: number, g: number, b: number];
+    args: [radius?: number | undefined, height?: number | undefined, radialSegments?: number | undefined, heightSegments?: number | undefined, openEnded?: boolean | undefined, thetaStart?: number | undefined, thetaLength?: number | undefined];
+}, {}>, {
+    default?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/core/shapes/Dodecahedron.vue.d.ts

@@ -0,0 +1,52 @@
+import type { TresColor } from '@tresjs/core';
+import type { DodecahedronGeometry } from 'three';
+export interface DodecahedronProps {
+    /**
+     * The radius and detail of the dodecahedron.
+     * @default [1, 0]
+     * @type {number[]}
+     * @memberof DodecahedronProps
+     * @see https://threejs.org/docs/#api/en/geometries/DodecahedronGeometry
+     */
+    args?: ConstructorParameters<typeof DodecahedronGeometry>;
+    /**
+     * The color of the dodecahedron.
+     * @default 0xffffff
+     * @type {TresColor}
+     * @memberof DodecahedronProps
+     * @see https://threejs.org/docs/#api/en/materials/MeshBasicMaterial
+     */
+    color?: TresColor;
+}
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+    color: {
+        type: import("vue").PropType<import("three").ColorRepresentation | [r: number, g: number, b: number]>;
+        default: string;
+    };
+    args: {
+        type: import("vue").PropType<[radius?: number | undefined, detail?: number | undefined]>;
+        default: () => number[];
+    };
+}, {
+    value: import("vue").ShallowRef<any>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    color: {
+        type: import("vue").PropType<import("three").ColorRepresentation | [r: number, g: number, b: number]>;
+        default: string;
+    };
+    args: {
+        type: import("vue").PropType<[radius?: number | undefined, detail?: number | undefined]>;
+        default: () => number[];
+    };
+}>>, {
+    color: import("three").ColorRepresentation | [r: number, g: number, b: number];
+    args: [radius?: number | undefined, detail?: number | undefined];
+}, {}>, {
+    default?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/core/shapes/Icosahedron.vue.d.ts

@@ -0,0 +1,52 @@
+import type { TresColor } from '@tresjs/core';
+import type { IcosahedronGeometry } from 'three';
+export interface IcosahedronProps {
+    /**
+     * The radius and detail of the icosahedron.
+     * @default [1, 0]
+     * @type {number[]}
+     * @memberof IcosahedronProps
+     * @see https://threejs.org/docs/#api/en/geometries/IcosahedronGeometry
+     */
+    args?: ConstructorParameters<typeof IcosahedronGeometry>;
+    /**
+     * The color of the icosahedron.
+     * @default 0xffffff
+     * @type {TresColor}
+     * @memberof IcosahedronProps
+     * @see https://threejs.org/docs/#api/en/materials/MeshBasicMaterial
+     */
+    color?: TresColor;
+}
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+    color: {
+        type: import("vue").PropType<import("three").ColorRepresentation | [r: number, g: number, b: number]>;
+        default: string;
+    };
+    args: {
+        type: import("vue").PropType<[radius?: number | undefined, detail?: number | undefined]>;
+        default: () => number[];
+    };
+}, {
+    value: import("vue").ShallowRef<any>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    color: {
+        type: import("vue").PropType<import("three").ColorRepresentation | [r: number, g: number, b: number]>;
+        default: string;
+    };
+    args: {
+        type: import("vue").PropType<[radius?: number | undefined, detail?: number | undefined]>;
+        default: () => number[];
+    };
+}>>, {
+    color: import("three").ColorRepresentation | [r: number, g: number, b: number];
+    args: [radius?: number | undefined, detail?: number | undefined];
+}, {}>, {
+    default?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};