gaesup-world 0.8.2 → 0.8.12

package/dist/gaesup/controller/context/index.d.ts

@@ -38,12 +38,6 @@ export declare const gaesupControllerDefault: {
         innerGroupRef: any;
         characterInnerRef: any;
     };
-    controllerOptions: {
-        lerp: {
-            cameraTurn: number;
-            cameraPosition: number;
-        };
-    };
 };
 export declare const GaesupControllerContext: import("react").Context<gaesupControllerType>;
 export declare const GaesupControllerDispatchContext: import("react").Context<dispatchType<gaesupControllerType>>;

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

@@ -48,12 +48,6 @@ export var gaesupControllerDefault = {
         innerGroupRef: null,
         characterInnerRef: null,
     },
-    controllerOptions: {
-        lerp: {
-            cameraTurn: 1,
-            cameraPosition: 1,
-        },
-    },
 };
 export var GaesupControllerContext = createContext(__assign({}, gaesupControllerDefault));
 export var GaesupControllerDispatchContext = createContext(null);

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

@@ -6,7 +6,6 @@ export declare function gaesupControllerReducer(props: gaesupControllerType, act
     airplane: import("./type").airplaneType;
     vehicle: import("./type").vehicleType;
     character: import("./type").characterType;
-    controllerOptions: import("../type").controllerOptionsType;
     callbacks?: import("../initialize/callback/type").callbackType;
     refs?: import("../type").refsType;
 };

package/dist/gaesup/controller/index.js

@@ -47,7 +47,6 @@ export function GaesupControllerInner(props) {
             innerGroupRef: innerGroupRef,
             characterInnerRef: characterInnerRef,
         },
-        controllerOptions: Object.assign(gaesupControllerDefault.controllerOptions, props.controllerOptions || {}),
     }), controller = _a[0], controllerDispatch = _a[1];
     var gaesupControl = useMemo(function () { return ({
         value: controller,
@@ -65,7 +64,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 }), gaesupControl.value.callbacks), refs);
     initDebug({
         controllerContext: gaesupControl.value,
         controllerDispatch: gaesupControl.dispatch,

package/dist/gaesup/controller/initialize/index.d.ts

@@ -1,10 +1,16 @@
 import { groundRayType, refsType } from "../../controller/type";
 import { cameraRayType } from "../../camera/type";
 import { keyControlType } from "../../world/context/type";
-export default function initControllerProps(props: {
+export default function initControllerProps({ refs }: {
     refs: refsType;
 }): {
     groundRay: groundRayType;
     cameraRay: cameraRayType;
     keyControl: keyControlType;
+    controllerOptions: {
+        lerp: {
+            cameraPosition: number;
+            cameraTurn: number;
+        };
+    };
 };

package/dist/gaesup/controller/initialize/index.js

@@ -15,10 +15,11 @@ import { useCallback, useContext, useEffect, useMemo } from "react";
 import * as THREE from "three";
 import { update } from "../../utils/context";
 import { GaesupWorldContext, GaesupWorldDispatchContext, } from "../../world/context";
-export default function initControllerProps(props) {
+export default function initControllerProps(_a) {
+    var refs = _a.refs;
     var context = useContext(GaesupWorldContext);
     var dispatch = useContext(GaesupWorldDispatchContext);
-    var _a = useKeyboardControls(), _ = _a[0], getKeys = _a[1];
+    var _b = useKeyboardControls(), _ = _b[0], getKeys = _b[1];
     var keyControl = getKeys();
     useEffect(function () {
         if (context && keyControl && context.control) {
@@ -70,19 +71,28 @@ export default function initControllerProps(props) {
             intersectObjectMap: {},
         };
     }, []);
+    var controllerOptions = useMemo(function () {
+        return {
+            lerp: {
+                cameraPosition: 0.9,
+                cameraTurn: 0.1,
+            },
+        };
+    }, []);
     var initRefs = useCallback(function (refs) {
         update({
             refs: __assign({}, refs),
         }, dispatch);
-    }, [props.refs]);
+    }, [refs]);
     useEffect(function () {
-        if (props.refs) {
-            initRefs(props.refs);
+        if (refs) {
+            initRefs(refs);
         }
     }, []);
     return {
         groundRay: groundRay,
         cameraRay: cameraRay,
         keyControl: keyControl,
+        controllerOptions: controllerOptions,
     };
 }

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

@@ -81,7 +81,6 @@ export type gaesupControllerContextPropType = {
     airplane: airplaneType;
     vehicle: vehicleType;
     character: characterType;
-    controllerOptions: controllerOptionsType;
 };
 export interface controllerOtherPropType extends RigidBodyProps {
     children?: ReactNode;
@@ -89,6 +88,4 @@ export interface controllerOtherPropType extends RigidBodyProps {
     rigidBodyProps?: RigidBodyProps;
     debug?: boolean;
 }
-export type controllerType = controllerOtherPropType & urlsType & Partial<gaesupControllerContextPropType> & callbackType & {
-    controllerOptions?: controllerOptionsType;
-};
+export type controllerType = controllerOtherPropType & urlsType & Partial<gaesupControllerContextPropType> & callbackType;

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

@@ -1,5 +1,5 @@
 export default function moving(prop) {
-    var _a = prop.worldContext, states = _a.states, joystick = _a.joystick, mode = _a.mode, control = _a.control, clicker = _a.clicker, clickerOption = _a.clickerOption;
+    var _a = prop.worldContext, states = _a.states, joystick = _a.joystick, mode = _a.mode, control = _a.control, clicker = _a.clicker;
     var forward = control.forward, backward = control.backward, leftward = control.leftward, rightward = control.rightward, shift = control.shift, space = control.space;
     if (mode.controller === "gameboy" || mode.controller === "keyboard") {
         states.isMoving = forward || backward || leftward || rightward;
@@ -16,8 +16,7 @@ export default function moving(prop) {
     else if (mode.controller === "clicker") {
         states.isMoving = clicker.isOn;
         states.isNotMoving = !clicker.isOn;
-        states.isRunning =
-            (shift || clicker.isRun) && states.isMoving && clickerOption.isRun;
+        states.isRunning = (shift || clicker.isRun) && states.isMoving;
         states.isJumping = space;
     }
 }

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

@@ -3,6 +3,6 @@ import { useContext } from "react";
 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 _b = useContext(GaesupWorldContext), clicker = _b.clicker, mode = _b.mode;
+    return (_jsx(_Fragment, { children: mode.controller === "clicker" && (_jsxs("group", { position: clicker.point, children: [clicker.isOn && onMarker, clicker.isOn && clicker.isRun && runMarker] })) }));
 }

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 minimapInnerStyle = props.minimapInnerStyle, textStyle = props.textStyle, minimapObjectStyle = props.minimapObjectStyle, avatarStyle = props.avatarStyle, scaleStyle = props.scaleStyle, directionStyle = props.directionStyle, plusMinusStyle = props.plusMinusStyle, imageStyle = props.imageStyle, minimapStyle = props.minimapStyle, minimapOuterStyle = props.minimapOuterStyle;
+    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); });
@@ -35,9 +35,9 @@ export function MiniMap(props) {
                 upscale();
             else
                 downscale();
-        }, style: minimapStyle, children: [_jsx("div", { className: "minimapOuter", style: minimapOuterStyle }), _jsxs("div", { className: "minimapInner", style: __assign({ transform: props.blockRotate || mode.control === "normal"
+        }, 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) ") }, minimapInnerStyle), 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) "
@@ -53,7 +53,7 @@ export function MiniMap(props) {
                         var Z = (center.z - activeState.position.z) *
                             (props.angle ? -Math.cos(props.angle) : 1) *
                             scale;
-                        return (_jsxs("div", { children: [_jsx("div", { className: "minimapObject", style: __assign({ width: "".concat(size.x * scale, "rem"), height: "".concat(size.z * scale, "rem"), top: "50%", left: "50%", transform: "translate(-50.1%, -50.1%) translate(".concat(-X, "rem, ").concat(-Z, "rem) rotate(").concat((Math.PI * 3) / 2 + props.angle || 0, "rad)"), transformOrigin: "50% 50%", zIndex: 1 + key }, minimapObjectStyle) }), key === 0 && (_jsx("div", { className: "imageObject", style: __assign({ width: "".concat(size.x * scale, "rem"), height: "".concat(size.z * scale, "rem"), top: "50%", left: "50%", transform: "translate(-50.1%, -50.1%) translate(".concat(-X, "rem, ").concat(-Z, "rem) rotate(").concat((Math.PI * 3) / 2 + props.angle || 0, "rad)"), transformOrigin: "50% 50%", zIndex: 10 + key }, imageStyle) })), _jsx("div", { className: "textObject", style: {
+                        return (_jsxs("div", { children: [_jsx("div", { className: "minimapObject", style: __assign({ width: "".concat(size.x * scale, "rem"), height: "".concat(size.z * scale, "rem"), top: "50%", left: "50%", transform: "translate(-50.1%, -50.1%) translate(".concat(-X, "rem, ").concat(-Z, "rem) rotate(").concat((Math.PI * 3) / 2 + props.angle || 0, "rad)"), transformOrigin: "50% 50%", zIndex: 1 + key }, objectStyle) }), key === 0 && (_jsx("div", { className: "imageObject", style: __assign({ width: "".concat(size.x * scale, "rem"), height: "".concat(size.z * scale, "rem"), top: "50%", left: "50%", transform: "translate(-50.1%, -50.1%) translate(".concat(-X, "rem, ").concat(-Z, "rem) rotate(").concat((Math.PI * 3) / 2 + props.angle || 0, "rad)"), transformOrigin: "50% 50%", zIndex: 10 + key }, imageStyle) })), _jsx("div", { className: "textObject", style: {
                                         width: "".concat(size.x * scale, "rem"),
                                         height: "".concat(size.z * scale, "rem"),
                                         top: "50.1%",

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

@@ -14,7 +14,7 @@ export type minimapInnerType = {
     };
 };
 export type minimapType = {
-    [key in "minimapStyle" | "minimapOuterStyle" | "minimapInnerStyle" | "minimapObjectStyle" | "textStyle" | "objectStyle" | "avatarStyle" | "directionStyle" | "scaleStyle" | "imageStyle" | "plusMinusStyle"]?: CSSProperties;
+    [key in "minimapStyle" | "outerStyle" | "innerStyle" | "textStyle" | "objectStyle" | "avatarStyle" | "directionStyle" | "scaleStyle" | "imageStyle" | "plusMinusStyle"]?: CSSProperties;
 } & {
     minScale?: number;
     maxScale?: number;

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

@@ -0,0 +1,19 @@
+/// <reference types="react" />
+import * as THREE from "three";
+import "./style.css";
+export type zoomButtonPropsType = {
+    children?: React.ReactNode;
+    position: THREE.Vector3;
+    target?: THREE.Vector3;
+    keepBlocking?: boolean;
+    zoomButtonStyle?: React.CSSProperties;
+};
+export declare function useZoom(): {
+    setZoom: (position: THREE.Vector3, isZoom: boolean) => Promise<void>;
+    openCamera: () => Promise<void>;
+    closeCamera: (position: THREE.Vector3) => Promise<void>;
+    isZoom: boolean;
+    setIsZoom: import("react").Dispatch<import("react").SetStateAction<boolean>>;
+    moveToCamera: () => Promise<void>;
+};
+export declare function ZoomButton(props: zoomButtonPropsType): import("react/jsx-runtime").JSX.Element;

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

@@ -1,102 +1,146 @@
-// import { useContext, useState } from "react";
-// import * as THREE from "three";
-// import { makeNormalCameraPosition } from "../../camera/control/normal";
-// import { makeOrbitCameraPosition } from "../../camera/control/orbit";
-// import {
-//   GaesupWorldContext,
-//   GaesupWorldDispatchContext,
-// } from "../../world/context/index";
-// import "./style.css";
-//
-// export type zoomButtonPropsType = {
-//   children?: React.ReactNode;
-//   position: THREE.Vector3;
-//   target?: THREE.Vector3;
-//   keepBlocking?: boolean;
-//   zoomButtonStyle?: React.CSSProperties;
-// };
-//
-// export function useZoom() {
-//   const { moveTo, activeState, cameraOption, mode, block } =
-//     useContext(GaesupWorldContext);
-//   const dispatch = useContext(GaesupWorldDispatchContext);
-//   const [isZoom, setIsZoom] = useState(true);
-//
-//   const closeCamera = async (position: THREE.Vector3) => {
-//     cameraOption.XDistance = position.x;
-//     cameraOption.YDistance = position.y;
-//     cameraOption.ZDistance = position.z;
-//     block.camera = true;
-//     dispatch({
-//       type: "update",
-//       payload: {
-//         block: {
-//           ...block,
-//         },
-//         cameraOption: {
-//           ...cameraOption,
-//         },
-//       },
-//     });
-//   };
-//
-//   const openCamera = async () => {
-//     block.camera = false;
-//     dispatch({
-//       type: "update",
-//       payload: {
-//         block: {
-//           ...block,
-//         },
-//       },
-//     });
-//   };
-//
-//   const moveToCamera = async () => {
-//     if (mode.control === "orbit" && moveTo) {
-//       await moveTo(
-//         makeOrbitCameraPosition(activeState, cameraOption),
-//         activeState.position
-//       );
-//     } else if (mode.control === "normal" && moveTo) {
-//       await moveTo(
-//         makeNormalCameraPosition(activeState, cameraOption),
-//         activeState.position
-//       );
-//     }
-//   };
-//
-//   const setZoom = async (position: THREE.Vector3, isZoom: boolean) => {
-//     setIsZoom(isZoom);
-//     await closeCamera(position);
-//     await moveToCamera();
-//     await openCamera();
-//   };
-//
-//   return {
-//     setZoom,
-//     openCamera,
-//     closeCamera,
-//     isZoom,
-//     setIsZoom,
-//     moveToCamera,
-//   };
-// }
-//
-// export function ZoomButton(props: zoomButtonPropsType) {
-//   const { setZoom, isZoom } = useZoom();
-//
-//   return (
-//     <div
-//       className="zoomButton"
-//       style={{
-//         ...props.zoomButtonStyle,
-//       }}
-//       onClick={async () => {
-//         await setZoom(props.position, isZoom);
-//       }}
-//     >
-//       {props.children}
-//     </div>
-//   );
-// }
+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);
+};
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useContext, useState } from "react";
+import { makeNormalCameraPosition } from "../../camera/control/normal";
+import { makeOrbitCameraPosition } from "../../camera/control/orbit";
+import { GaesupWorldContext, GaesupWorldDispatchContext, } from "../../world/context/index";
+import "./style.css";
+export function useZoom() {
+    var _this = this;
+    var _a = useContext(GaesupWorldContext), moveTo = _a.moveTo, activeState = _a.activeState, cameraOption = _a.cameraOption, mode = _a.mode, block = _a.block;
+    var dispatch = useContext(GaesupWorldDispatchContext);
+    var _b = useState(true), isZoom = _b[0], setIsZoom = _b[1];
+    var closeCamera = function (position) { return __awaiter(_this, void 0, void 0, function () {
+        return __generator(this, function (_a) {
+            cameraOption.XDistance = position.x;
+            cameraOption.YDistance = position.y;
+            cameraOption.ZDistance = position.z;
+            block.camera = true;
+            dispatch({
+                type: "update",
+                payload: {
+                    block: __assign({}, block),
+                    cameraOption: __assign({}, cameraOption),
+                },
+            });
+            return [2 /*return*/];
+        });
+    }); };
+    var openCamera = function () { return __awaiter(_this, void 0, void 0, function () {
+        return __generator(this, function (_a) {
+            block.camera = false;
+            dispatch({
+                type: "update",
+                payload: {
+                    block: __assign({}, block),
+                },
+            });
+            return [2 /*return*/];
+        });
+    }); };
+    var moveToCamera = function () { return __awaiter(_this, void 0, void 0, function () {
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    if (!(mode.control === "orbit" && moveTo)) return [3 /*break*/, 2];
+                    return [4 /*yield*/, moveTo(makeOrbitCameraPosition(activeState, cameraOption), activeState.position)];
+                case 1:
+                    _a.sent();
+                    return [3 /*break*/, 4];
+                case 2:
+                    if (!(mode.control === "normal" && moveTo)) return [3 /*break*/, 4];
+                    return [4 /*yield*/, moveTo(makeNormalCameraPosition(activeState, cameraOption), activeState.position)];
+                case 3:
+                    _a.sent();
+                    _a.label = 4;
+                case 4: return [2 /*return*/];
+            }
+        });
+    }); };
+    var setZoom = function (position, isZoom) { return __awaiter(_this, void 0, void 0, function () {
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    setIsZoom(isZoom);
+                    return [4 /*yield*/, closeCamera(position)];
+                case 1:
+                    _a.sent();
+                    return [4 /*yield*/, moveToCamera()];
+                case 2:
+                    _a.sent();
+                    return [4 /*yield*/, openCamera()];
+                case 3:
+                    _a.sent();
+                    return [2 /*return*/];
+            }
+        });
+    }); };
+    return {
+        setZoom: setZoom,
+        openCamera: openCamera,
+        closeCamera: closeCamera,
+        isZoom: isZoom,
+        setIsZoom: setIsZoom,
+        moveToCamera: moveToCamera,
+    };
+}
+export function ZoomButton(props) {
+    var _this = this;
+    var _a = useZoom(), setZoom = _a.setZoom, isZoom = _a.isZoom;
+    return (_jsx("div", { className: "zoomButton", style: __assign({}, props.zoomButtonStyle), onClick: function () { return __awaiter(_this, void 0, void 0, function () {
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0: return [4 /*yield*/, setZoom(props.position, isZoom)];
+                    case 1:
+                        _a.sent();
+                        return [2 /*return*/];
+                }
+            });
+        }); }, children: props.children }));
+}

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

@@ -114,6 +114,7 @@ export var gaesupWorldDefault = {
         position: vec3(),
         focus: false,
     },
+    moveTo: null,
     rideable: {},
     sizes: {},
     block: {
@@ -122,9 +123,8 @@ export var gaesupWorldDefault = {
         animation: false,
         scroll: true,
     },
-    clickerOption: {
-        isRun: true,
-        throttle: 100,
+    callback: {
+        moveTo: null,
     },
 };
 export var GaesupWorldContext = createContext(null);

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

@@ -17,11 +17,14 @@ export declare function gaesupWorldReducer(props: Partial<gaesupWorldContextType
     animationState?: import("./type").animationStateType;
     keyBoardMap?: import("../../tools/keyBoardToolTip/type").keyboardMapType;
     cameraOption?: import("./type").cameraOptionType;
-    clickerOption?: import("./type").clickerOptionType;
     clicker?: import("./type").clickerType;
+    moveTo?: (position: import("three").Vector3, target: import("three").Vector3) => Promise<void>;
     rideable?: {
         [key: string]: import("../../hooks/useRideable/type").rideableType;
     };
     sizes?: import("./type").sizesType;
     block?: import("./type").blockType;
+    callback?: {
+        moveTo: (position: import("three").Vector3, target: import("three").Vector3) => Promise<void>;
+    };
 };

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

@@ -107,10 +107,6 @@ export type clickerType = {
     isOn: boolean;
     isRun: boolean;
 };
-export type clickerOptionType = {
-    isRun: boolean;
-    throttle: number;
-};
 export type wheelStateType = {
     position: THREE.Vector3;
     rotation: THREE.Euler;
@@ -160,13 +156,16 @@ export type gaesupWorldContextType = {
     animationState: animationStateType;
     keyBoardMap: keyboardMapType;
     cameraOption: cameraOptionType;
-    clickerOption: clickerOptionType;
     clicker: clickerType;
+    moveTo: (position: THREE.Vector3, target: THREE.Vector3) => Promise<void>;
     rideable: {
         [key: string]: rideableType;
     };
     sizes: sizesType;
     block: blockType;
+    callback: {
+        moveTo: (position: THREE.Vector3, target: THREE.Vector3) => Promise<void>;
+    };
 };
 export type gaesupDisptachType = dispatchType<gaesupWorldContextType>;
 export {};

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

@@ -17,13 +17,16 @@ export default function initGaesupWorld(props: gaesupWorldPropsType): {
             animationState?: import("../context/type").animationStateType;
             keyBoardMap?: import("../../tools/keyBoardToolTip/type").keyboardMapType;
             cameraOption?: import("../context/type").cameraOptionType;
-            clickerOption?: import("../context/type").clickerOptionType;
             clicker?: import("../context/type").clickerType;
+            moveTo?: (position: import("three").Vector3, target: import("three").Vector3) => Promise<void>;
             rideable?: {
                 [key: string]: import("../../hooks/useRideable/type").rideableType;
             };
             sizes?: import("../context/type").sizesType;
             block?: import("../context/type").blockType;
+            callback?: {
+                moveTo: (position: import("three").Vector3, target: import("three").Vector3) => Promise<void>;
+            };
         };
         dispatch: import("react").Dispatch<{
             type: string;

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

@@ -27,12 +27,15 @@ export default function initGaesupWorld(props) {
         minimap: gaesupWorldDefault.minimap,
         joystick: gaesupWorldDefault.joystick,
         control: gaesupWorldDefault.control,
-        clicker: gaesupWorldDefault.clicker,
-        clickerOption: Object.assign(gaesupWorldDefault.clickerOption, props.clickerOption || {}),
+        clicker: Object.assign(gaesupWorldDefault.clicker, props.clicker || {}),
         animationState: gaesupWorldDefault.animationState,
         keyBoardMap: Object.assign(gaesupWorldDefault.keyBoardMap, props.keyBoardMap || {}),
+        moveTo: null,
         block: Object.assign(gaesupWorldDefault.block, props.block || {}),
         sizes: gaesupWorldDefault.sizes,
+        callback: {
+            moveTo: null,
+        },
     }), value = _a[0], dispatch = _a[1];
     useEffect(function () {
         var _a;

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

@@ -2,7 +2,7 @@ import { ReactNode } from "react";
 import * as THREE from "three";
 import { keyboardMapType } from "../tools/keyBoardToolTip/type";
 import { dispatchType } from "../utils/type";
-import { blockType, cameraOptionType, clickerOptionType, gaesupWorldContextType, modeType, urlsType } from "./context/type";
+import { blockType, cameraOptionType, clickerType, gaesupWorldContextType, modeType, urlsType } from "./context/type";
 export type gaesupWorldInitType = {
     value: gaesupWorldContextType;
     dispatch: dispatchType<gaesupWorldContextType>;
@@ -15,6 +15,7 @@ export type gaesupWorldPropsType = {
     debug?: boolean;
     keyBoardMap?: keyboardMapType;
     cameraOption?: cameraOptionType;
+    moveTo?: (position: THREE.Vector3, target: THREE.Vector3) => void;
     block?: blockType;
-    clickerOption?: clickerOptionType;
+    clicker?: clickerType;
 };

package/dist/index.d.ts

@@ -12,6 +12,7 @@ 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/dist/index.js

@@ -12,7 +12,7 @@ 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 { 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.2",
+  "version": "0.8.12",
   "type": "module",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -13,7 +13,6 @@
     "@react-three/fiber": "8.16.2",
     "@react-three/postprocessing": "^2.16.2",
     "@react-three/rapier": "^1.3.1",
-    "@types/lodash": "^4.17.0",
     "@types/three": "^0.164.0",
     "gh-pages": "^6.1.1",
     "jotai": "^2.8.0",
@@ -29,6 +28,7 @@
     "three-stdlib": "^2.29.7"
   },
   "devDependencies": {
+    "@types/lodash": "^4.17.0",
     "@types/react": "^18.3.1",
     "@types/react-dom": "^18.3.0",
     "@vanilla-extract/css": "^1.14.2",