gaesup-world 0.2.35 → 0.2.36

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

@@ -1,62 +0,0 @@
-.gamePad {
-  display: grid;
-  align-items: center;
-  justify-content: center;
-  grid-template-columns: repeat(3, 1fr);
-  grid-template-rows: repeat(3, 1fr);
-}
-
-.padButton {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  position: relative;
-  width: 5rem;
-  height: 5rem;
-  border-radius: 50%;
-  font-size: 1rem;
-  background-color: rgba(0, 0, 0, 0.5);
-  color: white;
-  box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5);
-  cursor: pointer;
-  transition: all 0.3s ease-in;
-  margin: 0.5rem;
-}
-
-.padButton:hover {
-  box-shadow: 0 0 1rem rgba(0, 0, 0, 0.5);
-}
-
-.padButton::after {
-  content: "";
-  position: absolute;
-  width: 4rem;
-  height: 4rem;
-  border-radius: 50%;
-  background: rgba(0, 0, 0, 0.2);
-  z-index: 100000;
-}
-
-/* padButton isClicked variant */
-.padButton.isClicked {
-  background: radial-gradient(
-    circle at center,
-    rgba(245, 177, 97, 1) 0.4%,
-    rgba(236, 54, 110, 1) 100.2%
-  );
-  box-shadow: 0 0 1rem rgba(245, 177, 97, 1);
-  color: black;
-  transition: all 0.3s ease-in;
-}
-
-.padButton.isClicked:hover {
-  box-shadow: 0 0 2rem rgba(245, 177, 97, 1);
-}
-
-.gamePad * {
-  -webkit-touch-callout: none;
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
-}

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

@@ -1,6 +0,0 @@
-import { CSSProperties } from "react";
-export type gamepadType = {
-    label?: Record<string, string>;
-} & {
-    [key in "gamePadButtonStyle" | "gamePadStyle" | "gamePadInnerStyle"]?: CSSProperties;
-};

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

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

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

@@ -1,6 +0,0 @@
-import { CSSProperties } from "react";
-import "./style.css";
-export type joyStickType = {
-    [key in "joyStickBallStyle" | "joyStickStyle"]?: CSSProperties;
-};
-export declare function JoyStick(props: joyStickType): import("react/jsx-runtime").JSX.Element;

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/style.css

@@ -1,38 +0,0 @@
-.joyStick {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  text-align: center;
-  width: 12rem;
-  height: 12rem;
-  overflow: auto;
-  border-radius: 50%;
-  background: rgba(0, 0, 0, 0.5);
-  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
-}
-
-/* .joyStick::after {
-  content: "";
-  width: 10rem;
-  height: 10rem;
-  border-radius: 50%;
-  background: rgba(0, 0, 0, 0.2);
-} */
-
-.joystickBall {
-  width: 5rem;
-  height: 5rem;
-  transform: translate(-50%, -50%);
-  border-radius: 50%;
-  background: rgba(0, 0, 0, 0.5);
-  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
-  cursor: pointer;
-}
-
-.joyStick * {
-  -webkit-touch-callout: none;
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
-}

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/jumpPortal/style.css

@@ -1,16 +0,0 @@
-.jumpPortal {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  text-align: center;
-  margin: 1rem;
-  font-size: 0.8rem;
-  border-radius: 50%;
-  width: 5rem;
-  height: 5rem;
-  color: white;
-  background: rgba(0, 0, 0, 0.6);
-  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.6);
-  transition: all 0.2s ease-in;
-  cursor: pointer;
-}