gaesup-world 0.0.62 → 0.0.64

package/lib/index.ts

@@ -0,0 +1,10 @@
+import * as pluralize from "pluralize";
+
+/**
+ * @Method: Returns the plural form of any noun.
+ * @Param: {string}
+ * @Return: {string}
+ */
+export function getPlural(str: any): string {
+  return pluralize.plural(str);
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "gaesup-world",
-  "version": "0.0.62",
+  "version": "0.0.64",
   "type": "module",
   "homepage": "https://jigglypop.github.io/gaesup-world/",
   "scripts": {
@@ -14,35 +14,24 @@
   },
   "dependencies": {
     "@dimforge/rapier3d": "^0.11.2",
-    "@emotion/react": "^11.11.1",
     "@mdx-js/loader": "^3.0.0",
     "@mdx-js/react": "^3.0.0",
-    "@next/mdx": "^14.0.1",
-    "@react-icons/all-files": "^4.1.0",
     "@react-three/drei": "9.88.11",
     "@react-three/fiber": "8.15.9",
-    "@react-three/postprocessing": "^2.15.10",
     "@react-three/rapier": "^1.1.2",
     "@types/three": "^0.158.1",
     "@types/uuid": "^9.0.6",
-    "@uiw/react-md-editor": "3.25.2",
-    "@use-gesture/react": "^10.3.0",
     "@vanilla-extract/babel-plugin": "^1.2.0",
     "@vanilla-extract/css": "^1.13.0",
     "@vanilla-extract/css-utils": "^0.1.3",
     "@vanilla-extract/dynamic": "^2.0.3",
-    "@vanilla-extract/next-plugin": "^2.3.1",
     "@vanilla-extract/recipes": "^0.5.0",
     "@vanilla-extract/sprinkles": "^1.6.1",
-    "@zeit/next-bundle-analyzer": "0.1.2",
     "css-loader": "^6.8.1",
     "gh-pages": "^6.1.0",
-    "lamina": "^1.1.23",
     "leva": "0.9.35",
-    "lodash": "4.17.21",
-    "next-compose": "0.0.2",
-    "next-remove-imports": "1.0.12",
     "node-fetch": "3.3.2",
+    "pluralize": "^8.0.0",
     "r3f-perf": "7.1.2",
     "react": "^18.2.0",
     "react-device-detect": "^2.2.3",
@@ -51,6 +40,7 @@
     "three": "^0.158.0"
   },
   "devDependencies": {
+    "@types/pluralize": "^0.0.33",
     "@types/react": "^18.2.37",
     "@types/react-dom": "^18.2.15",
     "@typescript-eslint/eslint-plugin": "^6.10.0",

package/tsconfig.json

@@ -12,11 +12,12 @@
     "moduleResolution": "node",
     "resolveJsonModule": true,
     "isolatedModules": true,
-    "noEmit": false,
+    // publish options
     "jsx": "react-jsx",
+    "noEmit": false,
     "declaration": true,
     "outDir": "./dist"
   },
-  "include": ["./src/**/*.tsx", "./src/**/*.ts", "src", "examples"],
+  "include": ["./src/**/*.tsx", "./src/**/*.ts", "src"],
   "references": [{ "path": "./tsconfig.node.json" }]
 }

package/dist/examples/select/App.d.ts

@@ -1,2 +0,0 @@
-import "./global.css";
-export default function App(): import("react/jsx-runtime").JSX.Element;

package/dist/examples/select/App.js

@@ -1,6 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import "./global.css";
-import Selected from "./src";
-export default function App() {
-    return _jsx(Selected, {});
-}

package/dist/examples/select/global.css.js

@@ -1,71 +0,0 @@
-import { globalStyle } from "@vanilla-extract/css";
-import { vars } from "../../src/styles/theme.css";
-globalStyle(":root", {
-    background: vars.themes.background,
-    color: vars.themes.text.normal,
-});
-globalStyle("html", {
-    boxSizing: "border-box",
-    fontSize: "62.5%",
-    maxWidth: "100%",
-    overflowX: "hidden",
-    padding: 0,
-});
-globalStyle("body", {
-    overflow: "hidden",
-    position: "fixed",
-    margin: 0,
-    padding: 0,
-});
-globalStyle("*, *::before, *::after", {
-    boxSizing: "border-box",
-});
-globalStyle("a", {
-    cursor: "pointer",
-    textDecoration: "none",
-    color: "inherit",
-});
-globalStyle("input, input:focus", {
-    border: "none",
-    borderRight: "0px",
-    borderTop: "0px",
-    borderLeft: "0px",
-    borderBottom: "0px",
-    outline: "none",
-    WebkitAppearance: "none",
-    MozAppearance: "none",
-    appearance: "none",
-});
-globalStyle("button, button:focus", {
-    border: "none",
-    outline: "none",
-});
-globalStyle("input::-ms-clear", {
-    display: "none",
-});
-globalStyle('input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button', {
-    WebkitAppearance: "none",
-    MozAppearance: "none",
-    appearance: "none",
-});
-globalStyle('input[type="password"]::-ms-reveal, input[type="password"]::-ms-clear', {
-    display: "none",
-});
-// 스크롤
-globalStyle("::-webkit-scrollbar", {
-    width: "1.8rem",
-});
-globalStyle("::-webkit-scrollbar-thumb", {
-    background: vars.gradient.purple,
-    borderRadius: "1rem",
-    border: "0.4rem solid transparent",
-    backgroundClip: "padding-box",
-});
-globalStyle("::-webkit-scrollbar-track", {
-    WebkitBackdropFilter: "blur(10px)",
-    backdropFilter: "blur(10px)",
-});
-globalStyle("input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active", {
-    transition: "background-color 10000s",
-    WebkitTextFillColor: "black !important",
-});

package/dist/examples/select/main.d.ts

@@ -1 +0,0 @@
-import "./style.css";

package/dist/examples/select/main.js

@@ -1,6 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import React from "react";
-import ReactDOM from "react-dom/client";
-import App from "./App";
-import "./style.css";
-ReactDOM.createRoot(document.getElementById("root")).render(_jsx(React.StrictMode, { children: _jsx(App, {}) }));

package/dist/examples/select/platform/ControlledInput.d.ts

@@ -1 +0,0 @@
-export declare const ControlledInput: (props: any) => import("react/jsx-runtime").JSX.Element;

package/dist/examples/select/platform/ControlledInput.js

@@ -1,29 +0,0 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useEffect, useRef, useState } from "react";
-import * as style from "./style.css";
-export const ControlledInput = (props) => {
-    const { value, onChange } = props, rest = __rest(props, ["value", "onChange"]);
-    const [cursor, setCursor] = useState(null);
-    const ref = useRef(null);
-    useEffect(() => {
-        const input = ref.current;
-        if (input)
-            input.setSelectionRange(cursor, cursor);
-    }, [ref, cursor, value]);
-    const handleChange = (e) => {
-        setCursor(e.target.selectionStart);
-        onChange && onChange(e);
-    };
-    return (_jsx("input", Object.assign({ ref: ref, value: value, onChange: handleChange }, rest, { className: style.input })));
-};

package/dist/examples/select/platform/DynamicPlatforms.d.ts

@@ -1,8 +0,0 @@
-import * as THREE from "three";
-export type dynamicType = {
-    time: number | null;
-    X: THREE.Vector3;
-    Y: THREE.Vector3;
-    Qt: THREE.Quaternion;
-};
-export default function DynamicPlatforms(): import("react/jsx-runtime").JSX.Element;

package/dist/examples/select/platform/DynamicPlatforms.js

@@ -1,48 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Text } from "@react-three/drei";
-import { useFrame } from "@react-three/fiber";
-import { CuboidCollider, CylinderCollider, RigidBody, } from "@react-three/rapier";
-import { useMemo, useRef } from "react";
-import GaeSupProps from "../../../src/gaesup/gaesupProps";
-import { Qt, V3 } from "../../../src/gaesup/utils/vector";
-export default function DynamicPlatforms() {
-    const sideMovePlatformRef = useRef(null);
-    const verticalMovePlatformRef = useRef(null);
-    const rotatePlatformRef = useRef(null);
-    const rotationDrumRef = useRef(null);
-    // Initializ animation settings
-    const dynamic = useMemo(() => {
-        return {
-            time: null,
-            X: V3(1, 0, 0),
-            Y: V3(0, 1, 0),
-            Qt: Qt(),
-        };
-    }, []);
-    useFrame((state) => {
-        var _a, _b, _c, _d, _e;
-        dynamic.time = state.clock.elapsedTime;
-        const { time, Qt, X, Y } = dynamic;
-        if (dynamic.time) {
-            // Move platform
-            (_a = sideMovePlatformRef.current) === null || _a === void 0 ? void 0 : _a.setNextKinematicTranslation({
-                x: 5 * Math.sin(time / 2) - 12,
-                y: -0.5,
-                z: -10,
-            });
-            // Elevate platform
-            (_b = verticalMovePlatformRef.current) === null || _b === void 0 ? void 0 : _b.setNextKinematicTranslation({
-                x: -25,
-                y: 2 * Math.sin(time / 2) + 2,
-                z: 0,
-            });
-            (_c = verticalMovePlatformRef.current) === null || _c === void 0 ? void 0 : _c.setNextKinematicRotation(Qt.setFromAxisAngle(Y, time * 0.5));
-            // Rotate platform
-            (_d = rotatePlatformRef.current) === null || _d === void 0 ? void 0 : _d.setNextKinematicRotation(Qt.setFromAxisAngle(Y, time * 0.5));
-            // Rotate drum
-            (_e = rotationDrumRef.current) === null || _e === void 0 ? void 0 : _e.setNextKinematicRotation(Qt.setFromAxisAngle(X, time * 0.5));
-        }
-    });
-    return (_jsxs(GaeSupProps, { text: "dynamic", jumpPoint: true, position: [-10, 0, -10], children: [_jsxs(RigidBody, { type: "kinematicPosition", ref: sideMovePlatformRef, colliders: false, children: [_jsx(Text, { scale: 0.5, color: "black", maxWidth: 10, textAlign: "center", position: [0, 2.5, 0], children: "Kinematic Moving Platform" }), _jsx(CuboidCollider, { args: [2.5, 0.1, 2.5] }), _jsxs("mesh", { receiveShadow: true, castShadow: true, children: [_jsx("boxGeometry", { args: [5, 0.2, 5] }), _jsx("meshStandardMaterial", { color: "moccasin" })] })] }), _jsxs(RigidBody, { type: "kinematicPosition", position: [-25, 0, 0], ref: verticalMovePlatformRef, colliders: false, children: [_jsx(Text, { scale: 0.5, color: "black", maxWidth: 10, textAlign: "center", position: [0, 2.5, 0], rotation: [0, Math.PI / 2, 0], children: "Kinematic Elevating Platform" }), _jsx(CuboidCollider, { args: [2.5, 0.1, 2.5] }), _jsxs("mesh", { receiveShadow: true, castShadow: true, children: [_jsx("boxGeometry", { args: [5, 0.2, 5] }), _jsx("meshStandardMaterial", { color: "moccasin" })] })] }), _jsxs(RigidBody, { type: "kinematicPosition", position: [-25, -0.5, -10], ref: rotatePlatformRef, colliders: false, children: [_jsx(Text, { scale: 0.5, color: "black", maxWidth: 10, textAlign: "center", position: [0, 2.5, 0], children: "Kinematic Rotating Platform" }), _jsx(CuboidCollider, { args: [2.5, 0.1, 2.5] }), _jsxs("mesh", { receiveShadow: true, castShadow: true, children: [_jsx("boxGeometry", { args: [5, 0.2, 5] }), _jsx("meshStandardMaterial", { color: "moccasin" })] })] }), _jsx(Text, { scale: 0.5, color: "black", maxWidth: 10, textAlign: "center", position: [-15, 2.5, -15], children: "Kinematic Rotating Drum" }), _jsx(RigidBody, { colliders: false, type: "kinematicPosition", position: [-15, -1, -15], ref: rotationDrumRef, children: _jsxs("group", { rotation: [0, 0, Math.PI / 2], children: [_jsx(CylinderCollider, { args: [5, 1] }), _jsxs("mesh", { receiveShadow: true, children: [_jsx("cylinderGeometry", { args: [1, 1, 10] }), _jsx("meshStandardMaterial", { color: "moccasin" })] })] }) })] }));
-}

package/dist/examples/select/platform/FloatMove.d.ts

@@ -1,14 +0,0 @@
-import { Ray, RayColliderToi } from "@dimforge/rapier3d-compat";
-import * as THREE from "three";
-export type rayType = {
-    origin: THREE.Vector3;
-    dir: THREE.Vector3;
-    offset: THREE.Vector3;
-    springDir: THREE.Vector3;
-    velocity: THREE.Vector3;
-    hit: RayColliderToi | null;
-    parent: THREE.Object3D | null;
-    rayCast: Ray | null;
-    length: number;
-};
-export default function FloatMove(): import("react/jsx-runtime").JSX.Element;

package/dist/examples/select/platform/FloatMove.js

@@ -1,60 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useFrame } from "@react-three/fiber";
-import { CuboidCollider, RigidBody, useRapier, vec3, } from "@react-three/rapier";
-import { useEffect, useMemo, useRef } from "react";
-import GaeSupProps from "../../../src/gaesup/gaesupProps";
-export default function FloatMove() {
-    // Preset
-    const cuboidColliderRef = useRef(null);
-    const rigidBodyRef = useRef(null);
-    const { rapier, world } = useRapier();
-    const ray = useMemo(() => {
-        return {
-            origin: vec3(),
-            dir: vec3({ x: 0, y: -1, z: 0 }),
-            offset: vec3(),
-            springDir: vec3(),
-            velocity: vec3(),
-            hit: null,
-            parent: null,
-            rayCast: null,
-            length: 0.8,
-        };
-    }, []);
-    ray.rayCast = new rapier.Ray(ray.origin, ray.dir);
-    let movingDir = 1;
-    useEffect(() => {
-        if (rigidBodyRef.current) {
-            rigidBodyRef.current.setEnabledRotations(false, true, false, false);
-            rigidBodyRef.current.setEnabledTranslations(true, true, false, false);
-        }
-    }, []);
-    useFrame(() => {
-        // Ray cast for moving platform
-        if (rigidBodyRef.current && ray.rayCast && cuboidColliderRef.current) {
-            ray.origin.set(rigidBodyRef.current.translation().x, rigidBodyRef.current.translation().y, rigidBodyRef.current.translation().z);
-            ray.hit = world.castRay(ray.rayCast, ray.length, false, undefined, undefined, cuboidColliderRef.current, rigidBodyRef.current);
-            // Apply moving velocity to the platform
-            if (rigidBodyRef.current.translation().x > 10) {
-                movingDir = -1;
-            }
-            else if (rigidBodyRef.current.translation().x < -5) {
-                movingDir = 1;
-            }
-            if (movingDir > 0) {
-                rigidBodyRef.current.setLinvel(ray.velocity.set(2, rigidBodyRef.current.linvel().y, 0), false);
-            }
-            else {
-                rigidBodyRef.current.setLinvel(ray.velocity.set(-2, rigidBodyRef.current.linvel().y, 0), false);
-            }
-        }
-        // Ray for moving platform
-        if (ray.hit && rigidBodyRef.current) {
-            if (ray.hit.collider.parent()) {
-                const floatingForceMove = 2.5 * (0.8 - ray.hit.toi) - rigidBodyRef.current.linvel().y * 0.15;
-                rigidBodyRef.current.applyImpulse(vec3().set(0, floatingForceMove, 0), true);
-            }
-        }
-    });
-    return (_jsx(GaeSupProps, { text: "moving", jumpPoint: true, position: [0, 5, -17], children: _jsxs(RigidBody, { mass: 1, colliders: false, ref: rigidBodyRef, children: [_jsx(CuboidCollider, { args: [1.25, 0.1, 1.25], ref: cuboidColliderRef }), _jsxs("mesh", { receiveShadow: true, castShadow: true, children: [_jsx("boxGeometry", { args: [2.5, 0.2, 2.5] }), _jsx("meshStandardMaterial", { color: "#d8fff6", transparent: true, opacity: 0.8 })] })] }) }));
-}

package/dist/examples/select/platform/Floor.d.ts

@@ -1 +0,0 @@
-export default function Floor(): import("react/jsx-runtime").JSX.Element;

package/dist/examples/select/platform/Floor.js

@@ -1,7 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { Grid, MeshReflectorMaterial } from "@react-three/drei";
-import { RigidBody } from "@react-three/rapier";
-export default function Floor() {
-    return (_jsxs(_Fragment, { children: [_jsx(Grid, { renderOrder: -1, position: [0, -0.8, 0], infiniteGrid: true, cellSize: 1, cellThickness: 1, sectionSize: 5, sectionThickness: 1.5, sectionColor: "#212121", fadeDistance: 300 }), _jsxs(RigidBody, { type: "fixed", children: [_jsxs("mesh", { receiveShadow: true, position: [0, -3.5, 0], children: [_jsx("boxGeometry", { args: [300, 5, 300] }), _jsx("meshStandardMaterial", { color: "lightblue" })] }), _jsxs("mesh", { receiveShadow: true, position: [0, -0.9, 0], rotation: [-Math.PI / 2, 0, 0], children: [_jsx("planeGeometry", { args: [300, 300] }), _jsx(MeshReflectorMaterial, { mirror: 0, blur: [300, 100], resolution: 2048, mixBlur: 1, mixStrength: 80, roughness: 1, depthScale: 1.2, minDepthThreshold: 0.4, maxDepthThreshold: 1.4, color: "#212121", metalness: 0.5 })] })] })] }));
-}

package/dist/examples/select/platform/RigidObjects.d.ts

@@ -1 +0,0 @@
-export default function RigidObjects(): import("react/jsx-runtime").JSX.Element;

package/dist/examples/select/platform/RigidObjects.js

@@ -1,7 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { BallCollider, CuboidCollider, CylinderCollider, RigidBody, } from "@react-three/rapier";
-import GaeSupProps from "../../../src/gaesup/gaesupProps";
-export default function RigidObjects() {
-    return (_jsxs(GaeSupProps, { text: "RigidObjects", jumpPoint: true, position: [15, 1, 2], children: [_jsx(RigidBody, { position: [15, 1, 2], children: _jsxs("mesh", { receiveShadow: true, castShadow: true, children: [_jsx("boxGeometry", { args: [0.5, 0.5, 0.5] }), _jsx("meshStandardMaterial", { color: "lightsteelblue" })] }) }), _jsx(RigidBody, { position: [15.1, 0, 2], children: _jsxs("mesh", { receiveShadow: true, castShadow: true, children: [_jsx("boxGeometry", { args: [0.5, 0.5, 0.5] }), _jsx("meshStandardMaterial", { color: "lightsteelblue" })] }) }), _jsxs(RigidBody, { position: [15, 0, 0], colliders: false, children: [_jsx(CuboidCollider, { args: [0.5, 0.5, 0.5] }), _jsxs("mesh", { receiveShadow: true, castShadow: true, children: [_jsx("boxGeometry", { args: [1, 1, 1] }), _jsx("meshStandardMaterial", { color: "lightsteelblue" })] })] }), _jsxs(RigidBody, { position: [15, 0, -2], colliders: false, children: [_jsx(CuboidCollider, { args: [1.5 / 2, 1.5 / 2, 1.5 / 2] }), _jsxs("mesh", { receiveShadow: true, castShadow: true, children: [_jsx("boxGeometry", { args: [1.5, 1.5, 1.5] }), _jsx("meshStandardMaterial", { color: "lightsteelblue" })] })] }), _jsxs(RigidBody, { position: [15, 0, -5], colliders: false, children: [_jsx(CuboidCollider, { args: [1, 1, 1] }), _jsxs("mesh", { receiveShadow: true, castShadow: true, children: [_jsx("boxGeometry", { args: [2, 2, 2] }), _jsx("meshStandardMaterial", { color: "lightsteelblue" })] })] }), _jsxs(RigidBody, { colliders: false, position: [15, 5, -10], children: [_jsx(CylinderCollider, { args: [0.03, 2.5], position: [0, 0.25, 0] }), _jsx(BallCollider, { args: [0.25] }), _jsxs("mesh", { receiveShadow: true, castShadow: true, children: [_jsx("cylinderGeometry", { args: [2.5, 0.2, 0.5] }), _jsx("meshStandardMaterial", { color: "lightsteelblue" })] })] })] }));
-}

package/dist/examples/select/platform/RoughPlane.d.ts

@@ -1 +0,0 @@
-export default function RoughPlane(): import("react/jsx-runtime").JSX.Element;

package/dist/examples/select/platform/RoughPlane.js

@@ -1,20 +0,0 @@
-"use client";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useGLTF } from "@react-three/drei";
-import { RigidBody } from "@react-three/rapier";
-import { useEffect } from "react";
-import * as THREE from "three";
-import GaeSupProps from "../../../src/gaesup/gaesupProps";
-import { S3 } from "../../../src/gaesup/utils/constant";
-export default function RoughPlane() {
-    const roughPlane = useGLTF(S3 + "/roughPlane.glb");
-    useEffect(() => {
-        roughPlane.scene.traverse((child) => {
-            if (child instanceof THREE.Mesh &&
-                child.material instanceof THREE.MeshStandardMaterial) {
-                child.receiveShadow = true;
-            }
-        });
-    }, []);
-    return (_jsx(GaeSupProps, { text: "RoughPlane", jumpPoint: true, position: [10, -1, 10], children: _jsx(RigidBody, { type: "fixed", colliders: "trimesh", children: _jsx("primitive", { object: roughPlane.scene }) }) }));
-}

package/dist/examples/select/platform/Slopes.d.ts

@@ -1 +0,0 @@
-export default function Slopes(): import("react/jsx-runtime").JSX.Element;

package/dist/examples/select/platform/Slopes.js

@@ -1,25 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Html, useGLTF } from "@react-three/drei";
-import { RigidBody } from "@react-three/rapier";
-import { useEffect, useRef, useState } from "react";
-import * as THREE from "three";
-import GaeSupProps from "../../../src/gaesup/gaesupProps";
-import { S3 } from "../../../src/gaesup/utils/constant";
-import { ControlledInput } from "./ControlledInput";
-export default function Slopes() {
-    // Load models
-    const slopes = useGLTF(S3 + "/slopes.glb");
-    const [angle, setAngle] = useState(25);
-    const rigidBodyRef = useRef(null);
-    useEffect(() => {
-        // Receive Shadows
-        slopes.scene.traverse((child) => {
-            if (child instanceof THREE.Mesh &&
-                child.material instanceof THREE.MeshStandardMaterial) {
-                child.receiveShadow = true;
-            }
-        });
-    }, []);
-    return (_jsxs(GaeSupProps, { text: "Slopes", jumpPoint: true, position: [-15, -0.8, 15], children: [_jsx(RigidBody, { type: "fixed", colliders: "hull", ref: rigidBodyRef, rotation: [-(angle * Math.PI) / 180, 0, 0], children: _jsxs("mesh", { receiveShadow: true, castShadow: true, children: [_jsx("boxGeometry", { args: [10, 1, 10] }), _jsx("meshBasicMaterial", { transparent: true, opacity: 0.9 })] }) }), _jsx(Html, { zIndexRange: [1, 0], children: _jsx(ControlledInput, { type: angle, onChange: (e) => setAngle(e.target.value), value: angle }) })] }));
-}

package/dist/examples/select/platform/style.css.d.ts

@@ -1 +0,0 @@
-export declare const input: string;

package/dist/examples/select/platform/style.css.js

@@ -1,11 +0,0 @@
-import { style } from "@vanilla-extract/css";
-export const input = style([
-    {
-        width: "20rem",
-        borderRadius: "1rem",
-        backgroundColor: "rgba(0, 0, 0, 0.5)",
-        padding: "1rem 2rem",
-        color: "white",
-        boxShadow: "0 0 1rem rgba(0, 0, 0, 0.5)",
-    },
-]);

package/dist/examples/select/src/index.d.ts

@@ -1,5 +0,0 @@
-export declare const keyboardMap: {
-    name: string;
-    keys: string[];
-}[];
-export default function Selected(): import("react/jsx-runtime").JSX.Element;

package/dist/examples/select/src/index.js

@@ -1,117 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Environment, KeyboardControls } from "@react-three/drei";
-import { Canvas } from "@react-three/fiber";
-import { Physics } from "@react-three/rapier";
-import { useState } from "react";
-import { isMobile } from "react-device-detect";
-import GaesupController from "../../../src/gaesup/controller";
-import GaeSupTools from "../../../src/gaesup/tools";
-import { S3 } from "../../../src/gaesup/utils/constant";
-import GaesupWorld from "../../../src/gaesup/world";
-import FloatMove from "../platform/FloatMove";
-import Floor from "../platform/Floor";
-import RigidObjects from "../platform/RigidObjects";
-import RoughPlane from "../platform/RoughPlane";
-import * as style from "./style.css";
-import { button } from "./style.css";
-export const keyboardMap = [
-    { name: "forward", keys: ["ArrowUp", "KeyW"] },
-    { name: "backward", keys: ["ArrowDown", "KeyS"] },
-    { name: "leftward", keys: ["ArrowLeft", "KeyA"] },
-    { name: "rightward", keys: ["ArrowRight", "KeyD"] },
-    { name: "space", keys: ["Space"] },
-    { name: "shift", keys: ["Shift"] },
-    { name: "keyZ", keys: ["KeyZ"] },
-];
-export default function Selected() {
-    const CHARACTER_URL = "./gaesupyee.glb";
-    const AIRPLANE_URL = "./airplane.glb";
-    const VEHICLE_URL = S3 + "/kart2.glb";
-    const [mode, changeMode] = useState({
-        type: "character",
-        controller: isMobile ? "joystick" : "joystick",
-    });
-    const [camera, changeCamera] = useState({
-        cameraType: "perspective",
-        controlType: "orbit",
-    });
-    return (_jsxs(GaesupWorld, { debug: true, mode: Object.assign({}, mode), url: {
-            characterUrl: CHARACTER_URL,
-            vehicleUrl: VEHICLE_URL,
-            airplaneUrl: AIRPLANE_URL,
-        }, children: [_jsx(GaeSupTools, {}), _jsxs("div", { className: style.mainButtonContainer, children: [_jsx("button", { className: button({
-                            selected: mode.type === "character",
-                        }), onClick: () => changeMode((mode) => ({
-                            type: "character",
-                            controller: mode.controller,
-                        })), children: "CHARACTER" }), _jsx("button", { className: button({
-                            selected: mode.type === "vehicle",
-                        }), onClick: () => changeMode((mode) => ({
-                            type: "vehicle",
-                            controller: mode.controller,
-                        })), children: "VEHICLE" }), _jsx("button", { className: button({
-                            selected: mode.type === "airplane",
-                        }), onClick: () => changeMode((mode) => ({
-                            type: "airplane",
-                            controller: mode.controller,
-                        })), children: "AIRPLANE" }), _jsx("button", { className: button({
-                            selected: camera.controlType === "normal",
-                        }), onClick: () => changeCamera(() => ({
-                            cameraType: "perspective",
-                            controlType: "normal",
-                        })), children: "NORMAL" }), _jsx("button", { className: button({
-                            selected: camera.controlType === "orbit" &&
-                                camera.cameraType === "perspective",
-                        }), onClick: () => changeCamera(() => ({
-                            cameraType: "perspective",
-                            controlType: "orbit",
-                        })), children: "ORBIT" }), _jsx("button", { className: button({
-                            selected: camera.cameraType === "orthographic",
-                        }), onClick: () => {
-                            changeCamera(() => ({
-                                cameraType: "orthographic",
-                                controlType: "orbit",
-                            }));
-                        }, children: "MAP" }), !isMobile && (_jsx("button", { className: button({
-                            selected: mode.controller === "keyboard",
-                        }), onClick: () => {
-                            changeMode((mode) => ({
-                                type: mode.type,
-                                controller: "keyboard",
-                            }));
-                        }, children: "\uD0A4\uBCF4\uB4DC" })), _jsx("button", { className: button({
-                            selected: mode.controller === "joystick",
-                        }), onClick: () => {
-                            changeMode((mode) => ({
-                                type: mode.type,
-                                controller: "joystick",
-                            }));
-                        }, children: "\uC870\uC774\uC2A4\uD2F1" }), _jsx("button", { className: button({
-                            selected: mode.controller === "gameboy",
-                        }), onClick: () => {
-                            changeMode((mode) => ({
-                                type: mode.type,
-                                controller: "gameboy",
-                            }));
-                        }, children: "\uAC8C\uC784\uBCF4\uC774" })] }), _jsxs(Canvas, { shadows: true, dpr: [1, 2], style: { width: "100dvw", height: "100dvh" }, children: [_jsx(Environment, { background: true, preset: "sunset", blur: 0.8 }), _jsx("directionalLight", { castShadow: true, "shadow-normalBias": 0.06, position: [20, 30, 10], intensity: 0.5, "shadow-mapSize": [1024, 1024], "shadow-camera-near": 1, "shadow-camera-far": 50, "shadow-camera-top": 50, "shadow-camera-right": 50, "shadow-camera-bottom": -50, "shadow-camera-left": -50 }), _jsx("ambientLight", { intensity: 0.5 }), _jsxs(Physics, { debug: true, children: [_jsx(KeyboardControls, { map: keyboardMap, children: _jsx(GaesupController, { isRider: mode.type === "vehicle" ? true : false, cameraMode: Object.assign({}, camera), orthographicCamera: {
-                                        zoom: 80,
-                                    }, groupProps: {
-                                        rotation: [0, Math.PI, 0],
-                                    }, onAnimate: ({ control, states, playAnimation }) => {
-                                        const { keyZ } = control;
-                                        if (keyZ) {
-                                            states.isAnimationOuter = true;
-                                            playAnimation("greet");
-                                        }
-                                        else {
-                                            states.isAnimationOuter = false;
-                                        }
-                                    } }) }), _jsx(RoughPlane, {}), _jsx(RigidObjects, {}), _jsx(FloatMove, {}), _jsx(Floor, {})] })] }), _jsx(GaeSupTools, { keyboardToolTip: {
-                    keyBoardMap: keyboardMap,
-                    keyBoardLabel: {
-                        keyZ: "GREET",
-                        space: "JUMP",
-                    },
-                } })] }));
-}

package/dist/examples/select/src/keyboardMap/character.d.ts

@@ -1,8 +0,0 @@
-export declare const characterKeyboardMap: {
-    name: string;
-    keys: string[];
-}[];
-export declare const vehicleKeyboardMap: {
-    name: string;
-    keys: string[];
-}[];

package/dist/examples/select/src/keyboardMap/character.js

@@ -1,18 +0,0 @@
-export const characterKeyboardMap = [
-    { name: "forward", keys: ["ArrowUp", "KeyW"] },
-    { name: "backward", keys: ["ArrowDown", "KeyS"] },
-    { name: "leftward", keys: ["ArrowLeft", "KeyA"] },
-    { name: "rightward", keys: ["ArrowRight", "KeyD"] },
-    { name: "jump", keys: ["Space"] },
-    { name: "run", keys: ["Shift"] },
-    { name: "greet", keys: ["KeyZ"] },
-];
-export const vehicleKeyboardMap = [
-    { name: "forward", keys: ["ArrowUp", "KeyW"] },
-    { name: "backward", keys: ["ArrowDown", "KeyS"] },
-    { name: "leftward", keys: ["ArrowLeft", "KeyA"] },
-    { name: "rightward", keys: ["ArrowRight", "KeyD"] },
-    { name: "space", keys: ["Space"] },
-    { name: "shift", keys: ["Shift"] },
-    { name: "keyZ", keys: ["KeyZ"] },
-];

package/dist/examples/select/src/keyboardMap/vehicle.d.ts

@@ -1,4 +0,0 @@
-export declare const vehicleKeyboardMap: {
-    name: string;
-    keys: string[];
-}[];

package/dist/examples/select/src/keyboardMap/vehicle.js

@@ -1,8 +0,0 @@
-export const vehicleKeyboardMap = [
-    { name: "forward", keys: ["ArrowUp", "KeyW"] },
-    { name: "backward", keys: ["ArrowDown", "KeyS"] },
-    { name: "leftward", keys: ["ArrowLeft", "KeyA"] },
-    { name: "rightward", keys: ["ArrowRight", "KeyD"] },
-    { name: "brake", keys: ["Space"] },
-    { name: "accel", keys: ["Shift"] },
-];