gaesup-world 0.2.21 → 0.2.23

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

@@ -1,169 +0,0 @@
-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 { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
-import { useCallback, useContext, useEffect, useRef, useState, } from "react";
-import useJoyStick from "../../hooks/useJoyStick";
-import { GaesupWorldContext } from "../../world/context";
-import "./style.css";
-export function JoyStick(props) {
-    var outerRef = useRef(null);
-    var childRef = useRef(null);
-    var joyStickBallStyle = props.joyStickBallStyle, joyStickStyle = props.joyStickStyle;
-    var mode = useContext(GaesupWorldContext).mode;
-    var _a = useJoyStick(), joyStickBall = _a.joyStickBall, joyStickOrigin = _a.joyStickOrigin, setBall = _a.setBall, setOrigin = _a.setOrigin;
-    var _b = useState({
-        mouseDown: false,
-        touchDown: false,
-        position: "absolute",
-        transform: "",
-        background: "rgba(0, 0, 0, 0.5)",
-        boxShadow: "0 0 10px  rgba(0, 0, 0, 0.5)",
-    }), state = _b[0], setState = _b[1];
-    var _c = useState({
-        top: 0,
-        left: 0,
-        bottom: 0,
-        right: 0,
-        width: 0,
-        height: 0,
-    }), screenSize = _c[0], setScreenSize = _c[1];
-    var initBall = function () {
-        setState(function (state) { return (__assign(__assign({}, state), { position: "absolute", transform: "translate(-50%, -50%)", background: "rgba(0, 0, 0, 0.5)", boxShadow: "0 0 10px  rgba(0, 0, 0, 0.5)" })); });
-        setBall({
-            top: "50%",
-            left: "50%",
-        });
-    };
-    var setMouseDown = function (value) {
-        setState(function (state) { return (__assign(__assign({}, state), { mouseDown: value })); });
-    };
-    var setTouchDown = function (value) {
-        setState(function (state) { return (__assign(__assign({}, state), { touchDown: value })); });
-    };
-    var initialize = function () {
-        var client = outerRef.current.getBoundingClientRect();
-        var x = client.left + client.width / 2;
-        var y = client.top + client.height / 2;
-        setScreenSize(function () { return ({
-            top: client.top,
-            left: client.left,
-            bottom: client.bottom,
-            right: client.right,
-            width: client.width,
-            height: client.height,
-        }); });
-        setOrigin({
-            x: x,
-            y: y,
-            angle: Math.PI / 2,
-            currentRadius: 0,
-            originRadius: 0,
-            isIn: true,
-            isOn: false,
-            isCenter: true,
-            isUp: true,
-        });
-        initBall();
-    };
-    var resize = function () {
-        if (!outerRef.current)
-            return;
-        var client = outerRef.current.getBoundingClientRect();
-        setScreenSize(function () { return ({
-            top: client.top,
-            left: client.left,
-            bottom: client.bottom,
-            right: client.right,
-            width: client.width,
-            height: client.height,
-        }); });
-    };
-    var calcOriginBall = function (X, Y) {
-        var top = screenSize.top, left = screenSize.left, bottom = screenSize.bottom, right = screenSize.right, width = screenSize.width, height = screenSize.height;
-        if (top > Y || bottom < Y || left > X || right < X) {
-            return;
-        }
-        var dx = joyStickOrigin.x - X;
-        var dy = joyStickOrigin.y - Y;
-        var normX = Math.pow(dx, 2);
-        var normY = Math.pow(dy, 2);
-        var currentRadius = Math.sqrt(normX + normY);
-        var originRadius = Math.sqrt(Math.pow((width / 2), 2) + Math.pow((height / 2), 2));
-        var newAngle = Math.atan2(Y - (bottom - height / 2), X - (left + width / 2));
-        if (currentRadius >= width / 2) {
-            return;
-        }
-        setOrigin({
-            x: left + width / 2,
-            y: bottom - height / 2,
-            angle: newAngle,
-            currentRadius: currentRadius,
-            originRadius: originRadius,
-            isIn: currentRadius > originRadius / 2,
-            isOn: true,
-            isCenter: currentRadius < originRadius / 8,
-            isUp: top > Y - height / 2,
-        });
-        setState(function (state) { return (__assign(__assign({}, state), { position: "fixed", background: currentRadius > originRadius / 2
-                ? "linear-gradient( 68.4deg,  rgba(176,255,237,1) -0.4%, rgba(161,244,255,1) 100.2% )"
-                : "linear-gradient( 68.4deg,  rgba(99,251,215,1) -0.4%, rgba(5,222,250,1) 100.2% )", boxShadow: "0 0 10px rgba(99,251,215,1)" })); });
-        setBall({
-            top: "".concat(Y, "px"),
-            left: "".concat(X, "px"),
-        });
-    };
-    var handleMouseOver = function (e) {
-        if (!state.mouseDown)
-            return;
-        e.preventDefault();
-        calcOriginBall(e.clientX, e.clientY);
-    };
-    var handleTouchMove = function (e) {
-        if (!state.touchDown)
-            return;
-        calcOriginBall(e.touches[0].pageX, e.touches[0].pageY);
-    };
-    var handleTouchEnd = useCallback(function (e) {
-        setState(function (state) { return (__assign(__assign({}, state), { touchDown: false })); });
-        return initialize();
-    }, [setBall, setState, setOrigin, state.touchDown]);
-    var handleMouseOut = useCallback(function (e) {
-        setState(function (state) { return (__assign(__assign({}, state), { mouseDown: false })); });
-        e.preventDefault();
-        return initialize();
-    }, [setBall, setState, setOrigin, state.mouseDown]);
-    useEffect(function () {
-        window.addEventListener("resize", resize);
-    }, []);
-    useEffect(function () {
-        if (outerRef.current) {
-            initialize();
-        }
-    }, [mode.controller]);
-    return (_jsx(_Fragment, { children: mode.controller === "joystick" && (_jsx("div", { className: "joyStick", style: __assign({ position: "fixed" }, joyStickStyle), ref: outerRef, onMouseDown: function (e) {
-                e.preventDefault();
-                setMouseDown(true);
-            }, onMouseUp: function (e) {
-                e.preventDefault();
-                setMouseDown(false);
-            }, onMouseMove: handleMouseOver, onMouseLeave: handleMouseOut, onTouchStart: function (e) {
-                setTouchDown(true);
-            }, onTouchEnd: handleTouchEnd, onTouchMove: handleTouchMove, onTouchCancel: handleTouchEnd, children: _jsx("div", { className: "joystickBall", ref: childRef, onMouseDown: function (e) {
-                    e.preventDefault();
-                    setMouseDown(true);
-                }, onMouseUp: function (e) {
-                    e.preventDefault();
-                    setMouseDown(false);
-                }, onMouseMove: handleMouseOver, onMouseLeave: handleMouseOut, onTouchStart: function (e) {
-                    setTouchDown(true);
-                }, onTouchEnd: handleTouchEnd, onTouchMove: handleTouchMove, onTouchCancel: handleTouchEnd, style: __assign({ position: state.position, transform: state.transform, background: (joyStickBallStyle === null || joyStickBallStyle === void 0 ? void 0 : joyStickBallStyle.background) || state.background, boxShadow: (joyStickBallStyle === null || joyStickBallStyle === void 0 ? void 0 : joyStickBallStyle.boxShadow) || state.boxShadow, top: joyStickBall.top, left: joyStickBall.left }, joyStickBallStyle) }) })) }));
-}

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

@@ -1,19 +0,0 @@
-export type joyStickBallType = {
-    left: string;
-    top: string;
-};
-export type joyStickOriginType = {
-    x: number;
-    y: number;
-    angle: number;
-    currentRadius: number;
-    originRadius: number;
-    isIn: boolean;
-    isOn: boolean;
-    isUp: boolean;
-    isCenter: boolean;
-};
-export type joyStickInnerType = {
-    joyStickBall?: joyStickBallType;
-    joyStickOrigin?: joyStickOriginType;
-};

package/dist/gaesup/tools/joyStick/type.js

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

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

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

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

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

package/dist/gaesup/tools/keyBoardToolTip/constant.d.ts

@@ -1,402 +0,0 @@
-import { keyBoardMapType } from "./type";
-export declare const KeyboardF: {
-    ESC: {
-        name: string;
-        gridRow: string;
-        gridColumn: string;
-    };
-    F1: {
-        name: string;
-        gridRow: string;
-        gridColumn: string;
-    };
-    F2: {
-        name: string;
-        gridRow: string;
-        gridColumn: string;
-    };
-    F3: {
-        name: string;
-        gridRow: string;
-        gridColumn: string;
-    };
-    F4: {
-        name: string;
-        gridRow: string;
-        gridColumn: string;
-    };
-    F5: {
-        name: string;
-        gridRow: string;
-        gridColumn: string;
-    };
-    F6: {
-        name: string;
-        gridRow: string;
-        gridColumn: string;
-    };
-    F7: {
-        name: string;
-        gridRow: string;
-        gridColumn: string;
-    };
-    F8: {
-        name: string;
-        gridRow: string;
-        gridColumn: string;
-    };
-    F9: {
-        name: string;
-        gridRow: string;
-        gridColumn: string;
-    };
-    F10: {
-        name: string;
-        gridRow: string;
-        gridColumn: string;
-    };
-    F11: {
-        name: string;
-        gridRow: string;
-        gridColumn: string;
-    };
-    F12: {
-        name: string;
-        gridRow: string;
-        gridColumn: string;
-    };
-};
-export declare const KeyboardOne: {
-    Backquote: {
-        name: string;
-        gridRow: string;
-        gridColumn: string;
-    };
-    Digit1: {
-        name: string;
-        gridRow: string;
-        gridColumn: string;
-    };
-    Digit2: {
-        name: string;
-        gridRow: string;
-        gridColumn: string;
-    };
-    Digit3: {
-        name: string;
-        gridRow: string;
-        gridColumn: string;
-    };
-    Digit4: {
-        name: string;
-        gridRow: string;
-        gridColumn: string;
-    };
-    Digit5: {
-        name: string;
-        gridRow: string;
-        gridColumn: string;
-    };
-    Digit6: {
-        name: string;
-        gridRow: string;
-        gridColumn: string;
-    };
-    Digit7: {
-        name: string;
-        gridRow: string;
-        gridColumn: string;
-    };
-    Digit8: {
-        name: string;
-        gridRow: string;
-        gridColumn: string;
-    };
-    Digit9: {
-        name: string;
-        gridRow: string;
-        gridColumn: string;
-    };
-    Digit0: {
-        name: string;
-        gridRow: string;
-        gridColumn: string;
-    };
-    Minus: {
-        name: string;
-        gridRow: string;
-        gridColumn: string;
-    };
-    Equal: {
-        name: string;
-        gridRow: string;
-        gridColumn: string;
-    };
-    Backspace: {
-        name: string;
-        gridRow: string;
-        gridColumn: string;
-    };
-};
-export declare const KeyboardTwo: {
-    Tab: {
-        name: string;
-        gridRow: string;
-        gridColumn: string;
-    };
-    KeyQ: {
-        name: string;
-        gridRow: string;
-        gridColumn: string;
-    };
-    KeyW: {
-        name: string;
-        gridRow: string;
-        gridColumn: string;
-    };
-    KeyE: {
-        name: string;
-        gridRow: string;
-        gridColumn: string;
-    };
-    KeyR: {
-        name: string;
-        gridRow: string;
-        gridColumn: string;
-    };
-    KeyT: {
-        name: string;
-        gridRow: string;
-        gridColumn: string;
-    };
-    KeyY: {
-        name: string;
-        gridRow: string;
-        gridColumn: string;
-    };
-    KeyU: {
-        name: string;
-        gridRow: string;
-        gridColumn: string;
-    };
-    KeyI: {
-        name: string;
-        gridRow: string;
-        gridColumn: string;
-    };
-    KeyO: {
-        name: string;
-        gridRow: string;
-        gridColumn: string;
-    };
-    KeyP: {
-        name: string;
-        gridRow: string;
-        gridColumn: string;
-    };
-    BracketLeft: {
-        name: string;
-        gridRow: string;
-        gridColumn: string;
-    };
-    BracketRight: {
-        name: string;
-        gridRow: string;
-        gridColumn: string;
-    };
-    Backslash: {
-        name: string;
-        gridRow: string;
-        gridColumn: string;
-    };
-};
-export declare const KeyboardThree: {
-    CapsLock: {
-        name: string;
-        gridRow: string;
-        gridColumn: string;
-    };
-    KeyA: {
-        name: string;
-        gridRow: string;
-        gridColumn: string;
-    };
-    KeyS: {
-        name: string;
-        gridRow: string;
-        gridColumn: string;
-    };
-    KeyD: {
-        name: string;
-        gridRow: string;
-        gridColumn: string;
-    };
-    KeyF: {
-        name: string;
-        gridRow: string;
-        gridColumn: string;
-    };
-    KeyG: {
-        name: string;
-        gridRow: string;
-        gridColumn: string;
-    };
-    KeyH: {
-        name: string;
-        gridRow: string;
-        gridColumn: string;
-    };
-    KeyJ: {
-        name: string;
-        gridRow: string;
-        gridColumn: string;
-    };
-    KeyK: {
-        name: string;
-        gridRow: string;
-        gridColumn: string;
-    };
-    KeyL: {
-        name: string;
-        gridRow: string;
-        gridColumn: string;
-    };
-    Semicolon: {
-        name: string;
-        gridRow: string;
-        gridColumn: string;
-    };
-    Quote: {
-        name: string;
-        gridRow: string;
-        gridColumn: string;
-    };
-    Enter: {
-        name: string;
-        gridRow: string;
-        gridColumn: string;
-    };
-};
-export declare const KeyboardFour: {
-    ShiftLeft: {
-        name: string;
-        gridRow: string;
-        gridColumn: string;
-        code: string;
-    };
-    KeyZ: {
-        name: string;
-        gridRow: string;
-        gridColumn: string;
-    };
-    KeyX: {
-        name: string;
-        gridRow: string;
-        gridColumn: string;
-    };
-    KeyC: {
-        name: string;
-        gridRow: string;
-        gridColumn: string;
-    };
-    KeyV: {
-        name: string;
-        gridRow: string;
-        gridColumn: string;
-    };
-    KeyB: {
-        name: string;
-        gridRow: string;
-        gridColumn: string;
-    };
-    KeyN: {
-        name: string;
-        gridRow: string;
-        gridColumn: string;
-    };
-    KeyM: {
-        name: string;
-        gridRow: string;
-        gridColumn: string;
-    };
-    Comma: {
-        name: string;
-        gridRow: string;
-        gridColumn: string;
-    };
-    Period: {
-        name: string;
-        gridRow: string;
-        gridColumn: string;
-    };
-    Slash: {
-        name: string;
-        gridRow: string;
-        gridColumn: string;
-    };
-    ShiftRight: {
-        name: string;
-        gridRow: string;
-        gridColumn: string;
-        code: string;
-    };
-};
-export declare const KeyboardFive: {
-    ControlLeft: {
-        name: string;
-        gridRow: string;
-        gridColumn: string;
-        code: string;
-    };
-    Option: {
-        name: string;
-        gridRow: string;
-        gridColumn: string;
-    };
-    AltLeft: {
-        name: string;
-        gridRow: string;
-        gridColumn: string;
-        code: string;
-    };
-    Space: {
-        name: string;
-        gridRow: string;
-        gridColumn: string;
-    };
-    AltRight: {
-        name: string;
-        gridRow: string;
-        gridColumn: string;
-        code: string;
-    };
-    ControlRight: {
-        name: string;
-        gridRow: string;
-        gridColumn: string;
-        code: string;
-    };
-};
-export declare const KeyboardArrow: {
-    ArrowUp: {
-        name: string;
-        gridRow: string;
-        gridColumn: string;
-    };
-    ArrowLeft: {
-        name: string;
-        gridRow: string;
-        gridColumn: string;
-    };
-    ArrowDown: {
-        name: string;
-        gridRow: string;
-        gridColumn: string;
-    };
-    ArrowRight: {
-        name: string;
-        gridRow: string;
-        gridColumn: string;
-    };
-};
-export declare const KeyBoardAll: keyBoardMapType;