gaesup-world 0.6.7 → 0.6.9

package/README.md

@@ -89,7 +89,7 @@ This project is distributed under the MIT License.
 
 * ## 5. [Tools](#Tools)
 
-  - [JoyStick](#1JoyStick)
+  - [joystick](#1joystick)
 
   * [keyBoardTooltip](#keyBoardTooltip)
 
@@ -123,7 +123,7 @@ This is the character control in Gaesup World.
 | Name     | Condition                   | Info                                                                    |
 | -------- | --------------------------- | ----------------------------------------------------------------------- |
 | Keyboard | desktop                     | A standard keyboard tool. You can see where on the keyboard is clicked. |
-| Joystick | mobile (not normal control) | A joystick implementation tool. It works on mobile devices.             |
+| joystick | mobile (not normal control) | A joystick implementation tool. It works on mobile devices.             |
 | Gameboy  | mobile                      | A Gameboy implementation tool. It works on mobile devices.              |
 
 ## Vehicle
@@ -141,7 +141,7 @@ This is the character control in Gaesup World.
 | Name     | Condition | Info                                                                    |
 | -------- | --------- | ----------------------------------------------------------------------- |
 | Keyboard | desktop   | A standard keyboard tool. You can see where on the keyboard is clicked. |
-| Joystick | mobile    | A joystick implementation tool. It works on mobile devices.             |
+| joystick | mobile    | A joystick implementation tool. It works on mobile devices.             |
 | Gameboy  | mobile    | A Gameboy implementation tool. It works on mobile devices.              |
 
 ## Airplane
@@ -159,7 +159,7 @@ the airplane control in Gaesup World. Characters can board the airplane.
 | Name     | Condition | Info                                                                    |
 | -------- | --------- | ----------------------------------------------------------------------- |
 | Keyboard | desktop   | A standard keyboard tool. You can see where on the keyboard is clicked. |
-| Joystick | mobile    | A joystick implementation tool. It works on mobile devices.             |
+| joystick | mobile    | A joystick implementation tool. It works on mobile devices.             |
 | Gameboy  | mobile    | A Gameboy implementation tool. It works on mobile devices.              |
 
 # Animation
@@ -410,36 +410,36 @@ const App = () => {
 2. Customize the appearance using the `gamePadStyle` and `gamePadButtonStyle` properties.
 3. The component dynamically renders buttons based on the `control` mode.
 
-## JoyStick
+## joystick
 
 ---
 
-- The JoyStick component provides a virtual joystick interface, primarily intended for mobile environments. This component allows you to simulate joystick-like input on mobile devices. Additionally, you can prevent position jitter, which can occur on mobile devices, by using the `scrollBlock` option in the `GaesupWorld` component.
+- The joystick component provides a virtual joystick interface, primarily intended for mobile environments. This component allows you to simulate joystick-like input on mobile devices. Additionally, you can prevent position jitter, which can occur on mobile devices, by using the `scrollBlock` option in the `GaesupWorld` component.
 
 ### (1) props
 
 | Prop Name           | Type            | Required | Description                 | Default Value |
 | ------------------- | --------------- | -------- | --------------------------- | ------------- |
-| `joyStickStyle`     | object (styles) | Optional | Style for the joystick      | `undefined`   |
-| `joyStickBallStyle` | object (styles) | Optional | Style for the joystick ball | `undefined`   |
+| `joystickStyle`     | object (styles) | Optional | Style for the joystick      | `undefined`   |
+| `joystickBallStyle` | object (styles) | Optional | Style for the joystick ball | `undefined`   |
 
 ### (2) example
 
 ```jsx
 const MyComponent = () => {
-  const joyStickStyle = {
-    /* joyStickStyle */
+  const joystickStyle = {
+    /* joystickStyle */
   };
-  const joyStickBallStyle = {
-    /* joyStickBallStyle */
+  const joystickBallStyle = {
+    /* joystickBallStyle */
   };
 
   return (
     <GaesupWorld>
       {/* ... */}
-      <JoyStick
-        joyStickStyle={joyStickStyle}
-        joyStickBallStyle={joyStickBallStyle}
+      <joystick
+        joystickStyle={joystickStyle}
+        joystickBallStyle={joystickBallStyle}
       />
       {/* ... */}
     </GaesupWorld>
@@ -449,8 +449,8 @@ const MyComponent = () => {
 
 ### (3) Key Features:
 
-- **Joystick Interface:** Provides a joystick-like user input interface, suitable for mobile devices.
-- **Customization:** You can customize the style of the JoyStick component by adjusting the styles of the joystick and the joystick ball using the `joyStickBallStyle` and `joyStickStyle` properties.
+- **joystick Interface:** Provides a joystick-like user input interface, suitable for mobile devices.
+- **Customization:** You can customize the style of the joystick component by adjusting the styles of the joystick and the joystick ball using the `joystickBallStyle` and `joystickStyle` properties.
 - **Responsive and Interactive:** It supports various input devices and responds to both mouse and mobile touch events for controlling movement.
 
 ## 4) JumpPortal

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

@@ -9,10 +9,10 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
 import { useFrame } from "@react-three/fiber";
 import { quat } from "@react-three/rapier";
-import { useMemo, useRef } from "react";
+import { useRef } from "react";
 import { AirplaneInnerRef } from "../../inner/airplane";
 export function PassiveAirplane(props) {
     var rigidBodyRef = useRef(null);
@@ -39,13 +39,10 @@ export function PassiveAirplane(props) {
                 : 0.1, false);
         }
     });
-    var memorized = useMemo(function () {
-        return (_jsx(AirplaneInnerRef, __assign({ isActive: false, componentType: "airplane", name: "airplane", controllerOptions: props.controllerOptions || {
-                lerp: {
-                    cameraTurn: 1,
-                    cameraPosition: 1,
-                },
-            }, position: props.position.clone(), rotation: props.rotation.clone(), currentAnimation: props.currentAnimation }, props, refs, { children: props.children })));
-    }, [props.position, props.rotation, props.currentAnimation]);
-    return _jsx(_Fragment, { children: memorized });
+    return (_jsx(AirplaneInnerRef, __assign({ isActive: false, componentType: "airplane", name: "airplane", controllerOptions: props.controllerOptions || {
+            lerp: {
+                cameraTurn: 1,
+                cameraPosition: 1,
+            },
+        }, 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

@@ -9,8 +9,8 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
-import { useEffect, useMemo, useRef } from "react";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useRef } from "react";
 import { CharacterInnerRef } from "../../inner/character";
 export function PassiveCharacter(props) {
     var rigidBodyRef = useRef(null);
@@ -28,13 +28,10 @@ export function PassiveCharacter(props) {
             rigidBodyRef.current.setEnabledRotations(false, false, false, false);
         }
     }, []);
-    var memorized = useMemo(function () {
-        return (_jsx(CharacterInnerRef, __assign({ isActive: false, componentType: "character", controllerOptions: props.controllerOptions || {
-                lerp: {
-                    cameraTurn: 1,
-                    cameraPosition: 1,
-                },
-            }, position: props.position.clone(), rotation: props.rotation.clone(), currentAnimation: props.currentAnimation }, refs, props, { children: props.children })));
-    }, [props.position, props.rotation, props.currentAnimation]);
-    return _jsx(_Fragment, { children: memorized });
+    return (_jsx(CharacterInnerRef, __assign({ isActive: false, componentType: "character", controllerOptions: props.controllerOptions || {
+            lerp: {
+                cameraTurn: 1,
+                cameraPosition: 1,
+            },
+        }, 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

@@ -9,12 +9,10 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
-import { useContext, useMemo, useRef } from "react";
-import { GaesupWorldContext } from "../../../world/context";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useRef } from "react";
 import { VehicleInnerRef } from "../../inner/vehicle";
 export function PassiveVehicle(props) {
-    var states = useContext(GaesupWorldContext).states;
     var rigidBodyRef = useRef(null);
     var outerGroupRef = useRef(null);
     var innerGroupRef = useRef(null);
@@ -25,13 +23,10 @@ export function PassiveVehicle(props) {
         innerGroupRef: innerGroupRef,
         colliderRef: colliderRef,
     };
-    var memorized = useMemo(function () {
-        return (_jsx(VehicleInnerRef, __assign({ isActive: false, componentType: "vehicle", name: "vehicle", controllerOptions: props.controllerOptions || {
-                lerp: {
-                    cameraTurn: 1,
-                    cameraPosition: 1,
-                },
-            }, position: props.position.clone(), rotation: props.rotation.clone(), currentAnimation: props.currentAnimation }, props, refs, { children: props.children })));
-    }, [props.position, props.rotation, props.currentAnimation]);
-    return _jsx(_Fragment, { children: memorized });
+    return (_jsx(VehicleInnerRef, __assign({ isActive: false, componentType: "vehicle", name: "vehicle", controllerOptions: props.controllerOptions || {
+            lerp: {
+                cameraTurn: 1,
+                cameraPosition: 1,
+            },
+        }, position: props.position, rotation: props.rotation, currentAnimation: props.currentAnimation, ridingUrl: props.ridingUrl }, props, refs, { children: props.children })));
 }

package/dist/gaesup/gaesupProps/index.js

@@ -13,7 +13,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { vec3 } from "@react-three/rapier";
 import { useContext, useEffect, useRef } from "react";
 import * as THREE from "three";
-import useClicker from "../hooks/useClicker";
+import { useClicker } from "../hooks/useClicker";
 import { GaesupWorldContext, GaesupWorldDispatchContext, } from "../world/context";
 export function GaeSupProps(_a) {
     var _b = _a.type, type = _b === void 0 ? "normal" : _b, text = _a.text, position = _a.position, children = _a.children;

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

@@ -1,4 +1,4 @@
 import { ThreeEvent } from "@react-three/fiber";
-export default function useClicker(): {
+export declare function useClicker(): {
     moveClicker: (e: ThreeEvent<MouseEvent>, isRun: boolean, type: "normal" | "ground") => void;
 };

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

@@ -1,7 +1,7 @@
 import { useContext, useEffect } from "react";
 import { V3 } from "../../utils";
 import { GaesupWorldContext, GaesupWorldDispatchContext, } from "../../world/context";
-export default function useClicker() {
+export function useClicker() {
     var _a = useContext(GaesupWorldContext), activeState = _a.activeState, clicker = _a.clicker, mode = _a.mode;
     var dispatch = useContext(GaesupWorldDispatchContext);
     var moveClicker = function (e, isRun, type) {

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/useJoyStick/index.d.ts

@@ -1,4 +1,4 @@
-import { joyStickBallType, joyStickOriginType } from "../../tools/joyStick/type";
+import { joyStickBallType, joyStickOriginType } from "../../tools/joystick/type";
 export declare const joyStickBallDefault: {
     top: string;
     left: string;
@@ -31,7 +31,7 @@ export declare const joyStickInnerDefault: {
         isCenter: boolean;
     };
 };
-export default function useJoyStick(): {
+export declare function useJoyStick(): {
     joyStickOrigin: joyStickOriginType;
     joyStickBall: joyStickBallType;
     setBall: (ball: joyStickBallType) => void;

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

@@ -30,7 +30,7 @@ export var joyStickInnerDefault = {
     joyStickBall: joyStickBallDefault,
     joyStickOrigin: joyStickOriginDefault,
 };
-export default function useJoyStick() {
+export function useJoyStick() {
     var joystick = useContext(GaesupWorldContext).joystick;
     var dispatch = useContext(GaesupWorldDispatchContext);
     var joyStickBall = joystick.joyStickBall, joyStickOrigin = joystick.joyStickOrigin;

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/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/character/direction.d.ts

@@ -1,4 +1,4 @@
-import { joyStickInnerType } from "../../tools/joyStick/type";
+import { joyStickInnerType } from "../../tools/joystick/type";
 import { activeStateType, clickerType, modeType } from "../../world/context/type";
 import { calcType } from "../type";
 export declare function orbitDirection({ activeState, control, mode, joystick, clicker, }: {

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;
     }
 }