gaesup-world 0.2.25 → 0.2.26

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

@@ -0,0 +1,169 @@
+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

@@ -0,0 +1,19 @@
+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

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

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

@@ -0,0 +1,16 @@
+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

@@ -0,0 +1,18 @@
+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

@@ -0,0 +1,402 @@
+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;