gaesup-world 0.6.78 → 0.6.81

package/dist/gaesup/component/active/airplane/index.js

@@ -12,5 +12,5 @@ var __assign = (this && this.__assign) || function () {
 import { jsx as _jsx } from "react/jsx-runtime";
 import { AirplaneInnerRef } from "../../inner/airplane";
 export function AirplaneRef(props) {
-    return (_jsx(AirplaneInnerRef, __assign({ name: "airplane", isActive: true, currentAnimation: "idle", componentType: "airplane" }, props, { children: props.children })));
+    return (_jsx(AirplaneInnerRef, __assign({ name: "airplane", isActive: true, currentAnimation: "idle", componentType: "airplane", ridingUrl: props.ridingUrl }, props, { children: props.children })));
 }

package/dist/gaesup/component/active/vehicle/index.js

@@ -12,5 +12,5 @@ var __assign = (this && this.__assign) || function () {
 import { jsx as _jsx } from "react/jsx-runtime";
 import { VehicleInnerRef } from "../../inner/vehicle";
 export function VehicleRef(props) {
-    return (_jsx(VehicleInnerRef, __assign({ name: "vehicle", isActive: true, currentAnimation: "idle", componentType: "vehicle" }, props, { children: props.children })));
+    return (_jsx(VehicleInnerRef, __assign({ name: "vehicle", isActive: true, currentAnimation: "idle", componentType: "vehicle", ridingUrl: props.ridingUrl }, props, { children: props.children })));
 }

package/dist/gaesup/component/index.js

@@ -20,9 +20,9 @@ export function GaesupComponent(_a) {
     var props = _a.props, refs = _a.refs, urls = _a.urls;
     var _b = useContext(GaesupWorldContext), mode = _b.mode, states = _b.states, rideable = _b.rideable;
     var enableRiding = states.enableRiding, isRiderOn = states.isRiderOn, rideableId = states.rideableId;
-    return (_jsxs(_Fragment, { children: [mode.type === "character" && (_jsx(CharacterRef, { props: props, refs: refs, urls: urls })), mode.type === "vehicle" && (_jsx(VehicleRef, __assign({ controllerOptions: props.controllerOptions, url: urls.vehicleUrl, wheelUrl: urls.wheelUrl, enableRiding: enableRiding, isRiderOn: isRiderOn, offset: rideableId && rideable[rideableId]
+    return (_jsxs(_Fragment, { children: [mode.type === "character" && (_jsx(CharacterRef, { props: props, refs: refs, urls: urls })), mode.type === "vehicle" && (_jsx(VehicleRef, __assign({ controllerOptions: props.controllerOptions, url: urls.vehicleUrl, wheelUrl: urls.wheelUrl, ridingUrl: urls.ridingUrl, enableRiding: enableRiding, isRiderOn: isRiderOn, offset: rideableId && rideable[rideableId]
                     ? rideable[rideableId].offset
-                    : vec3() }, refs, { children: props.children }))), mode.type === "airplane" && (_jsx(AirplaneRef, __assign({ controllerOptions: props.controllerOptions, url: urls.airplaneUrl, enableRiding: enableRiding, isRiderOn: isRiderOn, offset: rideableId && rideable[rideableId]
+                    : vec3() }, refs, { children: props.children }))), mode.type === "airplane" && (_jsx(AirplaneRef, __assign({ controllerOptions: props.controllerOptions, url: urls.airplaneUrl, ridingUrl: urls.ridingUrl, enableRiding: enableRiding, isRiderOn: isRiderOn, offset: rideableId && rideable[rideableId]
                     ? rideable[rideableId].offset
                     : vec3() }, refs, { children: props.children })))] }));
 }

package/dist/gaesup/component/inner/airplane/index.js

@@ -10,13 +10,9 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 import { jsx as _jsx } from "react/jsx-runtime";
-import { useGltfAndSize } from "../../../hooks/useGaesupGltf";
 import { OuterGroupRef } from "../common/OuterGroupRef";
 import { RigidBodyRef } from "../common/RigidbodyRef";
 export function AirplaneInnerRef(props) {
     var rigidBodyRef = props.rigidBodyRef, outerGroupRef = props.outerGroupRef;
-    var size = useGltfAndSize({
-        url: props.url,
-    }).size;
-    return (_jsx(OuterGroupRef, { ref: outerGroupRef, children: _jsx(RigidBodyRef, __assign({ ref: rigidBodyRef, name: props.name, componentType: "airplane" }, props, { children: props.children })) }));
+    return (_jsx(OuterGroupRef, { ref: outerGroupRef, children: _jsx(RigidBodyRef, __assign({ ref: rigidBodyRef, name: props.name, componentType: "airplane", ridingUrl: props.ridingUrl }, props, { children: props.children })) }));
 }

package/dist/gaesup/component/inner/common/InnerGroupRef.d.ts

@@ -1,4 +1,13 @@
 /// <reference types="react" />
 import * as THREE from "three";
-import { InnerGroupRefType } from "./type";
-export declare const InnerGroupRef: import("react").ForwardRefExoticComponent<InnerGroupRefType & import("react").RefAttributes<THREE.Group<THREE.Object3DEventMap>>>;
+export declare const InnerGroupRef: import("react").ForwardRefExoticComponent<{
+    children?: import("react").ReactNode;
+    objectNode: THREE.Object3D<THREE.Object3DEventMap>;
+    animationRef: import("react").MutableRefObject<THREE.Object3D<THREE.Object3DEventMap>>;
+    nodes: {
+        [name: string]: THREE.Object3D<THREE.Object3DEventMap>;
+    };
+    isActive?: boolean;
+    ridingUrl?: string;
+    offset?: THREE.Vector3;
+} & import("./type").ridingType & import("react").RefAttributes<THREE.Group<THREE.Object3DEventMap>>>;

package/dist/gaesup/component/inner/common/InnerGroupRef.js

@@ -1,10 +1,13 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { forwardRef } from "react";
 import * as THREE from "three";
-export var InnerGroupRef = forwardRef(function (_a, ref) {
-    var children = _a.children, objectNode = _a.objectNode, animationRef = _a.animationRef, nodes = _a.nodes;
-    return (_jsxs("group", { receiveShadow: true, castShadow: true, ref: ref, userData: { intangible: true }, children: [children, objectNode && animationRef && (_jsx("primitive", { object: objectNode, visible: false, receiveShadow: true, castShadow: true, ref: animationRef })), Object.keys(nodes).map(function (name, key) {
-                var node = nodes[name];
+import RiderRef from "../rider";
+export var InnerGroupRef = forwardRef(function (props, ref) {
+    return (_jsxs("group", { receiveShadow: true, castShadow: true, ref: ref, userData: { intangible: true }, children: [props.isRiderOn &&
+                props.enableRiding &&
+                props.isActive &&
+                props.ridingUrl && (_jsx(RiderRef, { url: props.ridingUrl, offset: props.offset })), props.children, props.objectNode && props.animationRef && (_jsx("primitive", { object: props.objectNode, visible: false, receiveShadow: true, castShadow: true, ref: props.animationRef })), Object.keys(props.nodes).map(function (name, key) {
+                var node = props.nodes[name];
                 if (node instanceof THREE.SkinnedMesh) {
                     return (_jsx("skinnedMesh", { castShadow: true, receiveShadow: true, material: node.material, geometry: node.geometry, skeleton: node.skeleton }, key));
                 }

package/dist/gaesup/component/inner/common/RigidbodyRef.d.ts

@@ -8,9 +8,11 @@ export declare const RigidBodyRef: import("react").ForwardRefExoticComponent<{
     };
     onCollisionEnter?: (e: import("@react-three/rapier").CollisionEnterPayload) => Promise<void>;
     isActive?: boolean;
+    ridingUrl?: string;
 } & {
     children?: import("react").ReactNode;
     url: string;
+    ridingUrl?: string;
     wheelUrl?: string;
     position?: THREE.Vector3;
     rotation?: THREE.Euler;

package/dist/gaesup/component/inner/common/RigidbodyRef.js

@@ -14,9 +14,9 @@ import { V3 } from "../../../utils";
 import { GaesupWorldContext } from "../../../world/context";
 import { calcCharacterColliderProps } from "../../inner/common/calc";
 import { InnerGroupRef } from "./InnerGroupRef";
-export var RigidBodyRef = forwardRef(function (_a, ref) {
-    var children = _a.children, controllerOptions = _a.controllerOptions, name = _a.name, position = _a.position, rotation = _a.rotation, userData = _a.userData, onCollisionEnter = _a.onCollisionEnter, rigidbodyType = _a.rigidbodyType, outerGroupRef = _a.outerGroupRef, innerGroupRef = _a.innerGroupRef, colliderRef = _a.colliderRef, url = _a.url, isActive = _a.isActive, currentAnimation = _a.currentAnimation, componentType = _a.componentType;
-    var size = useGltfAndSize({ url: url }).size;
+export var RigidBodyRef = forwardRef(function (props, ref) {
+    var _a;
+    var size = useGltfAndSize({ url: props.url }).size;
     var collider = calcCharacterColliderProps(size);
     var groundRay = useMemo(function () {
         return {
@@ -42,13 +42,13 @@ export var RigidBodyRef = forwardRef(function (_a, ref) {
         groundRay.hit = world.castRay(groundRay.rayCast, groundRay.length, true, undefined, undefined);
         groundRay.parent = (_a = groundRay.hit) === null || _a === void 0 ? void 0 : _a.collider.parent();
     });
-    var _c = useGLTF(url), scene = _c.scene, animations = _c.animations;
+    var _c = useGLTF(props.url), scene = _c.scene, animations = _c.animations;
     var _d = useAnimations(animations), actions = _d.actions, animationRef = _d.ref;
     var worldContext = useContext(GaesupWorldContext);
     var controllerContext = useContext(GaesupControllerContext);
-    if (isActive) {
+    if (props.isActive) {
         subscribeActions({
-            type: componentType,
+            type: props.componentType,
             groundRay: groundRay,
             animations: animations,
         });
@@ -56,36 +56,36 @@ export var RigidBodyRef = forwardRef(function (_a, ref) {
             state: null,
             worldContext: worldContext,
             controllerContext: controllerContext,
-            controllerOptions: controllerOptions,
+            controllerOptions: props.controllerOptions,
         };
         useFrame(function (state) {
             cameraProps_1.state = state;
         });
         Camera(cameraProps_1);
         calculation({
-            outerGroupRef: outerGroupRef,
-            innerGroupRef: innerGroupRef,
+            outerGroupRef: props.outerGroupRef,
+            innerGroupRef: props.innerGroupRef,
             rigidBodyRef: ref,
-            colliderRef: colliderRef,
+            colliderRef: props.colliderRef,
             groundRay: groundRay,
         });
     }
     playActions({
-        type: componentType,
+        type: props.componentType,
         actions: actions,
         animationRef: animationRef,
-        currentAnimation: isActive ? undefined : currentAnimation,
-        isActive: isActive,
+        currentAnimation: props.isActive ? undefined : props.currentAnimation,
+        isActive: props.isActive,
     });
     var clone = useMemo(function () { return SkeletonUtils.clone(scene); }, [scene]);
     var nodes = useGraph(clone).nodes;
     var objectNode = Object.values(nodes).find(function (node) { return node.type === "Object3D"; });
     useFrame(function () {
-        if (isActive || !position || !ref || !ref.current)
+        if (props.isActive || !props.position || !ref || !ref.current)
             return;
-        ref.current.setTranslation(V3(THREE.MathUtils.lerp(ref.current.translation().x, position.x, controllerOptions.lerp.cameraPosition), THREE.MathUtils.lerp(ref.current.translation().y, position.y, controllerOptions.lerp.cameraPosition), THREE.MathUtils.lerp(ref.current.translation().z, position.z, controllerOptions.lerp.cameraPosition)), false);
+        ref.current.setTranslation(V3(THREE.MathUtils.lerp(ref.current.translation().x, props.position.x, props.controllerOptions.lerp.cameraPosition), THREE.MathUtils.lerp(ref.current.translation().y, props.position.y, props.controllerOptions.lerp.cameraPosition), THREE.MathUtils.lerp(ref.current.translation().z, props.position.z, props.controllerOptions.lerp.cameraPosition)), false);
     });
-    return (_jsxs(RigidBody, { colliders: false, ref: ref, name: name, rotation: euler()
-            .set(0, (rotation === null || rotation === void 0 ? void 0 : rotation.clone().y) || 0, 0)
-            .clone(), userData: userData, onCollisionEnter: onCollisionEnter, type: rigidbodyType || (isActive ? "dynamic" : "fixed"), children: [_jsx(CapsuleCollider, { ref: colliderRef, args: [(size.y / 2 - size.x) * 1.2, size.x * 1.2], position: [0, (size.y / 2 + size.x / 2) * 1.2, 0] }), children, _jsx(InnerGroupRef, { objectNode: objectNode, animationRef: animationRef, nodes: nodes, ref: innerGroupRef, children: children })] }));
+    return (_jsxs(RigidBody, { colliders: false, ref: ref, name: props.name, rotation: euler()
+            .set(0, ((_a = props.rotation) === null || _a === void 0 ? void 0 : _a.clone().y) || 0, 0)
+            .clone(), userData: props.userData, onCollisionEnter: props.onCollisionEnter, type: props.rigidbodyType || (props.isActive ? "dynamic" : "fixed"), children: [_jsx(CapsuleCollider, { ref: props.colliderRef, args: [(size.y / 2 - size.x) * 1.2, size.x * 1.2], position: [0, (size.y / 2 + size.x / 2) * 1.2, 0] }), props.children, _jsx(InnerGroupRef, { objectNode: objectNode, animationRef: animationRef, nodes: nodes, ref: props.innerGroupRef, isActive: props.isActive, isRiderOn: props.isRiderOn, enableRiding: props.enableRiding, ridingUrl: props.ridingUrl, offset: props.offset, children: props.children })] }));
 });

package/dist/gaesup/component/inner/common/type.d.ts

@@ -18,7 +18,10 @@ export type InnerGroupRefType = {
     nodes: {
         [name: string]: THREE.Object3D<THREE.Object3DEventMap>;
     };
-};
+    isActive?: boolean;
+    ridingUrl?: string;
+    offset?: THREE.Vector3;
+} & ridingType;
 export type ridingType = {
     isRiderOn?: boolean;
     enableRiding?: boolean;
@@ -51,4 +54,5 @@ export type rigidBodyRefType = {
     };
     onCollisionEnter?: (e: CollisionEnterPayload) => Promise<void>;
     isActive?: boolean;
+    ridingUrl?: string;
 } & passivePropsType & innerRefType;

package/dist/gaesup/component/inner/rider/index.d.ts

@@ -7,4 +7,4 @@ export type riderRefType = {
     euler?: THREE.Euler;
     currentAnimation?: string;
 };
-export default function RiderRef({ url, children, offset, euler, currentAnimation, }: riderRefType): import("react/jsx-runtime").JSX.Element;
+export default function RiderRef({ url, children, offset, currentAnimation, }: riderRefType): import("react/jsx-runtime").JSX.Element;

package/dist/gaesup/component/inner/rider/index.js

@@ -7,7 +7,7 @@ import { SkeletonUtils } from "three-stdlib";
 import playActions from "../../../animation/actions";
 import { useGltfAndSize } from "../../../hooks/useGaesupGltf";
 export default function RiderRef(_a) {
-    var url = _a.url, children = _a.children, offset = _a.offset, euler = _a.euler, currentAnimation = _a.currentAnimation;
+    var url = _a.url, children = _a.children, offset = _a.offset, currentAnimation = _a.currentAnimation;
     var gltf = useGltfAndSize({ url: url }).gltf;
     var animations = gltf.animations, scene = gltf.scene;
     var _b = useAnimations(animations), actions = _b.actions, animationRef = _b.ref;

package/dist/gaesup/component/inner/vehicle/index.js

@@ -18,5 +18,5 @@ export function VehicleInnerRef(props) {
     var size = useGltfAndSize({
         url: props.url,
     }).size;
-    return (_jsx(OuterGroupRef, { ref: outerGroupRef, children: _jsx(RigidBodyRef, __assign({ ref: rigidBodyRef, name: props.name, componentType: "vehicle" }, props, { children: props.children })) }));
+    return (_jsx(OuterGroupRef, { ref: outerGroupRef, children: _jsx(RigidBodyRef, __assign({ ref: rigidBodyRef, name: props.name, componentType: "vehicle", ridingUrl: props.ridingUrl }, props, { children: props.children })) }));
 }

package/dist/gaesup/component/passive/airplane/index.js

@@ -44,5 +44,5 @@ export function PassiveAirplane(props) {
                 cameraTurn: 1,
                 cameraPosition: 1,
             },
-        }, position: props.position.clone(), rotation: props.rotation.clone(), currentAnimation: props.currentAnimation }, props, refs, { children: props.children })));
+        }, position: props.position, rotation: props.rotation, currentAnimation: props.currentAnimation, ridingUrl: props.ridingUrl }, props, refs, { children: props.children })));
 }

package/dist/gaesup/component/passive/character/index.js

@@ -33,5 +33,5 @@ export function PassiveCharacter(props) {
                 cameraTurn: 1,
                 cameraPosition: 1,
             },
-        }, position: props.position.clone(), rotation: props.rotation.clone(), currentAnimation: props.currentAnimation }, refs, props, { children: props.children })));
+        }, position: props.position, rotation: props.rotation, currentAnimation: props.currentAnimation }, refs, props, { children: props.children })));
 }

package/dist/gaesup/component/passive/type.d.ts

@@ -14,6 +14,7 @@ export type innerRefType = {
 export type passivePropsType = {
     children?: React.ReactNode;
     url: string;
+    ridingUrl?: string;
     wheelUrl?: string;
     position?: THREE.Vector3;
     rotation?: THREE.Euler;

package/dist/gaesup/component/passive/vehicle/index.js

@@ -28,5 +28,5 @@ export function PassiveVehicle(props) {
                 cameraTurn: 1,
                 cameraPosition: 1,
             },
-        }, position: props.position.clone(), rotation: props.rotation.clone(), currentAnimation: props.currentAnimation }, props, refs, { children: props.children })));
+        }, position: props.position, rotation: props.rotation, currentAnimation: props.currentAnimation, ridingUrl: props.ridingUrl }, props, refs, { children: props.children })));
 }

package/dist/gaesup/hooks/useGaesupGltf/index.d.ts

@@ -21,5 +21,6 @@ export declare const useGaesupGltf: () => {
         vehicleUrl?: THREE.Vector3;
         airplaneUrl?: THREE.Vector3;
         wheelUrl?: THREE.Vector3;
+        ridingUrl?: THREE.Vector3;
     };
 };

package/dist/gaesup/hooks/useRideable/index.d.ts

@@ -1,32 +1,16 @@
 import { CollisionEnterPayload } from "@react-three/rapier";
-import * as THREE from "three";
+import { rideableType } from "./type";
 export declare const rideableDefault: {
     objectkey: any;
     objectType: any;
     isRiderOn: boolean;
     url: any;
     wheelUrl: any;
-    position: THREE.Vector3;
-    rotation: THREE.Euler;
-    offset: THREE.Vector3;
+    position: import("three").Vector3;
+    rotation: import("three").Euler;
+    offset: import("three").Vector3;
     visible: boolean;
 };
-export type rideableType = {
-    objectkey: string;
-    objectType?: "vehicle" | "airplane";
-    enableRiding?: boolean;
-    isRiderOn?: boolean;
-    url?: string;
-    wheelUrl?: string;
-    position?: THREE.Vector3;
-    rotation?: THREE.Euler;
-    offset?: THREE.Vector3;
-    landingOffset?: THREE.Vector3;
-    visible?: boolean;
-    vehicleSize?: THREE.Vector3;
-    wheelSize?: THREE.Vector3;
-    airplaneSize?: THREE.Vector3;
-};
 export declare function useRideable(): {
     initRideable: (props: rideableType) => void;
     setRideable: (props: rideableType) => void;

package/dist/gaesup/hooks/useRideable/index.js

@@ -102,6 +102,7 @@ export function useRideable() {
     };
     var setUrl = function (props) { return __awaiter(_this, void 0, void 0, function () {
         return __generator(this, function (_a) {
+            urls.ridingUrl = props.ridingUrl || urls.characterUrl || null;
             if (props.objectType === "vehicle") {
                 urls.vehicleUrl = props.url;
                 urls.wheelUrl = props.wheelUrl || null;

package/dist/gaesup/hooks/useRideable/type.d.ts

@@ -0,0 +1,19 @@
+import * as THREE from "three";
+export type rideableType = {
+    objectkey: string;
+    objectType?: "vehicle" | "airplane";
+    enableRiding?: boolean;
+    isRiderOn?: boolean;
+    url?: string;
+    characterUrl?: string;
+    ridingUrl?: string;
+    wheelUrl?: string;
+    position?: THREE.Vector3;
+    rotation?: THREE.Euler;
+    offset?: THREE.Vector3;
+    landingOffset?: THREE.Vector3;
+    visible?: boolean;
+    vehicleSize?: THREE.Vector3;
+    wheelSize?: THREE.Vector3;
+    airplaneSize?: THREE.Vector3;
+};

package/dist/gaesup/hooks/useRideable/type.js

@@ -0,0 +1 @@
+export {};

package/dist/gaesup/physics/airplane/landing.js

@@ -1,4 +1,29 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
 export default function landing(prop) {
     var _a = prop.worldContext, states = _a.states, rideable = _a.rideable, mode = _a.mode, dispatch = prop.dispatch;
-    var isLanding = states.isLanding;
+    var isRiding = states.isRiding;
+    if (isRiding) {
+        rideable.objectType = null;
+        rideable.key = null;
+        mode.type = "character";
+        states.isRiding = false;
+        states.enableRiding = false;
+    }
+    dispatch({
+        type: "update",
+        payload: {
+            mode: __assign({}, mode),
+            rideable: __assign({}, rideable),
+        },
+    });
 }

package/dist/gaesup/physics/check/riding.js

@@ -2,6 +2,6 @@ export default function riding(prop) {
     var states = prop.worldContext.states;
     var isRiderOn = states.isRiderOn;
     if (isRiderOn && states.isPush["keyR"]) {
-        states.isLanding = true;
+        states.isRiding = true;
     }
 }

package/dist/gaesup/physics/vehicle/landing.js

@@ -1,4 +1,29 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
 export default function landing(prop) {
     var _a = prop.worldContext, states = _a.states, rideable = _a.rideable, mode = _a.mode, dispatch = prop.dispatch;
-    var isLanding = states.isLanding;
+    var isRiding = states.isRiding;
+    if (isRiding) {
+        rideable.objectType = null;
+        rideable.key = null;
+        mode.type = "character";
+        states.isRiding = false;
+        states.enableRiding = false;
+    }
+    dispatch({
+        type: "update",
+        payload: {
+            mode: __assign({}, mode),
+            rideable: __assign({}, rideable),
+        },
+    });
 }

package/dist/gaesup/tools/jumpPortal/index.d.ts

@@ -6,12 +6,4 @@ export type JumpPortalType = {
     position: THREE.Vector3;
     jumpPortalStyle?: CSSProperties;
 };
-/**
- * JumpPortal component represents a clickable portal that teleports the user to a specified location.
- *
- * @param {JumpPortalType} props - The props for the JumpPortal component.
- * @param {string} props.text - (Optional) The text to display on the portal.
- * @param {THREE.Vector3} props.position - The target position to teleport to.
- * @param {CSSProperties} props.jumpPortalStyle - (Optional) CSS styles for the JumpPortal component.
- */
 export declare function JumpPortal({ text, position, jumpPortalStyle, }: JumpPortalType): import("react/jsx-runtime").JSX.Element;

package/dist/gaesup/tools/jumpPortal/index.js

@@ -1,14 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useTeleport } from "../../hooks/useTeleport";
 import "./style.css";
-/**
- * JumpPortal component represents a clickable portal that teleports the user to a specified location.
- *
- * @param {JumpPortalType} props - The props for the JumpPortal component.
- * @param {string} props.text - (Optional) The text to display on the portal.
- * @param {THREE.Vector3} props.position - The target position to teleport to.
- * @param {CSSProperties} props.jumpPortalStyle - (Optional) CSS styles for the JumpPortal component.
- */
 export function JumpPortal(_a) {
     var text = _a.text, position = _a.position, jumpPortalStyle = _a.jumpPortalStyle;
     var Teleport = useTeleport().Teleport;

package/dist/gaesup/tools/miniMap/index.js

@@ -19,7 +19,7 @@ import "./style.css";
 export function MiniMap(props) {
     var _a = useContext(GaesupWorldContext), minimap = _a.minimap, activeState = _a.activeState, mode = _a.mode;
     var _b = useState(props.scale || minimapDefault.scale), scale = _b[0], setscale = _b[1];
-    var innerStyle = props.innerStyle, textStyle = props.textStyle, objectStyle = props.objectStyle, avatarStyle = props.avatarStyle, scaleStyle = props.scaleStyle, directionStyle = props.directionStyle, plusMinusStyle = props.plusMinusStyle;
+    var innerStyle = props.innerStyle, textStyle = props.textStyle, objectStyle = props.objectStyle, avatarStyle = props.avatarStyle, scaleStyle = props.scaleStyle, directionStyle = props.directionStyle, plusMinusStyle = props.plusMinusStyle, imageStyle = props.imageStyle;
     var upscale = useCallback(function () {
         var max = props.maxScale || minimapDefault.maxScale;
         setscale(function (scale) { return Math.min(max, scale + 0.1); });
@@ -37,7 +37,7 @@ export function MiniMap(props) {
                 downscale();
         }, children: [_jsx("div", { className: "minimapOuter", style: objectStyle }), _jsxs("div", { className: "minimapInner", style: __assign({ transform: props.blockRotate || mode.control === "normal"
                         ? "translate(-50%, -50%) rotate(180deg) "
-                        : "translate(-50%, -50%) rotate(".concat((activeState.euler.y * 180) / Math.PI + 180, "deg) ") }, innerStyle), children: [_jsx("div", { className: "east direction", style: __assign({ transform: props.blockRotate || mode.control === "normal"
+                        : "translate(-50%, -50%) rotate(".concat((activeState.euler.y * 180) / Math.PI + 180, "deg) ") }, innerStyle), children: [" ", _jsx("div", { className: "east direction", style: __assign({ transform: props.blockRotate || mode.control === "normal"
                                 ? "translate(-50%, -50%) rotate(180deg) "
                                 : "translate(-50%, -50%) rotate(-".concat((activeState.euler.y * 180) / Math.PI + 180, "deg) ") }, directionStyle), children: "E" }), _jsx("div", { className: "west direction", style: __assign({ transform: props.blockRotate || mode.control === "normal"
                                 ? "translate(50%, -50%) rotate(180deg) "
@@ -45,7 +45,7 @@ export function MiniMap(props) {
                                 ? "translate(-50%, 50%) rotate(180deg) "
                                 : "translate(-50%, 50%) rotate(-".concat((activeState.euler.y * 180) / Math.PI + 180, "deg) ") }, directionStyle), children: "S" }), _jsx("div", { className: "north direction", style: __assign({ transform: props.blockRotate || mode.control === "normal"
                                 ? "translate(-50%, -50%) rotate(180deg) "
-                                : "translate(-50%, -50%) rotate(-".concat((activeState.euler.y * 180) / Math.PI + 180, "deg) ") }, directionStyle), children: "N" }), Object.values(minimap.props).map(function (_a, key) {
+                                : "translate(-50%, -50%) rotate(-".concat((activeState.euler.y * 180) / Math.PI + 180, "deg) ") }, directionStyle), children: "N" }), props.isImage && (_jsx("img", { src: props.imageUrl, className: "minimapObject", style: __assign({ width: "".concat(100 * scale, "rem"), height: "".concat(100 * scale, "rem"), top: "50%", left: "50%", transform: "translate(-50.1%, -50.1%) translate(".concat(activeState.position.x * scale, "rem, ").concat(activeState.position.z, "rem)"), transformOrigin: "50% 50%", zIndex: 100 }, imageStyle) })), Object.values(minimap.props).map(function (_a, key) {
                         var center = _a.center, size = _a.size, text = _a.text;
                         var X = (center.x - activeState.position.x) * scale;
                         var Z = (center.z - activeState.position.z) * scale;

package/dist/gaesup/tools/miniMap/type.d.ts

@@ -14,7 +14,7 @@ export type minimapInnerType = {
     };
 };
 export type minimapType = {
-    [key in "minimapStyle" | "outerStyle" | "innerStyle" | "textStyle" | "objectStyle" | "avatarStyle" | "directionStyle" | "scaleStyle" | "plusMinusStyle"]?: CSSProperties;
+    [key in "minimapStyle" | "outerStyle" | "innerStyle" | "textStyle" | "objectStyle" | "avatarStyle" | "directionStyle" | "scaleStyle" | "imageStyle" | "plusMinusStyle"]?: CSSProperties;
 } & {
     minScale?: number;
     maxScale?: number;
@@ -22,4 +22,8 @@ export type minimapType = {
     scale?: number;
     blockRotate?: boolean;
     blockScaleControl?: boolean;
+    isImage?: boolean;
+    imageUrl?: string;
+    imageWidth?: number;
+    imageHeight?: number;
 };

package/dist/gaesup/tools/rideable/index.js

@@ -53,8 +53,6 @@ export function Rideable(props) {
         position: props.position || V3(0, 0, 0),
         rotation: props.rotation || euler(),
     }), _rideable = _d[0], set_Rideable = _d[1];
-    // console.log(current);
-    // if (!current) return null;
     useEffect(function () {
         initRideable(props);
     }, []);
@@ -75,5 +73,5 @@ export function Rideable(props) {
             }
         });
     }); };
-    return (_jsx(_Fragment, { children: ((_a = rideable === null || rideable === void 0 ? void 0 : rideable[props.objectkey]) === null || _a === void 0 ? void 0 : _a.visible) && (_jsxs("group", { userData: { intangible: true }, children: [props.objectType === "vehicle" && (_jsx(PassiveVehicle, { controllerOptions: props.controllerOptions, position: _rideable.position, rotation: _rideable.rotation, currentAnimation: "idle", url: props.url, wheelUrl: props.wheelUrl, offset: props.offset, enableRiding: props.enableRiding, onCollisionEnter: onCollisionEnter })), props.objectType === "airplane" && (_jsx(PassiveAirplane, { controllerOptions: props.controllerOptions, position: _rideable.position, rotation: _rideable.rotation, currentAnimation: "idle", url: props.url, offset: props.offset, enableRiding: props.enableRiding, onCollisionEnter: onCollisionEnter }))] })) }));
+    return (_jsx(_Fragment, { children: ((_a = rideable === null || rideable === void 0 ? void 0 : rideable[props.objectkey]) === null || _a === void 0 ? void 0 : _a.visible) && (_jsxs("group", { userData: { intangible: true }, children: [props.objectType === "vehicle" && (_jsx(PassiveVehicle, { controllerOptions: props.controllerOptions, position: props.position, rotation: props.rotation, currentAnimation: "idle", url: props.url, wheelUrl: props.wheelUrl, ridingUrl: props.ridingUrl, offset: props.offset, enableRiding: props.enableRiding, onCollisionEnter: onCollisionEnter })), props.objectType === "airplane" && (_jsx(PassiveAirplane, { controllerOptions: props.controllerOptions, position: _rideable.position, rotation: _rideable.rotation, ridingUrl: props.ridingUrl, currentAnimation: "idle", url: props.url, offset: props.offset, enableRiding: props.enableRiding, onCollisionEnter: onCollisionEnter }))] })) }));
 }

package/dist/gaesup/tools/rideable/type.d.ts

@@ -7,6 +7,8 @@ export type rideablePropType = {
     enableRiding?: boolean;
     isRiderOn?: boolean;
     url?: string;
+    characterUrl?: string;
+    ridingUrl?: string;
     wheelUrl?: string;
     position?: THREE.Vector3;
     rotation?: THREE.Euler;

package/dist/gaesup/world/context/index.js

@@ -19,6 +19,7 @@ export var gaesupWorldDefault = {
         vehicleUrl: null,
         airplaneUrl: null,
         wheelUrl: null,
+        ridingUrl: null,
     },
     states: {
         rideableId: null,

package/dist/gaesup/world/context/reducer.d.ts

@@ -20,7 +20,7 @@ export declare function gaesupWorldReducer(props: Partial<gaesupWorldContextType
     clicker?: import("./type").clickerType;
     moveTo?: (position: import("three").Vector3, target: import("three").Vector3) => Promise<void>;
     rideable?: {
-        [key: string]: import("../../hooks/useRideable").rideableType;
+        [key: string]: import("../../hooks/useRideable/type").rideableType;
     };
     sizes?: import("./type").sizesType;
     block?: import("./type").blockType;

package/dist/gaesup/world/context/type.d.ts

@@ -1,7 +1,7 @@
 import { CSSProperties } from "react";
 import { actionsType, refsType } from "../../controller/type";
 import * as THREE from "three";
-import { rideableType } from "../../hooks/useRideable";
+import { rideableType } from "../../hooks/useRideable/type";
 import { joyStickInnerType } from "../../tools/joystick/type";
 import { keyboardMapType } from "../../tools/keyBoardToolTip/type";
 import { minimapInnerType } from "../../tools/miniMap/type";
@@ -57,6 +57,7 @@ export type urlsType = {
     vehicleUrl?: string;
     airplaneUrl?: string;
     wheelUrl?: string;
+    ridingUrl?: string;
 };
 export type animationAtomType = {
     tag: string;

package/dist/gaesup/world/initalize/index.d.ts

@@ -20,7 +20,7 @@ export default function initGaesupWorld(props: gaesupWorldPropsType): {
             clicker?: import("../context/type").clickerType;
             moveTo?: (position: import("three").Vector3, target: import("three").Vector3) => Promise<void>;
             rideable?: {
-                [key: string]: import("../../hooks/useRideable").rideableType;
+                [key: string]: import("../../hooks/useRideable/type").rideableType;
             };
             sizes?: import("../context/type").sizesType;
             block?: import("../context/type").blockType;

package/dist/gaesup/world/initalize/index.js

@@ -55,26 +55,7 @@ export default function initGaesupWorld(props) {
             },
         });
     }, []);
-    var gaesupProps = useMemo(function () { return ({ value: value, dispatch: dispatch }); }, [
-        value,
-        value.activeState,
-        value.mode,
-        value.urls,
-        value.states,
-        value.rideable,
-        value.debug,
-        value.minimap,
-        value.joystick,
-        value.control,
-        value.clicker,
-        value.animationState,
-        value.keyBoardMap,
-        value.moveTo,
-        value.block,
-        value.sizes,
-        value.callback,
-        dispatch,
-    ]);
+    var gaesupProps = useMemo(function () { return ({ value: value, dispatch: dispatch }); }, [value, dispatch]);
     initDebug({ value: gaesupProps.value, dispatch: dispatch });
     return {
         gaesupProps: gaesupProps,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "gaesup-world",
-  "version": "0.6.78",
+  "version": "0.6.81",
   "type": "module",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",