gaesup-world 0.0.663 → 0.0.691

package/README.md

@@ -1,9 +1,13 @@
 # Gaesup World
 
+[![Version](https://img.shields.io/npm/v/gaesup-world?style=flat&colorA=000000&colorB=000000)](https://www.npmjs.com/package/gaesup-world)
+[![Downloads](https://img.shields.io/npm/dt/gaesup-world.svg?style=flat&colorA=000000&colorB=000000)](https://www.npmjs.com/package/gaesup-world)
+
 Web 3D Character Controller and World Platform Library
 
-[![Version](https://img.shields.io/npm/v/gaesup-world?style=flat&colorA=000000&colorB=000000)](https://www.npmjs.com/package/zustand)
-[![Downloads](https://img.shields.io/npm/dt/gaesup-world.svg?style=flat&colorA=000000&colorB=000000)](https://www.npmjs.com/package/gaesup-world)
+[![main](https://github.com/jigglypop/gaesup-world/blob/master/image/main_image.png)](https://codesandbox.io/p/github/jigglypop/gaesup-world-examples/master?workspaceId=e8ae627a-af61-415e-aa21-1fe5af422c86)
+
+> click and watch code sandbox example!
 
 ---
 
@@ -11,6 +15,59 @@ Web 3D Character Controller and World Platform Library
 
 Gaesup World is a library that uses @react/three-fiber, @react/three-drei, and rapier to provide control tools for characters, airplanes, cars, and more in a web 3D environment. This controller is designed to easily manage character movement, animation, and interaction. It allows for easy manipulation of characters or vehicles in a virtual world, and is also equipped with utilities like minimaps and joysticks.
 
+## How to start
+
+```tsx
+"use client";
+
+import { Environment, KeyboardControls } from "@react-three/drei";
+import { Canvas } from "@react-three/fiber";
+import { Physics, RigidBody } from "@react-three/rapier";
+
+import { GaesupController, GaesupWorld } from "gaesup-world";
+
+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 App() {
+  const CHARACTER_URL = "./gaesupyee.glb";
+
+  return (
+    <GaesupWorld
+      url={{
+        characterUrl: CHARACTER_URL,
+      }}
+    >
+      <Canvas shadows style={{ width: "100dvw", height: "100dvh" }}>
+        <Environment background preset="sunset" blur={0.8} />
+        <Physics>
+          <KeyboardControls map={keyboardMap}>
+            <GaesupController
+              groupProps={{
+                rotation: [0, Math.PI, 0],
+              }}
+            />
+          </KeyboardControls>
+          <RigidBody type="fixed">
+            <mesh receiveShadow position={[0, 0, 0]}>
+              <boxGeometry args={[300, 5, 300]} />
+              <meshStandardMaterial />
+            </mesh>
+          </RigidBody>
+        </Physics>
+      </Canvas>
+    </GaesupWorld>
+  );
+}
+```
+
 ### Features
 
 - 3D character control based on React Three Fiber.

package/dist/gaesup/animation/actions.js

@@ -29,7 +29,7 @@ export default function playActions(_a) {
             },
         });
     }, [control]);
-    var playAnimation = function (tag) {
+    var play = function (tag) {
         characterAnimations.current = tag;
         dispatch({
             type: "update",
@@ -50,13 +50,13 @@ export default function playActions(_a) {
             },
         });
     };
-    var resetAni = function () { return playAnimation("idle"); };
-    var playIdle = function () { return playAnimation("idle"); };
-    var playWalk = function () { return playAnimation("walk"); };
-    var playRun = function () { return playAnimation("run"); };
-    var playJump = function () { return playAnimation("jump"); };
-    var playFall = function () { return playAnimation("fall"); };
-    var playRide = function () { return playAnimation("ride"); };
+    var resetAni = function () { return play("idle"); };
+    var playIdle = function () { return play("idle"); };
+    var playWalk = function () { return play("walk"); };
+    var playRun = function () { return play("run"); };
+    var playJump = function () { return play("jump"); };
+    var playFall = function () { return play("fall"); };
+    var playRide = function () { return play("ride"); };
     useEffect(function () {
         return function () {
             resetAni();

package/dist/gaesup/camera/cameraCollisionDetecter.d.ts

@@ -1,4 +1,4 @@
-import { propType } from "../controller/type";
-export default function cameraCollisionDetector(prop: propType): {
+import { controllerInnerType } from "../controller/type";
+export default function cameraCollisionDetector(prop: controllerInnerType): {
     checkCollision: (delta: number) => void;
 };

package/dist/gaesup/camera/index.d.ts

@@ -1,7 +1,7 @@
-import { propType, refsType } from "../controller/type";
+import { controllerInnerType, refsType } from "../controller/type";
 export default function Camera({ refs, prop, control, }: {
     refs: refsType;
-    prop: propType;
+    prop: controllerInnerType;
     control: {
         [key: string]: boolean;
     };

package/dist/gaesup/component/Airplane.d.ts

@@ -1,5 +1,5 @@
-import { propType, refsType } from "../controller/type";
-export declare function Airplane({ controllerProps, refs, }: {
-    controllerProps: propType;
+import { controllerInnerType, refsType } from "../controller/type";
+export declare function Airplane({ props, refs, }: {
+    props: controllerInnerType;
     refs: refsType;
 }): import("react/jsx-runtime").JSX.Element;

package/dist/gaesup/component/Airplane.js

@@ -6,9 +6,9 @@ import { CharacterInnerGroupRef } from "./gltf/CharacterGltf";
 import { AirplaneCollider, AirplaneGroup, AirplaneRigidBody, } from "./ref/airplane";
 import setInit from "./setInit";
 export function Airplane(_a) {
-    var controllerProps = _a.controllerProps, refs = _a.refs;
+    var props = _a.props, refs = _a.refs;
     var rigidBodyRef = refs.rigidBodyRef, outerGroupRef = refs.outerGroupRef, capsuleColliderRef = refs.capsuleColliderRef, innerGroupRef = refs.innerGroupRef, characterInnerRef = refs.characterInnerRef;
-    calculation(controllerProps);
+    calculation(props);
     setInit(rigidBodyRef);
-    return (_jsx(_Fragment, { children: _jsx(AirplaneGroup, { ref: outerGroupRef, controllerProps: controllerProps, children: _jsxs(AirplaneRigidBody, { ref: rigidBodyRef, controllerProps: controllerProps, children: [_jsx(AirplaneCollider, { prop: controllerProps, ref: capsuleColliderRef }), controllerProps.isRider && (_jsx(CharacterInnerGroupRef, { prop: controllerProps, groupProps: controllerProps.groupProps, groundRay: controllerProps.groundRay, refs: refs, callbacks: controllerProps.callbacks, isRider: controllerProps.isRider, ref: characterInnerRef })), _jsx(AirplaneInnerGroupRef, { ref: innerGroupRef })] }) }) }));
+    return (_jsx(_Fragment, { children: _jsx(AirplaneGroup, { ref: outerGroupRef, props: props, children: _jsxs(AirplaneRigidBody, { ref: rigidBodyRef, props: props, children: [_jsx(AirplaneCollider, { prop: props, ref: capsuleColliderRef }), props.isRider && (_jsx(CharacterInnerGroupRef, { props: props, groundRay: props.groundRay, refs: refs, ref: characterInnerRef })), _jsx(AirplaneInnerGroupRef, { ref: innerGroupRef })] }) }) }));
 }

package/dist/gaesup/component/Character.d.ts

@@ -1,5 +1,5 @@
-import { propType, refsType } from "../controller/type";
-export declare function Character({ controllerProps, refs, }: {
-    controllerProps: propType;
+import { controllerInnerType, refsType } from "../controller/type";
+export declare function Character({ props, refs, }: {
+    props: controllerInnerType;
     refs: refsType;
 }): import("react/jsx-runtime").JSX.Element;

package/dist/gaesup/component/Character.js

@@ -5,9 +5,9 @@ import { CharacterInnerGroupRef, InnerGroupRef } from "./gltf/CharacterGltf";
 import { CharacterCapsuleCollider, CharacterGroup, CharacterRigidBody, CharacterSlopeRay, } from "./ref/character";
 import setInit from "./setInit";
 export function Character(_a) {
-    var controllerProps = _a.controllerProps, refs = _a.refs;
+    var props = _a.props, refs = _a.refs;
     var capsuleColliderRef = refs.capsuleColliderRef, rigidBodyRef = refs.rigidBodyRef, outerGroupRef = refs.outerGroupRef, slopeRayOriginRef = refs.slopeRayOriginRef, characterInnerRef = refs.characterInnerRef, innerGroupRef = refs.innerGroupRef;
-    calculation(controllerProps);
+    calculation(props);
     setInit(rigidBodyRef);
-    return (_jsxs(CharacterRigidBody, { ref: rigidBodyRef, controllerProps: controllerProps, children: [_jsx(CharacterCapsuleCollider, { prop: controllerProps, ref: capsuleColliderRef }), _jsxs(CharacterGroup, { ref: outerGroupRef, controllerProps: controllerProps, children: [_jsx(CharacterSlopeRay, { slopeRay: controllerProps.slopeRay, groundRay: controllerProps.groundRay, ref: slopeRayOriginRef }), controllerProps.children, _jsx(InnerGroupRef, { ref: innerGroupRef }), _jsx(CharacterInnerGroupRef, { prop: controllerProps, groupProps: controllerProps.groupProps, groundRay: controllerProps.groundRay, refs: refs, callbacks: controllerProps.callbacks, ref: characterInnerRef, isRider: false })] })] }));
+    return (_jsxs(CharacterRigidBody, { ref: rigidBodyRef, props: props, children: [_jsx(CharacterCapsuleCollider, { props: props, ref: capsuleColliderRef }), _jsxs(CharacterGroup, { ref: outerGroupRef, props: props, children: [_jsx(CharacterSlopeRay, { slopeRay: props.slopeRay, groundRay: props.groundRay, ref: slopeRayOriginRef }), props.children, _jsx(InnerGroupRef, { ref: innerGroupRef }), _jsx(CharacterInnerGroupRef, { props: props, groundRay: props.groundRay, refs: refs, ref: characterInnerRef })] })] }));
 }

package/dist/gaesup/component/Vehicle.d.ts

@@ -1,5 +1,5 @@
-import { propType, refsType } from "../controller/type";
-export declare function Vehicle({ controllerProps, refs, }: {
-    controllerProps: propType;
+import { controllerInnerType, refsType } from "../controller/type";
+export declare function Vehicle({ props, refs, }: {
+    props: controllerInnerType;
     refs: refsType;
 }): import("react/jsx-runtime").JSX.Element;

package/dist/gaesup/component/Vehicle.js

@@ -7,9 +7,9 @@ import { Wheels } from "./gltf/WheelJoint";
 import { VehicleCollider, VehicleGroup, VehicleRigidBody } from "./ref/vehicle";
 import setInit from "./setInit";
 export function Vehicle(_a) {
-    var controllerProps = _a.controllerProps, refs = _a.refs;
+    var props = _a.props, refs = _a.refs;
     var rigidBodyRef = refs.rigidBodyRef, outerGroupRef = refs.outerGroupRef, characterInnerRef = refs.characterInnerRef, innerGroupRef = refs.innerGroupRef;
-    calculation(controllerProps);
+    calculation(props);
     setInit(rigidBodyRef);
-    return (_jsxs(VehicleGroup, { ref: outerGroupRef, controllerProps: controllerProps, children: [_jsxs(VehicleRigidBody, { ref: rigidBodyRef, controllerProps: controllerProps, children: [_jsx(VehicleCollider, {}), controllerProps.isRider && (_jsx(CharacterInnerGroupRef, { prop: controllerProps, groupProps: controllerProps.groupProps, groundRay: controllerProps.groundRay, refs: refs, callbacks: controllerProps.callbacks, ref: characterInnerRef, isRider: true })), _jsx(VehicleInnerGroupRef, { ref: innerGroupRef })] }), _jsx(Wheels, { prop: controllerProps })] }));
+    return (_jsxs(VehicleGroup, { ref: outerGroupRef, props: props, children: [_jsxs(VehicleRigidBody, { ref: rigidBodyRef, props: props, children: [_jsx(VehicleCollider, {}), props.isRider && (_jsx(CharacterInnerGroupRef, { props: props, groundRay: props.groundRay, refs: refs, ref: characterInnerRef })), _jsx(VehicleInnerGroupRef, { ref: innerGroupRef })] }), _jsx(Wheels, { props: props })] }));
 }

package/dist/gaesup/component/gltf/CharacterGltf.d.ts

@@ -1,14 +1,11 @@
 /// <reference types="react" />
-import { GroupProps } from "@react-three/fiber";
-import { groundRayType, propType, refsType } from "../../controller/type";
+import { controllerInnerType, groundRayType, refsType } from "../../controller/type";
 import { callbackType } from "../../initial/callback/type";
 export type characterGltfType = {
-    prop: propType;
-    groupProps?: GroupProps;
+    props: controllerInnerType;
     groundRay: groundRayType;
     refs: refsType;
     callbacks?: callbackType;
-    isRider?: boolean;
 };
 export declare const InnerGroupRef: import("react").ForwardRefExoticComponent<import("react").RefAttributes<import("three").Group<import("three").Object3DEventMap>>>;
 export declare const CharacterInnerGroupRef: import("react").ForwardRefExoticComponent<characterGltfType & import("react").RefAttributes<import("three").Group<import("three").Object3DEventMap>>>;

package/dist/gaesup/component/gltf/CharacterGltf.js

@@ -18,23 +18,21 @@ export var InnerGroupRef = forwardRef(function (_, ref) {
     return _jsx("group", { ref: ref, visible: false });
 });
 export var CharacterInnerGroupRef = forwardRef(function (_a, ref) {
-    var prop = _a.prop, groupProps = _a.groupProps, groundRay = _a.groundRay, refs = _a.refs, callbacks = _a.callbacks, isRider = _a.isRider;
+    var props = _a.props, groundRay = _a.groundRay, refs = _a.refs;
     var gltf = useContext(GaesupWorldContext).characterGltf;
     var materials = gltf.materials, nodes = gltf.nodes;
     var _b = useContext(GaesupWorldContext), characterCollider = _b.characterCollider, vehicleCollider = _b.vehicleCollider;
     initCallback({
-        prop: prop,
-        callbacks: callbacks,
-        outerGroupRef: refs.outerGroupRef,
+        props: props,
     });
     playActions({
         outerGroupRef: refs.outerGroupRef,
         groundRay: groundRay,
-        isRider: isRider,
+        isRider: props.isRider,
     });
-    return (_jsx(_Fragment, { children: nodes && materials && (_jsxs("group", __assign({ receiveShadow: true, castShadow: true }, groupProps, { position: [
+    return (_jsx(_Fragment, { children: nodes && materials && (_jsxs("group", __assign({ receiveShadow: true, castShadow: true }, props.groupProps, { position: [
                 0,
-                isRider
+                props.isRider
                     ? vehicleCollider.vehicleSizeY / 2
                     : -characterCollider.height,
                 0,

package/dist/gaesup/component/gltf/WheelJoint.d.ts

@@ -1,4 +1,4 @@
-import { propType } from "../../controller/type";
-export declare function Wheels({ prop }: {
-    prop: propType;
+import { controllerInnerType } from "../../controller/type";
+export declare function Wheels({ props }: {
+    props: controllerInnerType;
 }): import("react/jsx-runtime").JSX.Element;

package/dist/gaesup/component/gltf/WheelJoint.js

@@ -1,11 +1,12 @@
 import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
 import { createRef, useContext, useRef } from "react";
+import { GaesupControllerContext } from "../../controller/context";
 import { GaesupWorldContext } from "../../world/context";
 import { WheelRegidBodyRef } from "../ref/vehicle";
 export function Wheels(_a) {
-    var prop = _a.prop;
-    var rigidBodyRef = prop.rigidBodyRef, constant = prop.constant;
-    var wheelOffset = constant.wheelOffset;
+    var props = _a.props;
+    var rigidBodyRef = props.rigidBodyRef;
+    var wheelOffset = useContext(GaesupControllerContext).vehicle.wheelOffset;
     var collider = useContext(GaesupWorldContext).vehicleCollider;
     var vehicleSizeX = collider.vehicleSizeX, vehicleSizeZ = collider.vehicleSizeZ, wheelSizeX = collider.wheelSizeX, wheelSizeZ = collider.wheelSizeZ;
     var X = (vehicleSizeX + wheelSizeX) / 2 + wheelOffset;

package/dist/gaesup/component/ref/airplane.d.ts

@@ -2,15 +2,15 @@ import { Collider } from "@dimforge/rapier3d-compat";
 import { RapierRigidBody } from "@react-three/rapier";
 import { ReactNode } from "react";
 import * as THREE from "three";
-import { controllerType, propType } from "../../controller/type";
+import { controllerInnerType, controllerType } from "../../controller/type";
 export declare const AirplaneRigidBody: import("react").ForwardRefExoticComponent<{
-    controllerProps: propType;
+    props: controllerInnerType;
     children: ReactNode;
 } & import("react").RefAttributes<RapierRigidBody>>;
 export declare const AirplaneCollider: import("react").ForwardRefExoticComponent<{
-    prop: propType;
+    prop: controllerInnerType;
 } & import("react").RefAttributes<Collider>>;
 export declare const AirplaneGroup: import("react").ForwardRefExoticComponent<{
-    controllerProps: controllerType;
+    props: controllerType;
     children: ReactNode;
 } & import("react").RefAttributes<THREE.Group<THREE.Object3DEventMap>>>;

package/dist/gaesup/component/ref/airplane.js

@@ -16,11 +16,11 @@ import { getRayHit } from "../../utils/ray";
 import { useForwardRef } from "../../utils/ref";
 import { GaesupWorldContext } from "../../world/context";
 export var AirplaneRigidBody = forwardRef(function (_a, ref) {
-    var controllerProps = _a.controllerProps, children = _a.children;
-    return (_jsxs(RigidBody, __assign({ colliders: false, ref: ref }, controllerProps.rigidBodyProps, { children: [controllerProps.debug && (_jsx("mesh", { visible: controllerProps.debug, children: _jsx("arrowHelper", { args: [
-                        controllerProps.groundRay.dir,
-                        controllerProps.groundRay.origin,
-                        controllerProps.groundRay.length,
+    var props = _a.props, children = _a.children;
+    return (_jsxs(RigidBody, __assign({ colliders: false, ref: ref }, props.rigidBodyProps, { children: [props.debug && (_jsx("mesh", { visible: props.debug, children: _jsx("arrowHelper", { args: [
+                        props.groundRay.dir,
+                        props.groundRay.origin,
+                        props.groundRay.length,
                     ] }) })), children] })));
 });
 export var AirplaneCollider = forwardRef(function (_a, ref) {
@@ -41,6 +41,6 @@ export var AirplaneCollider = forwardRef(function (_a, ref) {
     return (_jsx(CuboidCollider, { ref: ref, args: [airplaneSizeX / 2, airplaneSizeY / 2, airplaneSizeZ / 2], position: [0, airplaneSizeY / 2, 0] }));
 });
 export var AirplaneGroup = forwardRef(function (_a, ref) {
-    var controllerProps = _a.controllerProps, children = _a.children;
-    return (_jsx("group", __assign({ ref: ref, userData: { intangible: true } }, controllerProps.airplane, { children: children })));
+    var props = _a.props, children = _a.children;
+    return (_jsx("group", __assign({ ref: ref, userData: { intangible: true } }, props.airplane, { children: children })));
 });

package/dist/gaesup/component/ref/character.d.ts

@@ -2,16 +2,16 @@ import { Collider } from "@dimforge/rapier3d-compat";
 import { RapierRigidBody } from "@react-three/rapier";
 import { ReactNode } from "react";
 import * as THREE from "three";
-import { controllerType, groundRayType, propType, slopeRayType } from "../../controller/type";
+import { controllerInnerType, controllerType, groundRayType, slopeRayType } from "../../controller/type";
 export declare const CharacterRigidBody: import("react").ForwardRefExoticComponent<{
-    controllerProps: propType;
+    props: controllerInnerType;
     children: ReactNode;
 } & import("react").RefAttributes<RapierRigidBody>>;
 export declare const CharacterCapsuleCollider: import("react").ForwardRefExoticComponent<{
-    prop: propType;
+    props: controllerInnerType;
 } & import("react").RefAttributes<Collider>>;
 export declare const CharacterGroup: import("react").ForwardRefExoticComponent<{
-    controllerProps: controllerType;
+    props: controllerType;
     children: ReactNode;
 } & import("react").RefAttributes<THREE.Group<THREE.Object3DEventMap>>>;
 export declare const CharacterSlopeRay: import("react").ForwardRefExoticComponent<{

package/dist/gaesup/component/ref/character.js

@@ -16,20 +16,20 @@ import { getRayHit } from "../../utils/ray";
 import { useForwardRef } from "../../utils/ref";
 import { GaesupWorldContext } from "../../world/context";
 export var CharacterRigidBody = forwardRef(function (_a, ref) {
-    var controllerProps = _a.controllerProps, children = _a.children;
-    return (_jsxs(RigidBody, __assign({ colliders: false, canSleep: false, ref: ref }, controllerProps.rigidBodyProps, { children: [controllerProps.debug && (_jsx("mesh", { visible: controllerProps.debug, children: _jsx("arrowHelper", { args: [
-                        controllerProps.groundRay.dir,
-                        controllerProps.groundRay.origin,
-                        controllerProps.groundRay.length,
+    var props = _a.props, children = _a.children;
+    return (_jsxs(RigidBody, __assign({ colliders: false, canSleep: false, ref: ref }, props.rigidBodyProps, { children: [props.debug && (_jsx("mesh", { visible: props.debug, children: _jsx("arrowHelper", { args: [
+                        props.groundRay.dir,
+                        props.groundRay.origin,
+                        props.groundRay.length,
                     ] }) })), children] })));
 });
 export var CharacterCapsuleCollider = forwardRef(function (_a, ref) {
     var _b;
-    var prop = _a.prop;
+    var props = _a.props;
     var collider = useContext(GaesupWorldContext).characterCollider;
     var colliderRef = useForwardRef(ref);
     var rapier = useRapier().rapier;
-    var groundRay = prop.groundRay, slopeRay = prop.slopeRay;
+    var groundRay = props.groundRay, slopeRay = props.slopeRay;
     groundRay.length = collider.radius + 2;
     groundRay.rayCast = new rapier.Ray(groundRay.origin, groundRay.dir);
     groundRay.hit = getRayHit({
@@ -43,8 +43,8 @@ export var CharacterCapsuleCollider = forwardRef(function (_a, ref) {
     return (_jsx(CapsuleCollider, { ref: ref, args: [collider.height, collider.radius] }));
 });
 export var CharacterGroup = forwardRef(function (_a, ref) {
-    var controllerProps = _a.controllerProps, children = _a.children;
-    return (_jsx("group", __assign({ ref: ref, userData: { intangible: true } }, controllerProps.character, { children: children })));
+    var props = _a.props, children = _a.children;
+    return (_jsx("group", __assign({ ref: ref, userData: { intangible: true } }, props.character, { children: children })));
 });
 export var CharacterSlopeRay = forwardRef(function (_a, ref) {
     var groundRay = _a.groundRay, slopeRay = _a.slopeRay;

package/dist/gaesup/component/ref/vehicle.d.ts

@@ -2,14 +2,14 @@ import { Collider } from "@dimforge/rapier3d-compat";
 import { RapierRigidBody } from "@react-three/rapier";
 import { ReactNode, RefObject } from "react";
 import * as THREE from "three";
-import { controllerType, propType } from "../../controller/type";
+import { controllerInnerType, controllerType } from "../../controller/type";
 export declare const VehicleRigidBody: import("react").ForwardRefExoticComponent<{
-    controllerProps: propType;
+    props: controllerInnerType;
     children: ReactNode;
 } & import("react").RefAttributes<RapierRigidBody>>;
 export declare const VehicleCollider: import("react").ForwardRefExoticComponent<import("react").RefAttributes<Collider>>;
 export declare const VehicleGroup: import("react").ForwardRefExoticComponent<{
-    controllerProps: controllerType;
+    props: controllerType;
     children: ReactNode;
 } & import("react").RefAttributes<THREE.Group<THREE.Object3DEventMap>>>;
 export type wheelRegidBodyType = {

package/dist/gaesup/component/ref/vehicle.js

@@ -16,11 +16,11 @@ import { forwardRef, useContext } from "react";
 import { S3 } from "../../utils/constant";
 import { GaesupWorldContext } from "../../world/context";
 export var VehicleRigidBody = forwardRef(function (_a, ref) {
-    var controllerProps = _a.controllerProps, children = _a.children;
-    return (_jsxs(RigidBody, __assign({ colliders: false, ref: ref }, controllerProps.rigidBodyProps, { children: [controllerProps.debug && (_jsx("mesh", { visible: controllerProps.debug, children: _jsx("arrowHelper", { args: [
-                        controllerProps.groundRay.dir,
-                        controllerProps.groundRay.origin,
-                        controllerProps.groundRay.length,
+    var props = _a.props, children = _a.children;
+    return (_jsxs(RigidBody, __assign({ colliders: false, ref: ref }, props.rigidBodyProps, { children: [props.debug && (_jsx("mesh", { visible: props.debug, children: _jsx("arrowHelper", { args: [
+                        props.groundRay.dir,
+                        props.groundRay.origin,
+                        props.groundRay.length,
                     ] }) })), children] })));
 });
 export var VehicleCollider = forwardRef(function (_, ref) {
@@ -29,8 +29,8 @@ export var VehicleCollider = forwardRef(function (_, ref) {
     return (_jsx(CuboidCollider, { ref: ref, args: [vehicleSizeX / 2, vehicleSizeY / 2, vehicleSizeZ / 2], position: [0, vehicleSizeY / 2, 0] }));
 });
 export var VehicleGroup = forwardRef(function (_a, ref) {
-    var controllerProps = _a.controllerProps, children = _a.children;
-    return (_jsx("group", __assign({ ref: ref, userData: { intangible: true } }, controllerProps.vehicle, { children: children })));
+    var props = _a.props, children = _a.children;
+    return (_jsx("group", __assign({ ref: ref, userData: { intangible: true } }, props.vehicle, { children: children })));
 });
 export var WheelRegidBodyRef = forwardRef(function (_a, ref) {
     var wheelPosition = _a.wheelPosition, wheelsUrl = _a.wheelsUrl, bodyRef = _a.bodyRef, wheel = _a.wheel, bodyAnchor = _a.bodyAnchor, wheelAnchor = _a.wheelAnchor, rotationAxis = _a.rotationAxis;

package/dist/gaesup/controller/context/index.d.ts

@@ -1,10 +1,17 @@
 /// <reference types="react" />
-import { dispatchType } from "../../tools/type.js";
-import { gaesupControllerType, orthographicCameraType, perspectiveCameraType } from "./type.js";
+import { dispatchType } from "../../utils/type";
+import { gaesupControllerType, orthographicCameraType, perspectiveCameraType } from "./type";
 export declare const gaesupControllerDefault: {
     cameraMode: perspectiveCameraType | orthographicCameraType;
     cameraOption: {
         offset: import("three").Vector3;
+        initDistance: number;
+        maxDistance: number;
+        minDistance: number;
+        initDir: number;
+        collisionOff: number;
+        distance: number;
+        camFollow: number;
     };
     perspectiveCamera: {
         isFront: boolean;
@@ -17,22 +24,42 @@ export declare const gaesupControllerDefault: {
         far: number;
     };
     airplane: {
-        angleChange: import("three").Vector3;
+        angleDelta: import("three").Vector3;
         maxAngle: import("three").Vector3;
         maxSpeed: number;
         accelRatio: number;
+        brakeRatio: number;
+        buoyancy: number;
+        linearDamping: number;
     };
     vehicle: {
-        angleChange: import("three").Vector3;
-        maxAngle: import("three").Vector3;
         maxSpeed: number;
         accelRatio: number;
+        brakeRatio: number;
+        wheelOffset: number;
+        linearDamping: number;
     };
     character: {
-        angleChange: import("three").Vector3;
-        maxAngle: import("three").Vector3;
-        maxSpeed: number;
-        accelRatio: number;
+        walkSpeed: number;
+        runSpeed: number;
+        turnSpeed: number;
+        jumpSpeed: number;
+        linearDamping: number;
+    };
+    callbacks: {
+        onReady: () => void;
+        onFrame: () => void;
+        onDestory: () => void;
+        onAnimate: () => void;
+    };
+    refs: {
+        capsuleColliderRef: any;
+        rigidBodyRef: any;
+        outerGroupRef: any;
+        innerGroupRef: any;
+        slopeRayOriginRef: any;
+        characterInnerRef: any;
+        jointRefs: any;
     };
     isRider: boolean;
 };

package/dist/gaesup/controller/context/index.js

@@ -10,7 +10,7 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 import { createContext } from "react";
-import { V3 } from "../../utils/vector.js";
+import { V3 } from "../../utils/vector";
 export var gaesupControllerDefault = {
     cameraMode: {
         cameraType: "perspective",
@@ -18,6 +18,13 @@ export var gaesupControllerDefault = {
     },
     cameraOption: {
         offset: V3(-10, -10, -10),
+        initDistance: -5,
+        maxDistance: -7,
+        minDistance: -0.7,
+        initDir: 0,
+        collisionOff: 0.7,
+        distance: -1,
+        camFollow: 11,
     },
     perspectiveCamera: {
         isFront: true,
@@ -30,22 +37,43 @@ export var gaesupControllerDefault = {
         far: 1000,
     },
     airplane: {
-        angleChange: V3(0.01, 0.005, 0.005),
+        angleDelta: V3(0.01, 0.005, 0.005),
         maxAngle: V3(0.1, 0.1, 0.1),
         maxSpeed: 60,
         accelRatio: 2,
+        brakeRatio: 5,
+        buoyancy: 0.5,
+        linearDamping: 1,
     },
     vehicle: {
-        angleChange: V3(0.01, 0.005, 0.005),
-        maxAngle: V3(0.1, 0.1, 0.1),
         maxSpeed: 60,
         accelRatio: 2,
+        brakeRatio: 5,
+        wheelOffset: 0.1,
+        linearDamping: 0.5,
     },
     character: {
-        angleChange: V3(0.01, 0.005, 0.005),
-        maxAngle: V3(0.1, 0.1, 0.1),
-        maxSpeed: 60,
-        accelRatio: 2,
+        // constant
+        walkSpeed: 4,
+        runSpeed: 10,
+        turnSpeed: 10,
+        jumpSpeed: 5,
+        linearDamping: 1,
+    },
+    callbacks: {
+        onReady: function () { },
+        onFrame: function () { },
+        onDestory: function () { },
+        onAnimate: function () { },
+    },
+    refs: {
+        capsuleColliderRef: null,
+        rigidBodyRef: null,
+        outerGroupRef: null,
+        innerGroupRef: null,
+        slopeRayOriginRef: null,
+        characterInnerRef: null,
+        jointRefs: null,
     },
     isRider: false,
 };

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

@@ -1,14 +1,16 @@
-import { gaesupControllerType } from "./type.js";
+import { gaesupControllerType } from "./type";
 export declare function gaesupControllerReducer(props: gaesupControllerType, action: {
     type: string;
-    payload?: gaesupControllerType;
+    payload?: Partial<gaesupControllerType>;
 }): {
-    cameraMode: import("./type.js").gaesupCameraPropType;
-    cameraOption: import("./type.js").gaesupCameraOptionType;
-    perspectiveCamera: import("./type.js").perspectiveCameraPropType;
+    cameraMode: import("./type").gaesupCameraPropType;
+    cameraOption: import("./type").cameraOptionType;
+    perspectiveCamera: import("./type").perspectiveCameraPropType;
     orthographicCamera: import("@react-three/fiber").OrthographicCameraProps;
-    airplane: import("./type.js").airplaneType;
-    vehicle: import("./type.js").vehicleType;
-    character: import("./type.js").characterType;
+    airplane: import("./type").airplaneType;
+    vehicle: import("./type").vehicleType;
+    character: import("./type").characterType;
     isRider: boolean;
+    callbacks: import("../../initial/callback/type").callbackType;
+    refs: import("../type").refsType;
 };