gaesup-world 0.0.663 → 0.0.692

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.
@@ -125,3 +182,19 @@ This is the airplane control in Gaesup World. Characters can board the airplane.
 ## Tools
 
 #### [Tools](#tools)
+
+#### [joystick](#joystick)
+
+#### [keyboardtooltip](#keyboard tooltip)
+
+#### [minimap](#minimap)
+
+#### [gameboy](#gameboy)
+
+## joystick
+
+## keyboard tooltip
+
+## minimap
+
+## gameboy

package/dist/gaesup/animation/actions.d.ts

@@ -1,8 +1,9 @@
-import { RefObject } from "react";
+/// <reference types="react" />
 import { groundRayType } from "../controller/type";
 export type playActionsType = {
-    outerGroupRef: RefObject<THREE.Group>;
     groundRay: groundRayType;
     isRider?: boolean;
 };
-export default function playActions({ outerGroupRef, groundRay, isRider, }: playActionsType): void;
+export default function playActions({ groundRay, isRider }: playActionsType): {
+    animationRef: import("react").MutableRefObject<import("three").Object3D<import("three").Object3DEventMap>>;
+};

package/dist/gaesup/animation/actions.js

@@ -14,12 +14,12 @@ import { useFrame } from "@react-three/fiber";
 import { useContext, useEffect } from "react";
 import { GaesupWorldContext, GaesupWorldDispatchContext, } from "../world/context";
 export default function playActions(_a) {
-    var outerGroupRef = _a.outerGroupRef, groundRay = _a.groundRay, isRider = _a.isRider;
+    var groundRay = _a.groundRay, isRider = _a.isRider;
     var _b = useContext(GaesupWorldContext), characterGltf = _b.characterGltf, characterAnimations = _b.animations;
     var dispatch = useContext(GaesupWorldDispatchContext);
     var animations = characterGltf.animations;
     var control = useKeyboardControls()[1]();
-    var actions = useAnimations(animations, outerGroupRef).actions;
+    var _c = useAnimations(animations), actions = _c.actions, animationRef = _c.ref;
     useEffect(function () {
         characterAnimations.keyControl = control;
         dispatch({
@@ -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,14 @@ 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"); };
+    var playLanding = function () { return play("land"); };
     useEffect(function () {
         return function () {
             resetAni();
@@ -64,15 +65,14 @@ export default function playActions(_a) {
     }, []);
     useEffect(function () {
         var _a;
-        // Play animation
         var action = (_a = actions[characterAnimations.current]) === null || _a === void 0 ? void 0 : _a.reset().fadeIn(0.2).play();
         setAnimationName(actions);
         return function () {
             action === null || action === void 0 ? void 0 : action.fadeOut(0.2);
         };
     }, [characterAnimations.current]);
-    var _c = useContext(GaesupWorldContext), states = _c.states, activeState = _c.activeState;
-    var isNotMoving = states.isNotMoving, isMoving = states.isMoving, isJumping = states.isJumping, isRunning = states.isRunning, isAnimationOuter = states.isAnimationOuter;
+    var _d = useContext(GaesupWorldContext), states = _d.states, activeState = _d.activeState;
+    var isNotMoving = states.isNotMoving, isMoving = states.isMoving, isJumping = states.isJumping, isRunning = states.isRunning, isAnimationOuter = states.isAnimationOuter, isOnTheGround = states.isOnTheGround;
     useFrame(function () {
         if (isRider) {
             playRide();
@@ -91,10 +91,23 @@ export default function playActions(_a) {
                 else if (isMoving) {
                     playWalk();
                 }
+                if (groundRay.hit) {
+                    if (!isJumping && !isOnTheGround) {
+                        if (groundRay.hit.toi < 5) {
+                            playLanding();
+                        }
+                        else {
+                            playFall();
+                        }
+                    }
+                }
                 if (groundRay.hit === null && activeState.velocity.y < 0) {
                     playFall();
                 }
             }
         }
     });
+    return {
+        animationRef: animationRef,
+    };
 }

package/dist/gaesup/animation/passiveActions.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { AnimationClip } from "three";
+export type playPassiveActionsType = {
+    current: string;
+    animations: AnimationClip[];
+};
+export default function playPassiveActions({ current, animations, }: playPassiveActionsType): {
+    animationRef: import("react").MutableRefObject<import("three").Object3D<import("three").Object3DEventMap>>;
+};

package/dist/gaesup/animation/passiveActions.js

@@ -0,0 +1,16 @@
+import { useAnimations } from "@react-three/drei";
+import { useEffect } from "react";
+export default function playPassiveActions(_a) {
+    var current = _a.current, animations = _a.animations;
+    var _b = useAnimations(animations), actions = _b.actions, animationRef = _b.ref;
+    useEffect(function () {
+        var _a;
+        var action = (_a = actions[current]) === null || _a === void 0 ? void 0 : _a.reset().fadeIn(0.2).play();
+        return function () {
+            action === null || action === void 0 ? void 0 : action.fadeOut(0.2);
+        };
+    }, [current]);
+    return {
+        animationRef: animationRef,
+    };
+}

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/index.d.ts

@@ -1,5 +1,5 @@
-export { Airplane } from "./Airplane";
-export { Character } from "./Character";
-export { Vehicle } from "./Vehicle";
-export * from "./gltf";
-export * as setInit from "./setInit";
+import { controllerInnerType, refsType } from "../controller/type";
+export declare function GaesupComponent({ props, refs, }: {
+    props: controllerInnerType;
+    refs: refsType;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/gaesup/component/index.js

@@ -1,5 +1,11 @@
-export { Airplane } from "./Airplane";
-export { Character } from "./Character";
-export { Vehicle } from "./Vehicle";
-export * from "./gltf";
-export * as setInit from "./setInit";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useContext } from "react";
+import { GaesupWorldContext } from "../world/context";
+import { Airplane } from "./mode/Airplane";
+import { Character } from "./mode/Character";
+import { Vehicle } from "./mode/Vehicle";
+export function GaesupComponent(_a) {
+    var props = _a.props, refs = _a.refs;
+    var mode = useContext(GaesupWorldContext).mode;
+    return (_jsxs(_Fragment, { children: [mode.type === "character" && _jsx(Character, { props: props, refs: refs }), mode.type === "vehicle" && _jsx(Vehicle, { props: props, refs: refs }), mode.type === "airplane" && _jsx(Airplane, { props: props, refs: refs })] }));
+}

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

@@ -0,0 +1,5 @@
+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/mode/Airplane.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import calculation from "../../physics";
+import { AirplaneRef } from "../ref/airplane";
+export function Airplane(_a) {
+    var props = _a.props, refs = _a.refs;
+    calculation(props);
+    return _jsx(AirplaneRef, { props: props, refs: refs });
+}

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

@@ -0,0 +1,5 @@
+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/mode/Character.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import calculation from "../../physics";
+import { CharacterRef } from "../ref/character";
+export function Character(_a) {
+    var props = _a.props, refs = _a.refs;
+    calculation(props);
+    return _jsx(CharacterRef, { props: props, refs: refs, isPassive: false });
+}

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

@@ -0,0 +1,5 @@
+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/mode/Vehicle.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import calculation from "../../physics";
+import { VehicleRef } from "../ref/vehicle";
+export function Vehicle(_a) {
+    var props = _a.props, refs = _a.refs;
+    calculation(props);
+    return _jsx(VehicleRef, { props: props, refs: refs });
+}

package/dist/gaesup/component/mode/index.d.ts

@@ -0,0 +1,3 @@
+export { Airplane } from "./Airplane";
+export { Character } from "./Character";
+export { Vehicle } from "./Vehicle";

package/dist/gaesup/component/mode/index.js

@@ -0,0 +1,3 @@
+export { Airplane } from "./Airplane";
+export { Character } from "./Character";
+export { Vehicle } from "./Vehicle";

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

@@ -0,0 +1,5 @@
+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/passive/Airplane.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import calculation from "../../physics";
+import { AirplaneRef } from "../ref/airplane";
+export function Airplane(_a) {
+    var props = _a.props, refs = _a.refs;
+    calculation(props);
+    return _jsx(AirplaneRef, { props: props, refs: refs });
+}

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

@@ -0,0 +1,5 @@
+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/passive/Vehicle.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import calculation from "../../physics";
+import { VehicleRef } from "../ref/vehicle";
+export function Vehicle(_a) {
+    var props = _a.props, refs = _a.refs;
+    calculation(props);
+    return _jsx(VehicleRef, { props: props, refs: refs });
+}

package/dist/gaesup/component/passive/index.d.ts

@@ -0,0 +1,3 @@
+export { Airplane } from "./Airplane";
+export { Vehicle } from "./Vehicle";
+export { PassiveCharacter } from "./passiveCharacter";

package/dist/gaesup/component/passive/index.js

@@ -0,0 +1,3 @@
+export { Airplane } from "./Airplane";
+export { Vehicle } from "./Vehicle";
+export { PassiveCharacter } from "./passiveCharacter";

package/dist/gaesup/component/passive/passiveCharacter/index.d.ts

@@ -0,0 +1,2 @@
+import { passiveCharacterType } from "../type";
+export declare function PassiveCharacter({ mode, state, url, current, }: passiveCharacterType): import("react/jsx-runtime").JSX.Element;

package/dist/gaesup/component/passive/passiveCharacter/index.js

@@ -0,0 +1,20 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useRef } from "react";
+import mutation from "../../../mutation";
+import { PassiveCharacterInnerGroupRef } from "./innerGltf";
+import { PassiveCharacterOuterGroup } from "./outerGroup";
+import { PassiveCharacterRigidBody } from "./rigidbody";
+export function PassiveCharacter(_a) {
+    var mode = _a.mode, state = _a.state, url = _a.url, current = _a.current;
+    var passiveCharacterRef = useRef(null);
+    var passiveCharacterOuterRef = useRef(null);
+    var passiveRigidBodyRef = useRef(null);
+    mutation({
+        outerGroupRef: passiveCharacterOuterRef,
+        rigidBodyRef: passiveRigidBodyRef,
+        state: state,
+        mode: mode,
+        delta: 0.9,
+    });
+    return (_jsx(PassiveCharacterRigidBody, { ref: passiveRigidBodyRef, children: _jsx(PassiveCharacterOuterGroup, { ref: passiveCharacterOuterRef, children: _jsx(PassiveCharacterInnerGroupRef, { url: url, current: current, ref: passiveCharacterRef }) }) }));
+}

package/dist/gaesup/component/passive/passiveCharacter/innerGltf.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { passiveCharacterInnerType } from "../type";
+export declare const PassiveCharacterInnerGroupRef: import("react").ForwardRefExoticComponent<passiveCharacterInnerType & import("react").RefAttributes<import("three").Group<import("three").Object3DEventMap>>>;

package/dist/gaesup/component/passive/passiveCharacter/innerGltf.js

@@ -0,0 +1,24 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { forwardRef, useMemo } from "react";
+import { useGraph, useLoader } from "@react-three/fiber";
+import { SkeletonUtils } from "three-stdlib";
+import { GLTFLoader } from "three/examples/jsm/loaders/GLTFLoader";
+import playPassiveActions from "../../../animation/passiveActions";
+export var PassiveCharacterInnerGroupRef = forwardRef(function (_a, ref) {
+    var url = _a.url, current = _a.current;
+    var _b = useLoader(GLTFLoader, url), materials = _b.materials, scene = _b.scene, animations = _b.animations;
+    var clone = useMemo(function () { return SkeletonUtils.clone(scene); }, [scene]);
+    var nodes = useGraph(clone).nodes;
+    var animationRef = playPassiveActions({
+        current: current,
+        animations: animations,
+    }).animationRef;
+    return (_jsx(_Fragment, { children: nodes && materials && (_jsxs("group", { receiveShadow: true, castShadow: true, ref: ref, children: [Object.values(nodes).find(function (node) { return node.type === "Object3D"; }) && (_jsx("primitive", { object: Object.values(nodes).find(function (node) { return node.type === "Object3D"; }), visible: false, receiveShadow: true, castShadow: true, ref: animationRef })), Object.keys(nodes).map(function (name, key) {
+                    if (nodes[name].type === "SkinnedMesh") {
+                        return (_jsx("skinnedMesh", { castShadow: true, receiveShadow: true, material: materials[name], geometry: nodes[name].geometry, skeleton: nodes[name].skeleton }, key));
+                    }
+                    else if (nodes[name].type === "Mesh") {
+                        return (_jsx("mesh", { castShadow: true, receiveShadow: true, material: materials[name], geometry: nodes[name].geometry }, key));
+                    }
+                })] })) }));
+});

package/dist/gaesup/component/passive/passiveCharacter/outerGroup.d.ts

@@ -0,0 +1,4 @@
+import { ReactNode } from "react";
+export declare const PassiveCharacterOuterGroup: import("react").ForwardRefExoticComponent<{
+    children: ReactNode;
+} & import("react").RefAttributes<import("three").Group<import("three").Object3DEventMap>>>;

package/dist/gaesup/component/passive/passiveCharacter/outerGroup.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef, useContext } from "react";
+import { GaesupWorldContext } from "../../../world/context";
+export var PassiveCharacterOuterGroup = forwardRef(function (_a, ref) {
+    var children = _a.children;
+    var mode = useContext(GaesupWorldContext).mode;
+    return (_jsx("group", { ref: ref, userData: { intangible: true }, visible: mode.type === "character", children: children }));
+});

package/dist/gaesup/component/passive/passiveCharacter/rigidbody.d.ts

@@ -0,0 +1,5 @@
+import { RapierRigidBody } from "@react-three/rapier";
+import { ReactNode } from "react";
+export declare const PassiveCharacterRigidBody: import("react").ForwardRefExoticComponent<{
+    children: ReactNode;
+} & import("react").RefAttributes<RapierRigidBody>>;

package/dist/gaesup/component/passive/passiveCharacter/rigidbody.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { RigidBody } from "@react-three/rapier";
+import { forwardRef } from "react";
+export var PassiveCharacterRigidBody = forwardRef(function (_a, ref) {
+    var children = _a.children;
+    return (_jsx(RigidBody, { colliders: false, canSleep: false, ref: ref, children: children }));
+});

package/dist/gaesup/component/passive/type.d.ts

@@ -0,0 +1,11 @@
+import { activeStateType, modeType } from "../../world/context/type";
+export type passiveCharacterType = {
+    mode: modeType;
+    state: activeStateType;
+    current: string;
+    url: string;
+};
+export type passiveCharacterInnerType = {
+    current: string;
+    url: string;
+};

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

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import { Collider } from "@dimforge/rapier3d-compat";
+import { controllerInnerType } from "../../../controller/type";
+export declare const AirplaneCollider: import("react").ForwardRefExoticComponent<{
+    prop: controllerInnerType;
+} & import("react").RefAttributes<Collider>>;

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

@@ -0,0 +1,22 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { CuboidCollider, useRapier } from "@react-three/rapier";
+import { forwardRef, useContext } from "react";
+import { getRayHit, useForwardRef } from "../../../utils";
+import { GaesupWorldContext } from "../../../world/context";
+export var AirplaneCollider = forwardRef(function (_a, ref) {
+    var _b;
+    var prop = _a.prop;
+    var collider = useContext(GaesupWorldContext).airplaneCollider;
+    var airplaneSizeX = collider.airplaneSizeX, airplaneSizeY = collider.airplaneSizeY, airplaneSizeZ = collider.airplaneSizeZ;
+    var colliderRef = useForwardRef(ref);
+    var rapier = useRapier().rapier;
+    var groundRay = prop.groundRay;
+    groundRay.length = airplaneSizeY * 5 + 2;
+    groundRay.rayCast = new rapier.Ray(groundRay.origin, groundRay.dir);
+    groundRay.hit = getRayHit({
+        ray: groundRay,
+        ref: colliderRef,
+    });
+    groundRay.parent = (_b = groundRay.hit) === null || _b === void 0 ? void 0 : _b.collider.parent();
+    return (_jsx(CuboidCollider, { ref: ref, args: [airplaneSizeX / 2, airplaneSizeY / 2, airplaneSizeZ / 2], position: [0, airplaneSizeY / 2, 0] }));
+});

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

@@ -0,0 +1,6 @@
+import { ReactNode } from "react";
+import { controllerType } from "../../../controller/type";
+export declare const AirplaneGroup: import("react").ForwardRefExoticComponent<{
+    props: controllerType;
+    children: ReactNode;
+} & import("react").RefAttributes<import("three").Group<import("three").Object3DEventMap>>>;

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

@@ -0,0 +1,19 @@
+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 } from "react/jsx-runtime";
+import { forwardRef, useContext } from "react";
+import { GaesupWorldContext } from "../../../world/context";
+export var AirplaneGroup = forwardRef(function (_a, ref) {
+    var props = _a.props, children = _a.children;
+    var mode = useContext(GaesupWorldContext).mode;
+    return (_jsx("group", __assign({ ref: ref, userData: { intangible: true } }, props.airplane, { visible: mode.type === "airplane", children: children })));
+});

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

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

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

@@ -0,0 +1,10 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { CharacterInnerGroupRef } from "../character/innerGltf";
+import { AirplaneCollider } from "./collider";
+import { AirplaneGroup } from "./group";
+import { AirplaneInnerGroupRef } from "./innerGltf";
+import { AirplaneRigidBody } from "./rigidbody";
+export function AirplaneRef(_a) {
+    var props = _a.props, refs = _a.refs;
+    return (_jsx(AirplaneGroup, { ref: refs.outerGroupRef, props: props, children: _jsxs(AirplaneRigidBody, { ref: refs.rigidBodyRef, props: props, children: [_jsx(AirplaneCollider, { prop: props, ref: refs.capsuleColliderRef }), props.isRider && (_jsx(CharacterInnerGroupRef, { props: props, groundRay: props.groundRay, refs: refs, ref: refs.characterInnerRef })), _jsx(AirplaneInnerGroupRef, { ref: refs.innerGroupRef })] }) }));
+}

package/dist/gaesup/component/{gltf/AirplaneGltf.js → ref/airplane/innerGltf.js}

@@ -1,6 +1,6 @@
 import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
 import { forwardRef, useContext } from "react";
-import { GaesupWorldContext } from "../../world/context";
+import { GaesupWorldContext } from "../../../world/context";
 export var AirplaneInnerGroupRef = forwardRef(function (_, ref) {
     var gltf = useContext(GaesupWorldContext).airplaneGltf;
     var materials = gltf.materials, nodes = gltf.nodes;

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

@@ -0,0 +1,7 @@
+import { RapierRigidBody } from "@react-three/rapier";
+import { ReactNode } from "react";
+import { controllerInnerType } from "../../../controller/type";
+export declare const AirplaneRigidBody: import("react").ForwardRefExoticComponent<{
+    props: controllerInnerType;
+    children: ReactNode;
+} & import("react").RefAttributes<RapierRigidBody>>;

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

@@ -0,0 +1,22 @@
+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, jsxs as _jsxs } from "react/jsx-runtime";
+import { RigidBody } from "@react-three/rapier";
+import { forwardRef } from "react";
+export var AirplaneRigidBody = forwardRef(function (_a, ref) {
+    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] })));
+});

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

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import { Collider } from "@dimforge/rapier3d-compat";
+import { controllerInnerType } from "../../../controller/type";
+export declare const CharacterCapsuleCollider: import("react").ForwardRefExoticComponent<{
+    props: controllerInnerType;
+} & import("react").RefAttributes<Collider>>;