gaesup-world 0.6.62 → 0.6.72

package/README.md

@@ -89,7 +89,7 @@ This project is distributed under the MIT License.
 
 * ## 5. [Tools](#Tools)
 
-  - [JoyStick](#1JoyStick)
+  - [joystick](#1joystick)
 
   * [keyBoardTooltip](#keyBoardTooltip)
 
@@ -123,7 +123,7 @@ This is the character control in Gaesup World.
 | Name     | Condition                   | Info                                                                    |
 | -------- | --------------------------- | ----------------------------------------------------------------------- |
 | Keyboard | desktop                     | A standard keyboard tool. You can see where on the keyboard is clicked. |
-| Joystick | mobile (not normal control) | A joystick implementation tool. It works on mobile devices.             |
+| joystick | mobile (not normal control) | A joystick implementation tool. It works on mobile devices.             |
 | Gameboy  | mobile                      | A Gameboy implementation tool. It works on mobile devices.              |
 
 ## Vehicle
@@ -141,7 +141,7 @@ This is the character control in Gaesup World.
 | Name     | Condition | Info                                                                    |
 | -------- | --------- | ----------------------------------------------------------------------- |
 | Keyboard | desktop   | A standard keyboard tool. You can see where on the keyboard is clicked. |
-| Joystick | mobile    | A joystick implementation tool. It works on mobile devices.             |
+| joystick | mobile    | A joystick implementation tool. It works on mobile devices.             |
 | Gameboy  | mobile    | A Gameboy implementation tool. It works on mobile devices.              |
 
 ## Airplane
@@ -159,7 +159,7 @@ the airplane control in Gaesup World. Characters can board the airplane.
 | Name     | Condition | Info                                                                    |
 | -------- | --------- | ----------------------------------------------------------------------- |
 | Keyboard | desktop   | A standard keyboard tool. You can see where on the keyboard is clicked. |
-| Joystick | mobile    | A joystick implementation tool. It works on mobile devices.             |
+| joystick | mobile    | A joystick implementation tool. It works on mobile devices.             |
 | Gameboy  | mobile    | A Gameboy implementation tool. It works on mobile devices.              |
 
 # Animation
@@ -410,36 +410,36 @@ const App = () => {
 2. Customize the appearance using the `gamePadStyle` and `gamePadButtonStyle` properties.
 3. The component dynamically renders buttons based on the `control` mode.
 
-## JoyStick
+## joystick
 
 ---
 
-- The JoyStick component provides a virtual joystick interface, primarily intended for mobile environments. This component allows you to simulate joystick-like input on mobile devices. Additionally, you can prevent position jitter, which can occur on mobile devices, by using the `scrollBlock` option in the `GaesupWorld` component.
+- The joystick component provides a virtual joystick interface, primarily intended for mobile environments. This component allows you to simulate joystick-like input on mobile devices. Additionally, you can prevent position jitter, which can occur on mobile devices, by using the `scrollBlock` option in the `GaesupWorld` component.
 
 ### (1) props
 
 | Prop Name           | Type            | Required | Description                 | Default Value |
 | ------------------- | --------------- | -------- | --------------------------- | ------------- |
-| `joyStickStyle`     | object (styles) | Optional | Style for the joystick      | `undefined`   |
-| `joyStickBallStyle` | object (styles) | Optional | Style for the joystick ball | `undefined`   |
+| `joystickStyle`     | object (styles) | Optional | Style for the joystick      | `undefined`   |
+| `joystickBallStyle` | object (styles) | Optional | Style for the joystick ball | `undefined`   |
 
 ### (2) example
 
 ```jsx
 const MyComponent = () => {
-  const joyStickStyle = {
-    /* joyStickStyle */
+  const joystickStyle = {
+    /* joystickStyle */
   };
-  const joyStickBallStyle = {
-    /* joyStickBallStyle */
+  const joystickBallStyle = {
+    /* joystickBallStyle */
   };
 
   return (
     <GaesupWorld>
       {/* ... */}
-      <JoyStick
-        joyStickStyle={joyStickStyle}
-        joyStickBallStyle={joyStickBallStyle}
+      <joystick
+        joystickStyle={joystickStyle}
+        joystickBallStyle={joystickBallStyle}
       />
       {/* ... */}
     </GaesupWorld>
@@ -449,8 +449,8 @@ const MyComponent = () => {
 
 ### (3) Key Features:
 
-- **Joystick Interface:** Provides a joystick-like user input interface, suitable for mobile devices.
-- **Customization:** You can customize the style of the JoyStick component by adjusting the styles of the joystick and the joystick ball using the `joyStickBallStyle` and `joyStickStyle` properties.
+- **joystick Interface:** Provides a joystick-like user input interface, suitable for mobile devices.
+- **Customization:** You can customize the style of the joystick component by adjusting the styles of the joystick and the joystick ball using the `joystickBallStyle` and `joystickStyle` properties.
 - **Responsive and Interactive:** It supports various input devices and responds to both mouse and mobile touch events for controlling movement.
 
 ## 4) JumpPortal

package/dist/gaesup/gaesupProps/index.js

@@ -13,7 +13,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { vec3 } from "@react-three/rapier";
 import { useContext, useEffect, useRef } from "react";
 import * as THREE from "three";
-import useClicker from "../hooks/useClicker";
+import { useClicker } from "../hooks/useClicker";
 import { GaesupWorldContext, GaesupWorldDispatchContext, } from "../world/context";
 export function GaeSupProps(_a) {
     var _b = _a.type, type = _b === void 0 ? "normal" : _b, text = _a.text, position = _a.position, children = _a.children;

package/dist/gaesup/hooks/useClicker/index.d.ts

@@ -1,4 +1,4 @@
 import { ThreeEvent } from "@react-three/fiber";
-export default function useClicker(): {
+export declare function useClicker(): {
     moveClicker: (e: ThreeEvent<MouseEvent>, isRun: boolean, type: "normal" | "ground") => void;
 };

package/dist/gaesup/hooks/useClicker/index.js

@@ -1,7 +1,7 @@
 import { useContext, useEffect } from "react";
 import { V3 } from "../../utils";
 import { GaesupWorldContext, GaesupWorldDispatchContext, } from "../../world/context";
-export default function useClicker() {
+export function useClicker() {
     var _a = useContext(GaesupWorldContext), activeState = _a.activeState, clicker = _a.clicker, mode = _a.mode;
     var dispatch = useContext(GaesupWorldDispatchContext);
     var moveClicker = function (e, isRun, type) {

package/dist/gaesup/hooks/useJoyStick/index.d.ts

@@ -1,4 +1,4 @@
-import { joyStickBallType, joyStickOriginType } from "../../tools/joyStick/type";
+import { joyStickBallType, joyStickOriginType } from "../../tools/joystick/type";
 export declare const joyStickBallDefault: {
     top: string;
     left: string;
@@ -31,7 +31,7 @@ export declare const joyStickInnerDefault: {
         isCenter: boolean;
     };
 };
-export default function useJoyStick(): {
+export declare function useJoyStick(): {
     joyStickOrigin: joyStickOriginType;
     joyStickBall: joyStickBallType;
     setBall: (ball: joyStickBallType) => void;

package/dist/gaesup/hooks/useJoyStick/index.js

@@ -30,7 +30,7 @@ export var joyStickInnerDefault = {
     joyStickBall: joyStickBallDefault,
     joyStickOrigin: joyStickOriginDefault,
 };
-export default function useJoyStick() {
+export function useJoyStick() {
     var joystick = useContext(GaesupWorldContext).joystick;
     var dispatch = useContext(GaesupWorldDispatchContext);
     var joyStickBall = joystick.joyStickBall, joyStickOrigin = joystick.joyStickOrigin;

package/dist/gaesup/physics/character/direction.d.ts

@@ -1,4 +1,4 @@
-import { joyStickInnerType } from "../../tools/joyStick/type";
+import { joyStickInnerType } from "../../tools/joystick/type";
 import { activeStateType, clickerType, modeType } from "../../world/context/type";
 import { calcType } from "../type";
 export declare function orbitDirection({ activeState, control, mode, joystick, clicker, }: {

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

@@ -0,0 +1,3 @@
+import "./style.css";
+import { joyStickType } from "./type";
+export declare function JoyStick(props: joyStickType): import("react/jsx-runtime").JSX.Element;

package/dist/gaesup/tools/{joyStick → joystick}/index.js

@@ -11,7 +11,7 @@ var __assign = (this && this.__assign) || function () {
 };
 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 { useJoyStick } from "../../hooks/useJoyStick";
 import { GaesupWorldContext } from "../../world/context";
 import "./style.css";
 export function JoyStick(props) {

package/dist/gaesup/tools/{joyStick → joystick}/style.css

@@ -1,4 +1,4 @@
-.joyStick {
+.joystick {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -11,7 +11,7 @@
   box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
 }
 
-/* .joyStick::after {
+/* .joystick::after {
   content: "";
   width: 10rem;
   height: 10rem;
@@ -29,7 +29,7 @@
   cursor: pointer;
 }
 
-.joyStick * {
+.joystick * {
   -webkit-touch-callout: none;
   -webkit-user-select: none;
   -moz-user-select: none;

package/dist/gaesup/tools/{joyStick → joystick}/type.d.ts

@@ -1,3 +1,4 @@
+import { CSSProperties } from "react";
 export type joyStickBallType = {
     left: string;
     top: string;
@@ -17,3 +18,6 @@ export type joyStickInnerType = {
     joyStickBall?: joyStickBallType;
     joyStickOrigin?: joyStickOriginType;
 };
+export type joyStickType = {
+    [key in "joyStickBallStyle" | "joyStickStyle"]?: CSSProperties;
+};

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

@@ -9,7 +9,7 @@ export declare function gaesupWorldReducer(props: Partial<gaesupWorldContextType
     states?: import("./type").statesType;
     debug?: boolean;
     minimap?: import("../../tools/miniMap/type").minimapInnerType;
-    joystick?: import("../../tools/joyStick/type").joyStickInnerType;
+    joystick?: import("../../tools/joystick/type").joyStickInnerType;
     control?: {
         [x: string]: boolean;
     };

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

@@ -2,7 +2,7 @@ import { CSSProperties } from "react";
 import { actionsType, refsType } from "../../controller/type";
 import * as THREE from "three";
 import { rideableType } from "../../hooks/useRideable";
-import { joyStickInnerType } from "../../tools/joyStick/type";
+import { joyStickInnerType } from "../../tools/joystick/type";
 import { keyboardMapType } from "../../tools/keyBoardToolTip/type";
 import { minimapInnerType } from "../../tools/miniMap/type";
 import { dispatchType } from "../../utils/type";

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

@@ -9,7 +9,7 @@ export default function initGaesupWorld(props: gaesupWorldPropsType): {
             states?: import("../context/type").statesType;
             debug?: boolean;
             minimap?: import("../../tools/miniMap/type").minimapInnerType;
-            joystick?: import("../../tools/joyStick/type").joyStickInnerType;
+            joystick?: import("../../tools/joystick/type").joyStickInnerType;
             control?: {
                 [x: string]: boolean;
             };

package/dist/index.d.ts

@@ -1,4 +1,3 @@
-export * as Camera from "./gaesup/camera";
 export { GaesupComponent } from "./gaesup/component";
 export { PassiveAirplane } from "./gaesup/component/passive/airplane";
 export { PassiveCharacter } from "./gaesup/component/passive/character";
@@ -6,9 +5,9 @@ export { PassiveVehicle } from "./gaesup/component/passive/vehicle";
 export { GaesupController } from "./gaesup/controller";
 export { GaeSupProps } from "./gaesup/gaesupProps";
 export { Clicker } from "./gaesup/tools/clicker";
-export { GameBoy } from "./gaesup/tools/gameBoy";
-export { GamePad } from "./gaesup/tools/gamePad";
-export { JoyStick } from "./gaesup/tools/joyStick";
+export { GameBoy } from "./gaesup/tools/gameboy";
+export { GamePad } from "./gaesup/tools/gamepad";
+export { JoyStick } from "./gaesup/tools/joystick";
 export { JumpPortal } from "./gaesup/tools/jumpPortal";
 export { KeyBoardToolTip } from "./gaesup/tools/keyBoardToolTip";
 export { MiniMap } from "./gaesup/tools/miniMap";
@@ -17,10 +16,10 @@ 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";
-export * as useClicker from "./gaesup/hooks/useClicker";
+export { useClicker } from "./gaesup/hooks/useClicker";
 export { useGaesupAnimation } from "./gaesup/hooks/useGaesupAnimation";
 export { useGaesupController } from "./gaesup/hooks/useGaesupController";
-export * as useJoyStick from "./gaesup/hooks/useJoyStick";
+export { useJoyStick } from "./gaesup/hooks/useJoyStick";
 export { useMovePoint } from "./gaesup/hooks/useMovePoint";
 export { usePushKey } from "./gaesup/hooks/usePushKey";
 export { useRideable } from "./gaesup/hooks/useRideable";

package/dist/index.js

@@ -1,4 +1,3 @@
-export * as Camera from "./gaesup/camera";
 export { GaesupComponent } from "./gaesup/component";
 export { PassiveAirplane } from "./gaesup/component/passive/airplane";
 export { PassiveCharacter } from "./gaesup/component/passive/character";
@@ -6,9 +5,9 @@ export { PassiveVehicle } from "./gaesup/component/passive/vehicle";
 export { GaesupController } from "./gaesup/controller";
 export { GaeSupProps } from "./gaesup/gaesupProps";
 export { Clicker } from "./gaesup/tools/clicker";
-export { GameBoy } from "./gaesup/tools/gameBoy";
-export { GamePad } from "./gaesup/tools/gamePad";
-export { JoyStick } from "./gaesup/tools/joyStick";
+export { GameBoy } from "./gaesup/tools/gameboy";
+export { GamePad } from "./gaesup/tools/gamepad";
+export { JoyStick } from "./gaesup/tools/joystick";
 export { JumpPortal } from "./gaesup/tools/jumpPortal";
 export { KeyBoardToolTip } from "./gaesup/tools/keyBoardToolTip";
 export { MiniMap } from "./gaesup/tools/miniMap";
@@ -17,10 +16,10 @@ 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";
-export * as useClicker from "./gaesup/hooks/useClicker";
+export { useClicker } from "./gaesup/hooks/useClicker";
 export { useGaesupAnimation } from "./gaesup/hooks/useGaesupAnimation";
 export { useGaesupController } from "./gaesup/hooks/useGaesupController";
-export * as useJoyStick from "./gaesup/hooks/useJoyStick";
+export { useJoyStick } from "./gaesup/hooks/useJoyStick";
 export { useMovePoint } from "./gaesup/hooks/useMovePoint";
 export { usePushKey } from "./gaesup/hooks/usePushKey";
 export { useRideable } from "./gaesup/hooks/useRideable";

package/index.ts

@@ -1,5 +1,4 @@
 export {
-  Camera,
   Elr,
   GaeSupProps,
   GaesupComponent,
@@ -28,4 +27,4 @@ export {
   usePushKey,
   useRideable,
   useTeleport,
-} from "./dist";
+} from "./src";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "gaesup-world",
-  "version": "0.6.62",
+  "version": "0.6.72",
   "type": "module",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",

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;