gaesup-world 0.8.3 → 0.8.5

package/dist/gaesup/camera/control/normal.js

@@ -1,9 +1,9 @@
 import { V3 } from "../../utils/vector";
 export var makeNormalCameraPosition = function (activeState, cameraOption) {
-    var YDistance = cameraOption.YDistance, ZDistance = cameraOption.ZDistance;
+    var XDistance = cameraOption.XDistance, YDistance = cameraOption.YDistance, ZDistance = cameraOption.ZDistance;
     var cameraPosition = activeState.position
         .clone()
-        .add(V3(0, YDistance, ZDistance));
+        .add(V3(XDistance, YDistance, ZDistance));
     return cameraPosition;
 };
 export default function normal(prop) {

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

@@ -13,5 +13,5 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { CharacterInnerRef } from "../../inner/character";
 export function CharacterRef(_a) {
     var children = _a.children, props = _a.props, refs = _a.refs, urls = _a.urls;
-    return (_jsx(CharacterInnerRef, __assign({ url: urls.characterUrl, isActive: true, componentType: "character", rigidbodyType: "dynamic", controllerOptions: props.controllerOptions, groundRay: props.groundRay, onAnimate: props.onAnimate, onFrame: props.onFrame, onReady: props.onReady, onDestory: props.onDestory }, refs, { children: children })));
+    return (_jsx(CharacterInnerRef, __assign({ url: urls.characterUrl, isActive: true, componentType: "character", rigidbodyType: "dynamic", controllerOptions: props.controllerOptions, groundRay: props.groundRay, onAnimate: props.onAnimate, onFrame: props.onFrame, onReady: props.onReady, onDestory: props.onDestory, rigidBodyProps: props.rigidBodyProps, parts: props.parts }, refs, { children: children })));
 }

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

@@ -1,9 +1,10 @@
 import { callbackType } from "../../../controller/initialize/callback/type";
-import { groundRayType } from "../../../controller/type";
+import { groundRayType, partsType } from "../../../controller/type";
 import { passiveCharacterPropsType } from "../../passive/character/type";
 import { componentTypeString, innerRefType } from "../../passive/type";
 export type characterInnerType = {
     componentType: componentTypeString;
     isActive?: boolean;
     groundRay: groundRayType;
+    parts?: partsType;
 } & passiveCharacterPropsType & innerRefType & callbackType;

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

@@ -10,4 +10,5 @@ export declare const InnerGroupRef: import("react").ForwardRefExoticComponent<{
     isActive?: boolean;
     ridingUrl?: string;
     offset?: THREE.Vector3;
+    parts?: import("../../../controller/type").partsType;
 } & import("./type").ridingType & import("react").RefAttributes<THREE.Group<THREE.Object3DEventMap>>>;

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

@@ -9,7 +9,8 @@ export declare const RigidBodyRef: import("react").ForwardRefExoticComponent<{
     isActive?: boolean;
     ridingUrl?: string;
     groundRay?: import("../../../controller/type").groundRayType;
-    rigidBodyProps?: RapierRigidBody;
+    rigidBodyProps?: import("@react-three/rapier").RigidBodyProps;
+    parts?: import("../../../controller/type").partsType;
 } & {
     children?: import("react").ReactNode;
     groundRay?: import("../../../controller/type").groundRayType;
@@ -29,7 +30,7 @@ export declare const RigidBodyRef: import("react").ForwardRefExoticComponent<{
     userData?: {
         intangible: boolean;
     };
-    rigidBodyProps?: RapierRigidBody;
+    rigidBodyProps?: import("@react-three/rapier").RigidBodyProps;
     outerGroupProps?: THREE.Group<THREE.Object3DEventMap>;
     innerGroupProps?: THREE.Group<THREE.Object3DEventMap>;
 } & import("./type").ridingType & import("../../passive/type").innerRefType & import("../../../controller/initialize/callback/type").callbackType & import("react").RefAttributes<RapierRigidBody>>;

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

@@ -25,6 +25,7 @@ import calculation from "../../../physics";
 import { V3 } from "../../../utils";
 import { GaesupWorldContext } from "../../../world/context";
 import { InnerGroupRef } from "./InnerGroupRef";
+import { PartsGroupRef } from "./partsGroupRef";
 import { setGroundRay } from "./setGroundRay";
 export var RigidBodyRef = forwardRef(function (props, ref) {
     var _a;
@@ -85,5 +86,8 @@ export var RigidBodyRef = forwardRef(function (props, ref) {
     });
     return (_jsxs(RigidBody, __assign({ 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, type: props.rigidbodyType || (props.isActive ? "dynamic" : "fixed"), sensor: props.sensor, onIntersectionEnter: props.onIntersectionEnter, onCollisionEnter: props.onCollisionEnter }, props.rigidBodyProps, { 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 })] })));
+            .clone(), userData: props.userData, type: props.rigidbodyType || (props.isActive ? "dynamic" : "fixed"), sensor: props.sensor, onIntersectionEnter: props.onIntersectionEnter, onCollisionEnter: props.onCollisionEnter }, props.rigidBodyProps, { 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] }), _jsxs(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, parts: props.parts, children: [props.children, props.parts &&
+                        props.parts.map(function (url, key) {
+                            return (_jsx(PartsGroupRef, { url: url, isActive: props.isActive, componentType: props.componentType, currentAnimation: props.currentAnimation }, key + url));
+                        })] })] })));
 });

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

@@ -0,0 +1,7 @@
+import { componentTypeString } from "../../passive/type";
+export declare const PartsGroupRef: ({ url, isActive, componentType, currentAnimation, }: {
+    url: string;
+    isActive: boolean;
+    componentType: componentTypeString;
+    currentAnimation: string;
+}) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,31 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useAnimations, useGLTF } from "@react-three/drei";
+import { useGraph } from "@react-three/fiber";
+import { useMemo } from "react";
+import * as THREE from "three";
+import { SkeletonUtils } from "three-stdlib";
+import playActions from "../../../animation/actions";
+export var PartsGroupRef = function (_a) {
+    var url = _a.url, isActive = _a.isActive, componentType = _a.componentType, currentAnimation = _a.currentAnimation;
+    var _b = useGLTF(url), scene = _b.scene, animations = _b.animations;
+    var clone = useMemo(function () { return SkeletonUtils.clone(scene); }, [scene]);
+    var _c = useAnimations(animations), actions = _c.actions, ref = _c.ref;
+    var nodes = useGraph(clone).nodes;
+    var objectNode = Object.values(nodes).find(function (node) { return node.type === "Object3D"; });
+    playActions({
+        type: componentType,
+        actions: actions,
+        animationRef: ref,
+        currentAnimation: isActive ? undefined : currentAnimation,
+        isActive: isActive,
+    });
+    return (_jsxs(_Fragment, { children: [_jsx("primitive", { object: objectNode, visible: false, receiveShadow: true, castShadow: true, ref: ref }), Object.keys(nodes).map(function (name, key) {
+                var node = nodes[name];
+                if (node instanceof THREE.SkinnedMesh) {
+                    return (_jsx("skinnedMesh", { castShadow: true, receiveShadow: true, material: node.material, geometry: node.geometry, skeleton: node.skeleton }, key));
+                }
+                else if (node instanceof THREE.Mesh) {
+                    return (_jsx("mesh", { castShadow: true, receiveShadow: true, material: node.material, geometry: node.geometry }, key));
+                }
+            })] }));
+};

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

@@ -1,9 +1,9 @@
 import { Collider } from "@dimforge/rapier3d-compat";
-import { RapierRigidBody, RigidBodyTypeString } from "@react-three/rapier";
+import { RigidBodyProps, RigidBodyTypeString } from "@react-three/rapier";
 import { MutableRefObject, RefObject } from "react";
 import * as THREE from "three";
 import { callbackType } from "../../../controller/initialize/callback/type";
-import { groundRayType } from "../../../controller/type";
+import { groundRayType, partsType } from "../../../controller/type";
 import { urlsType } from "../../../world/context/type";
 import { innerRefType, passivePropsType } from "../../passive/type";
 export type characterColliderType = {
@@ -22,6 +22,7 @@ export type InnerGroupRefType = {
     isActive?: boolean;
     ridingUrl?: string;
     offset?: THREE.Vector3;
+    parts?: partsType;
 } & ridingType;
 export type ridingType = {
     isRiderOn?: boolean;
@@ -55,5 +56,6 @@ export type rigidBodyRefType = {
     isActive?: boolean;
     ridingUrl?: string;
     groundRay?: groundRayType;
-    rigidBodyProps?: RapierRigidBody;
+    rigidBodyProps?: RigidBodyProps;
+    parts?: partsType;
 } & passivePropsType & innerRefType & callbackType;

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

@@ -1,5 +1,5 @@
 import { Collider } from "@dimforge/rapier3d-compat";
-import { CollisionEnterPayload, RapierRigidBody, RigidBodyTypeString } from "@react-three/rapier";
+import { CollisionEnterPayload, RapierRigidBody, RigidBodyProps, RigidBodyTypeString } from "@react-three/rapier";
 import { MutableRefObject } from "react";
 import * as THREE from "three";
 import { controllerOptionsType, groundRayType } from "../../controller/type";
@@ -30,7 +30,7 @@ export type passivePropsType = {
     userData?: {
         intangible: boolean;
     };
-    rigidBodyProps?: RapierRigidBody;
+    rigidBodyProps?: RigidBodyProps;
     outerGroupProps?: THREE.Group;
     innerGroupProps?: THREE.Group;
 } & ridingType;

package/dist/gaesup/controller/index.js

@@ -65,7 +65,7 @@ export function GaesupControllerInner(props) {
     }, []);
     var prop = __assign(__assign(__assign(__assign({}, initControllerProps({
         refs: refs,
-    })), { children: props.children, groupProps: props.groupProps, controllerOptions: gaesupControl.value.controllerOptions }), gaesupControl.value.callbacks), refs);
+    })), { children: props.children, groupProps: props.groupProps, rigidBodyProps: props.rigidBodyProps, controllerOptions: gaesupControl.value.controllerOptions, parts: props.parts }), gaesupControl.value.callbacks), refs);
     initDebug({
         controllerContext: gaesupControl.value,
         controllerDispatch: gaesupControl.dispatch,

package/dist/gaesup/controller/type.d.ts

@@ -54,6 +54,7 @@ export type controllerInnerType = {
     cameraRay: cameraRayType;
     keyControl: keyControlType;
     controllerOptions: controllerOptionsType;
+    parts?: partsType;
 } & controllerOtherPropType & refsType & callbackType;
 export type animationTagType = {
     idle: string;
@@ -89,6 +90,8 @@ export interface controllerOtherPropType extends RigidBodyProps {
     rigidBodyProps?: RigidBodyProps;
     debug?: boolean;
 }
+export type partsType = string[];
 export type controllerType = controllerOtherPropType & urlsType & Partial<gaesupControllerContextPropType> & callbackType & {
     controllerOptions?: controllerOptionsType;
+    parts?: partsType;
 };

package/dist/gaesup/gaesupProps/index.js

@@ -18,10 +18,10 @@ import { GaesupWorldContext, GaesupWorldDispatchContext, } from "../world/contex
 export function GaeSupProps(_a) {
     var _b = _a.type, type = _b === void 0 ? "normal" : _b, text = _a.text, position = _a.position, children = _a.children;
     var groupRef = useRef(null);
-    var _c = useContext(GaesupWorldContext), minimap = _c.minimap, clickerOption = _c.clickerOption;
+    var _c = useContext(GaesupWorldContext), minimap = _c.minimap, activeState = _c.activeState, clickerOption = _c.clickerOption;
     var dispatch = useContext(GaesupWorldDispatchContext);
     // clicker
-    var _d = useClicker(), moveClicker = _d.moveClicker, moveDoubleClicker = _d.moveDoubleClicker;
+    var moveClicker = useClicker().moveClicker;
     useEffect(function () {
         if (groupRef.current) {
             var box = new THREE.Box3().setFromObject(groupRef.current);
@@ -43,16 +43,8 @@ export function GaeSupProps(_a) {
         }
     }, []);
     return (_jsx("group", { ref: groupRef, position: position, onPointerDown: function (e) {
-            // Only the mesh closest to the camera will be processed
-            e.stopPropagation();
-            // You may optionally capture the target
-            e.target.setPointerCapture(e.pointerId);
+            if (e.srcElement instanceof HTMLDivElement)
+                return;
             moveClicker(e, false, type);
-        }, onPointerUp: function (e) {
-            e.stopPropagation();
-            // Optionally release capture
-            e.target.releasePointerCapture(e.pointerId);
-        }, onDoubleClick: function (e) {
-            moveDoubleClicker(e, true, type);
         }, children: children }));
 }

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

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

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

@@ -1,37 +1,20 @@
-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);
-};
 import { useContext } from "react";
-import { V3, calcNorm } from "../../utils";
+import { V3 } from "../../utils";
 import { GaesupWorldContext, GaesupWorldDispatchContext, } from "../../world/context";
 export function useClicker() {
-    var _a = useContext(GaesupWorldContext), activeState = _a.activeState, mode = _a.mode, clicker = _a.clicker, clickerOption = _a.clickerOption;
+    var _a = useContext(GaesupWorldContext), activeState = _a.activeState, mode = _a.mode;
     var dispatch = useContext(GaesupWorldDispatchContext);
     var moveClicker = function (e, isRun, type) {
         if (mode.controller !== "clicker" || type !== "ground")
             return;
         var u = activeState.position;
         var v = V3(e.point.x, e.point.y, e.point.z);
-        var norm = calcNorm(u, v, false);
-        if (norm < 2)
-            return;
-        var gap = calcNorm(v, clicker.point, true);
-        if (gap < 1)
-            return;
         var newAngle = Math.atan2(v.z - u.z, v.x - u.x);
         dispatch({
             type: "update",
             payload: {
                 clicker: {
-                    point: v,
+                    point: V3(v.x, 0, v.z),
                     angle: newAngle,
                     isOn: true,
                     isRun: isRun,
@@ -39,18 +22,7 @@ export function useClicker() {
             },
         });
     };
-    var moveDoubleClicker = function (e, isRun, type) {
-        if (!clicker.isOn || !clickerOption.isRun)
-            return;
-        dispatch({
-            type: "update",
-            payload: {
-                clicker: __assign(__assign({}, clicker), { isRun: isRun }),
-            },
-        });
-    };
     return {
         moveClicker: moveClicker,
-        moveDoubleClicker: moveDoubleClicker,
     };
 }

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

@@ -1,16 +1,14 @@
-import { useContext, useEffect } from "react";
+import { vec3 } from "@react-three/rapier";
+import { useContext } from "react";
 import { V3 } from "../../utils";
 import { GaesupWorldContext, GaesupWorldDispatchContext, } from "../../world/context";
 export function useMovePoint() {
     var _a = useContext(GaesupWorldContext), activeState = _a.activeState, clicker = _a.clicker;
     var dispatch = useContext(GaesupWorldDispatchContext);
     var move = function (position, isRun) {
-        var originPoint = activeState.position;
-        var newAngle = Math.atan2(position.z - originPoint.z, position.x - originPoint.x);
-        var norm = Math.sqrt(Math.pow(position.z - originPoint.z, 2) +
-            Math.pow(position.x - originPoint.x, 2));
-        if (norm < 2)
-            return;
+        var u = activeState.position;
+        var v = vec3(position);
+        var newAngle = Math.atan2(v.z - u.z, v.x - u.x);
         dispatch({
             type: "update",
             payload: {
@@ -23,22 +21,6 @@ export function useMovePoint() {
             },
         });
     };
-    // 거리 계산
-    useEffect(function () {
-        var originPoint = activeState.position;
-        var newPosition = clicker.point;
-        var norm = Math.sqrt(Math.pow(newPosition.z - originPoint.z, 2) +
-            Math.pow(newPosition.x - originPoint.x, 2));
-        if (norm < 1) {
-            clicker.isOn = false;
-            dispatch({
-                type: "update",
-                payload: {
-                    clicker: clicker,
-                },
-            });
-        }
-    }, [activeState.position, clicker.point]);
     return {
         move: move,
     };

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

@@ -1,11 +1,14 @@
 import { useContext } from "react";
 import { GaesupWorldContext } from "../../world/context";
 export function useTeleport() {
-    var refs = useContext(GaesupWorldContext).refs;
+    var worldContext = useContext(GaesupWorldContext);
     var Teleport = function (position) {
-        var _a, _b;
-        if (refs && refs.rigidBodyRef && refs.rigidBodyRef.current)
-            (_b = (_a = refs.rigidBodyRef) === null || _a === void 0 ? void 0 : _a.current) === null || _b === void 0 ? void 0 : _b.setTranslation(position, true);
+        var _a, _b, _c;
+        if (worldContext &&
+            (worldContext === null || worldContext === void 0 ? void 0 : worldContext.refs) &&
+            ((_a = worldContext === null || worldContext === void 0 ? void 0 : worldContext.refs) === null || _a === void 0 ? void 0 : _a.rigidBodyRef) &&
+            ((_c = (_b = worldContext === null || worldContext === void 0 ? void 0 : worldContext.refs) === null || _b === void 0 ? void 0 : _b.rigidBodyRef) === null || _c === void 0 ? void 0 : _c.current))
+            worldContext.refs.rigidBodyRef.current.setTranslation(position, true);
     };
     return {
         Teleport: Teleport,

package/dist/gaesup/physics/character/direction.d.ts

@@ -1,22 +1,5 @@
-import { joyStickInnerType } from "../../tools/joystick/type";
-import { activeStateType, clickerType, modeType } from "../../world/context/type";
+import { gaesupWorldContextType } from "../../world/context/type";
 import { calcType } from "../type";
-export declare function orbitDirection({ activeState, control, mode, joystick, clicker, }: {
-    activeState: activeStateType;
-    mode: modeType;
-    joystick: joyStickInnerType;
-    clicker: clickerType;
-    control: {
-        [key: string]: boolean;
-    };
-}): void;
-export declare function normalDirection({ activeState, control, mode, joystick, clicker, }: {
-    activeState: activeStateType;
-    mode: modeType;
-    joystick: joyStickInnerType;
-    clicker: clickerType;
-    control: {
-        [key: string]: boolean;
-    };
-}): void;
+export declare function orbitDirection({ activeState, control, mode, joystick, clicker, clickerOption, }: Partial<gaesupWorldContextType>): void;
+export declare function normalDirection({ activeState, control, mode, joystick, clicker, clickerOption, }: Partial<gaesupWorldContextType>): void;
 export default function direction(prop: calcType): void;

package/dist/gaesup/physics/character/direction.js

@@ -1,6 +1,6 @@
 import { V3, calcAngleByVector } from "../../utils/vector";
 export function orbitDirection(_a) {
-    var activeState = _a.activeState, control = _a.control, mode = _a.mode, joystick = _a.joystick, clicker = _a.clicker;
+    var activeState = _a.activeState, control = _a.control, mode = _a.mode, joystick = _a.joystick, clicker = _a.clicker, clickerOption = _a.clickerOption;
     var forward = control.forward, backward = control.backward, leftward = control.leftward, rightward = control.rightward;
     var dirX = Number(leftward) - Number(rightward);
     var dirZ = Number(forward) - Number(backward);
@@ -26,7 +26,7 @@ export function orbitDirection(_a) {
     activeState.dir = activeState.direction.normalize();
 }
 export function normalDirection(_a) {
-    var activeState = _a.activeState, control = _a.control, mode = _a.mode, joystick = _a.joystick, clicker = _a.clicker;
+    var activeState = _a.activeState, control = _a.control, mode = _a.mode, joystick = _a.joystick, clicker = _a.clicker, clickerOption = _a.clickerOption;
     var forward = control.forward, backward = control.backward, leftward = control.leftward, rightward = control.rightward;
     if (mode.controller === "joystick") {
         if (joystick.joyStickOrigin.isCenter)
@@ -52,11 +52,11 @@ export function normalDirection(_a) {
     }
 }
 export default function direction(prop) {
-    var _a = prop.worldContext, joystick = _a.joystick, mode = _a.mode, activeState = _a.activeState, control = _a.control, clicker = _a.clicker;
-    if (mode.control === "normal") {
-        normalDirection({ activeState: activeState, control: control, mode: mode, joystick: joystick, clicker: clicker });
+    var worldContext = prop.worldContext;
+    if (worldContext.mode.control === "normal") {
+        normalDirection(worldContext);
     }
-    else if (mode.control === "orbit") {
-        orbitDirection({ activeState: activeState, control: control, mode: mode, joystick: joystick, clicker: clicker });
+    else if (worldContext.mode.control === "orbit") {
+        orbitDirection(worldContext);
     }
 }

package/dist/gaesup/physics/character/impulse.js

@@ -1,17 +1,6 @@
-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);
-};
 import { vec3 } from "@react-three/rapier";
 export default function impulse(prop) {
-    var rigidBodyRef = prop.rigidBodyRef, _a = prop.worldContext, states = _a.states, activeState = _a.activeState, dispatch = prop.dispatch;
+    var rigidBodyRef = prop.rigidBodyRef, _a = prop.worldContext, states = _a.states, activeState = _a.activeState;
     var isMoving = states.isMoving, isRunning = states.isRunning;
     var _b = prop.controllerContext.character, walkSpeed = _b.walkSpeed, runSpeed = _b.runSpeed, jumpSpeed = _b.jumpSpeed;
     var isOnTheGround = states.isOnTheGround, isJumping = states.isJumping;
@@ -34,10 +23,4 @@ export default function impulse(prop) {
     rigidBodyRef.current.applyImpulse(impulse, true);
     activeState.position = vec3(rigidBodyRef.current.translation());
     activeState.velocity = vec3(rigidBodyRef.current.linvel());
-    dispatch({
-        type: "update",
-        payload: {
-            activeState: __assign({}, activeState),
-        },
-    });
 }

package/dist/gaesup/physics/character/index.js

@@ -1,10 +1,12 @@
 import direction from "./direction";
 import impulse from "./impulse";
 import innerCalc from "./innerCalc";
+import queue from "./queue";
 import stop from "./stop";
 export default function characterCalculation(calcProp) {
     direction(calcProp);
     impulse(calcProp);
     innerCalc(calcProp);
     stop(calcProp);
+    queue(calcProp);
 }

package/dist/gaesup/physics/character/queue.d.ts

@@ -0,0 +1,2 @@
+import { calcType } from "../type";
+export default function queue(prop: calcType): void;

package/dist/gaesup/physics/character/queue.js

@@ -0,0 +1,48 @@
+import { vec3 } from "@react-three/rapier";
+import * as THREE from "three";
+import { calcNorm } from "../../utils";
+export default function queue(prop) {
+    var _a;
+    var rigidBodyRef = prop.rigidBodyRef, state = prop.state, _b = prop.worldContext, clicker = _b.clicker, mode = _b.mode, clickerOption = _b.clickerOption, block = _b.block;
+    var u = vec3((_a = rigidBodyRef.current) === null || _a === void 0 ? void 0 : _a.translation());
+    var norm = calcNorm(u, clicker.point, false);
+    if (clickerOption.autoStart) {
+        if (clickerOption.queue[0] instanceof THREE.Vector3) {
+            clicker.isOn = true;
+            norm = calcNorm(u, clickerOption.queue[0], false);
+            var v = vec3(clickerOption.queue[0]);
+            var newAngle = Math.atan2(v.z - u.z, v.x - u.x);
+            clicker.angle = newAngle;
+        }
+    }
+    if (norm < 1 && mode.controller === "clicker") {
+        if (clickerOption.track && clickerOption.queue.length !== 0) {
+            var Q = clickerOption.queue.shift();
+            if (Q instanceof THREE.Vector3) {
+                clicker.point = Q;
+                var v = vec3(clicker.point);
+                var newAngle = Math.atan2(v.z - u.z, v.x - u.x);
+                clicker.angle = newAngle;
+            }
+            else {
+                var action = Q.action, beforeCB = Q.beforeCB, afterCB_1 = Q.afterCB, time = Q.time;
+                if (action === "stop") {
+                    state.clock.stop();
+                    beforeCB(state);
+                    console.log();
+                    setTimeout(function () {
+                        state.clock.start();
+                        afterCB_1(state);
+                    }, time);
+                }
+            }
+            if (clickerOption.loop) {
+                clickerOption.queue.push(Q);
+            }
+        }
+        else {
+            clicker.isOn = false;
+            clicker.isRun = false;
+        }
+    }
+}

package/dist/gaesup/physics/character/stop.js

@@ -1,18 +1,8 @@
-import { vec3 } from "@react-three/rapier";
-import { calcNorm } from "../../utils";
 export default function stop(prop) {
-    var _a;
-    var rigidBodyRef = prop.rigidBodyRef, _b = prop.worldContext, control = _b.control, clicker = _b.clicker, mode = _b.mode;
+    var _a = prop.worldContext, control = _a.control, clicker = _a.clicker, mode = _a.mode;
     var keyS = control.keyS;
     if (keyS && mode.controller === "clicker") {
         clicker.isOn = false;
         clicker.isRun = false;
     }
-    // 목적지 도착
-    var u = vec3((_a = rigidBodyRef.current) === null || _a === void 0 ? void 0 : _a.translation());
-    var norm = calcNorm(u, clicker.point, false);
-    if (norm < 1 && mode.controller === "clicker") {
-        clicker.isOn = false;
-        clicker.isRun = false;
-    }
 }

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

@@ -1,8 +1,23 @@
-import { jsxs as _jsxs, Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs, jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import { Line } from "@react-three/drei";
 import { useContext } from "react";
+import * as THREE from "three";
 import { GaesupWorldContext } from "../../world/context";
 export function Clicker(_a) {
     var onMarker = _a.onMarker, runMarker = _a.runMarker;
     var _b = useContext(GaesupWorldContext), clicker = _b.clicker, mode = _b.mode, clickerOption = _b.clickerOption;
-    return (_jsx(_Fragment, { children: mode.controller === "clicker" && (_jsxs("group", { position: clicker.point, children: [clicker.isOn && onMarker, clicker.isOn && clickerOption.isRun && clicker.isRun && runMarker] })) }));
+    var pointQ = [];
+    for (var i = 0; i < clickerOption.queue.length; i++) {
+        if (clickerOption.queue[i] instanceof THREE.Vector3) {
+            pointQ.push(clickerOption.queue[i]);
+        }
+    }
+    return (_jsxs(_Fragment, { children: [mode.controller === "clicker" && (_jsxs("group", { position: clicker.point, children: [clicker.isOn && onMarker, clicker.isOn && clickerOption.isRun && clicker.isRun && runMarker] })), clickerOption.line &&
+                pointQ.map(function (queueItem, key) {
+                    if (queueItem instanceof THREE.Vector3) {
+                        var current = key;
+                        var before = key === 0 ? pointQ.length - 1 : key - 1;
+                        return (_jsxs("group", { position: [0, 1, 0], children: [_jsx(Line, { worldUnits: true, points: [pointQ[before], pointQ[current]], color: "turquoise", transparent: true, opacity: 0.5, lineWidth: 0.4 }), _jsxs("mesh", { position: queueItem, children: [_jsx("sphereGeometry", { args: [0.6, 30, 0.6] }), _jsx("meshStandardMaterial", { color: "turquoise", transparent: true, opacity: 0.8 })] }, key)] }, key));
+                    }
+                })] }));
 }

package/dist/gaesup/tools/gamepad/style.css

@@ -37,7 +37,6 @@
   z-index: 100000;
 }
 
-/* padButton isClicked variant */
 .padButton.isClicked {
   background: radial-gradient(
     circle at center,

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

@@ -48,7 +48,6 @@ export function Rideable(props) {
     var _a;
     var _b = useContext(GaesupWorldContext), states = _b.states, rideable = _b.rideable;
     var _c = useRideable(), initRideable = _c.initRideable, ride = _c.ride, landing = _c.landing;
-    // const current = getRideable(props.objectkey);
     var _rideable = useState({
         position: props.position || V3(0, 0, 0),
         rotation: props.rotation || euler(),

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

@@ -1,4 +1,4 @@
-import { RapierRigidBody } from "@react-three/rapier";
+import { RigidBodyProps } from "@react-three/rapier";
 import * as THREE from "three";
 import { controllerOptionsType } from "../../controller/type";
 export type rideablePropType = {
@@ -19,7 +19,7 @@ export type rideablePropType = {
     vehicleSize?: THREE.Vector3;
     wheelSize?: THREE.Vector3;
     airplaneSize?: THREE.Vector3;
-    rigidBodyProps?: RapierRigidBody;
+    rigidBodyProps?: RigidBodyProps;
     outerGroupProps?: THREE.Group;
     innerGroupProps?: THREE.Group;
 };

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

@@ -125,6 +125,11 @@ export var gaesupWorldDefault = {
     clickerOption: {
         isRun: true,
         throttle: 100,
+        autoStart: false,
+        track: false,
+        loop: false,
+        queue: [],
+        line: false,
     },
 };
 export var GaesupWorldContext = createContext(null);

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

@@ -1,5 +1,6 @@
 import { CSSProperties } from "react";
 import { actionsType, refsType } from "../../controller/type";
+import { RootState } from "@react-three/fiber";
 import * as THREE from "three";
 import { rideableType } from "../../hooks/useRideable/type";
 import { joyStickInnerType } from "../../tools/joystick/type";
@@ -107,9 +108,23 @@ export type clickerType = {
     isOn: boolean;
     isRun: boolean;
 };
+export type queueActionType = "stop";
+export type queueFunctionType = {
+    action: queueActionType;
+    beforeCB: (state: RootState) => void;
+    afterCB: (state: RootState) => void;
+    time: number;
+};
+export type queueItemtype = THREE.Vector3 | queueFunctionType;
+export type queueType = queueItemtype[];
 export type clickerOptionType = {
-    isRun: boolean;
-    throttle: number;
+    autoStart?: boolean;
+    isRun?: boolean;
+    throttle?: number;
+    track?: boolean;
+    loop?: boolean;
+    queue?: queueType;
+    line?: boolean;
 };
 export type wheelStateType = {
     position: THREE.Vector3;

package/dist/index.js

@@ -12,7 +12,6 @@ export { JumpPortal } from "./gaesup/tools/jumpPortal";
 export { KeyBoardToolTip } from "./gaesup/tools/keyBoardToolTip";
 export { MiniMap } from "./gaesup/tools/miniMap";
 export { Rideable } from "./gaesup/tools/rideable";
-// export { ZoomButton } from "./gaesup/tools/zoomButton";
 export { InnerHtml } from "./gaesup/utils/innerHtml";
 export { Elr, Qt, V3, V30, V31 } from "./gaesup/utils/vector";
 export { GaesupWorld } from "./gaesup/world";

package/package.json

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

package/dist/gaesup/camera/detector/index.d.ts

@@ -1,2 +0,0 @@
-import { cameraPropType } from "../../physics/type";
-export default function detector(cameraProp: cameraPropType): void;

package/dist/gaesup/camera/detector/index.js

@@ -1,28 +0,0 @@
-export default function detector(cameraProp) {
-    //   const { cameraRay, intersectObjectMap } = cameraProp;
-    //
-    //   const intersects = cameraRay.rayCast.intersectObjects(
-    //     Object.values(intersectObjectMap)
-    //   );
-    //
-    //   const intersectId = {};
-    //
-    //   intersects.map(({ object }) => {
-    //     if (object instanceof THREE.Mesh) {
-    //       intersectId[object.uuid] = true;
-    //     }
-    //   });
-    //
-    //   Object.values(intersectObjectMap).map((mesh) => {
-    //     if (mesh instanceof THREE.Mesh && mesh.material instanceof THREE.Material) {
-    //       const material = mesh.material;
-    //       if (intersectId[mesh.uuid]) {
-    //         material.opacity = 0.2;
-    //         material.transparent = true;
-    //       } else {
-    //         material.opacity = 1;
-    //         material.transparent = false;
-    //       }
-    //     }
-    //   });
-}