gaesup-world 0.0.6 → 0.0.7

package/README.md

@@ -1,51 +1,200 @@
 # Gaesup World
 
-Web 3D Character Controller and World Platform Library
-
-[![npm (tag)](https://img.shields.io/npm/v/leva?style=flat&colorA=000000&colorB=000000)](https://www.npmjs.com/package/leva)
-
-@react-three/fiber
-@react-three/drei
-three @types/three
-@react-three/rapier
+[![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)
 
-Gaesup World는 @react/three-fiber, @react/three-drei, rapier 를 사용하여 웹 3D 환경에서 캐릭터, 비행기, 자동자 등의 컨트롤 도구를 제공하는 라이브러리입니다.
+Web 3D Character Controller and World Platform Library
 
-이 컨트롤러는 캐릭터의 움직임, 애니메이션, 상호작용을 쉽게 관리할 수 있도록 설계되었습니다. 가상의 세계에서 캐릭터를 움직이거나 탈것을 쉽게 활용할 수 있고, 미니맵이나 조이스틱 등의 유틸 등도 설계되어 있습니다
+[![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!
+
+---
+
+## introduction
+
+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
 
-- React Three Fiber를 기반으로 하는 3D 캐릭터 컨트롤
-- 간단한 API를 통한 캐릭터 움직임 및 애니메이션 제어
-- 확장 가능한 구조로 다양한 커스터마이징 지원
-- 가벼운 라이브러리로 빠른 로딩 및 성능 최적화
+- 3D character control based on React Three Fiber.
+- Simple API for controlling character movement and animation.
+- Extensible structure for various customizations.
+- Lightweight library for fast loading and performance optimization.
 
-## 설치 방법
+### Installation
 
 ```bash
 npm install @react-three/fiber @react-three/drei three @types/three @react-three/rapier gaesup-world
 ```
 
-또는
+Or
 
 ```bash
 yarn add @react-three/fiber @react-three/drei three @types/three @react-three/rapier gaesup-world
 ```
 
-## 문서
+### Documentation
+
+it is detailed usage methods and API documentation
+
+- [how to contribute](#how-to-contribute)
+
+### How to Contribute
+
+If you would like to contribute to this project, please follow these steps:
+
+1. Fork the project.
+2. Create a new Feature branch (`git checkout -b feature/AmazingFeature`).
+3. Commit your changes (`git commit -m 'Add some AmazingFeature'`).
+4. Push to the branch (`git push origin feature/AmazingFeature`).
+5. Create a Pull Request.
+
+### License
+
+This project is distributed under the MIT License.
+
+---
+
+## Controller
+
+#### [Controller](#controller)
+
+- [Character](#character)
+- [Vehicle](#vehicle)
+- [Airplane](#airplane)
+
+## Character
+
+This is the character control in Gaesup World.
+
+- Possible Camera Types
+
+| Name   | Camera              | Control       | Info                                                                                          |
+| ------ | ------------------- | ------------- | --------------------------------------------------------------------------------------------- |
+| Normal | Perspective Camera  | Orbit Control | Positioned parallel to the Z-axis from the character's location and not affected by rotation. |
+| Orbit  | Perspective Camera  | Orbit Control | Moves with the character and rotates according to the character's direction.                  |
+| Map    | Orthographic Camera | Map Control   | A top-down control view.                                                                      |
+
+- Controller Tools
+
+| Name     | Info                                                                    |
+| -------- | ----------------------------------------------------------------------- |
+| Keyboard | A standard keyboard tool. You can see where on the keyboard is clicked. |
+| Joystick | A joystick implementation tool. It works on mobile devices.             |
+| Gameboy  | A Gameboy implementation tool. It works on mobile devices.              |
+
+## Vehicle
+
+This is the vehicle control in Gaesup World. Characters can board the vehicle.
+
+- Possible Camera Types
+
+| Name   | Camera              | Control       | Info                                                                                          |
+| ------ | ------------------- | ------------- | --------------------------------------------------------------------------------------------- |
+| Normal | Perspective Camera  | Orbit Control | Positioned parallel to the Z-axis from the character's location and not affected by rotation. |
+| Orbit  | Perspective Camera  | Orbit Control | Moves with the character and rotates according to the character's direction.                  |
+| Map    | Orthographic Camera | Map Control   | A top-down control view.                                                                      |
+
+- Controller Tools
+
+| Name     | Info                                                                    |
+| -------- | ----------------------------------------------------------------------- |
+| Keyboard | A standard keyboard tool. You can see where on the keyboard is clicked. |
+| Joystick | A joystick implementation tool. It works on mobile devices.             |
+| Gameboy  | A Gameboy implementation tool. It works on mobile devices.              |
+
+## Airplane
+
+This is the airplane control in Gaesup World. Characters can board the airplane.
+
+- Possible Camera Types
+
+| Name   | Camera              | Control       | Info                                                                                          |
+| ------ | ------------------- | ------------- | --------------------------------------------------------------------------------------------- |
+| Normal | Perspective Camera  | Orbit Control | Positioned parallel to the Z-axis from the character's location and not affected by rotation. |
+| Orbit  | Perspective Camera  | Orbit Control | Moves with the character and rotates according to the character's direction.                  |
+| Map    | Orthographic Camera | Map Control   | A top-down control view.                                                                      |
+
+- Controller Tools
+
+| Name     | Info                                                                    |
+| -------- | ----------------------------------------------------------------------- |
+| Keyboard | A standard keyboard tool. You can see where on the keyboard is clicked. |
+| Joystick | A joystick implementation tool. It works on mobile devices.             |
+| Gameboy  | A Gameboy implementation tool. It works on mobile devices.              |
+
+---
+
+## Tools
+
+#### [Tools](#tools)
+
+#### [joystick](#joystick)
+
+#### [keyboardtooltip](#keyboard tooltip)
 
-더 자세한 사용 방법 및 API 문서는 [여기](#)를 참조하세요.
+#### [minimap](#minimap)
 
-## 기여 방법
+#### [gameboy](#gameboy)
 
-이 프로젝트에 기여하고 싶으시다면, 다음 단계를 따라주세요:
+## joystick
 
-1. 프로젝트를 Fork합니다.
-2. 새로운 Feature 브랜치를 생성합니다 (`git checkout -b feature/AmazingFeature`).
-3. 변경사항을 Commit합니다 (`git commit -m 'Add some AmazingFeature'`).
-4. 브랜치에 Push합니다 (`git push origin feature/AmazingFeature`).
-5. Pull Request를 생성합니다.
+## keyboard tooltip
 
-## 라이센스
+## minimap
 
-이 프로젝트는 [MIT 라이센스](LICENSE) 하에 배포됩니다.
+## gameboy

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

@@ -0,0 +1,25 @@
+import { Ref } from "react";
+import { Object3D, Object3DEventMap } from "three";
+import { animationTagType, groundRayType } from "../controller/type";
+export type playActionsType = {
+    groundRay: groundRayType;
+};
+export type actionsType = {
+    [x: string]: THREE.AnimationAction | null;
+};
+export type playResultType = {
+    actions: actionsType;
+    ref: Ref<Object3D<Object3DEventMap>>;
+};
+export declare function usePlayActions(): {
+    resultRef: {
+        character: playResultType;
+        vehicle: playResultType;
+        airplane: playResultType;
+    };
+    play: (tag: keyof animationTagType) => void;
+    setAnimationName: (actions: actionsType) => void;
+};
+export default function playCharacterActions({ groundRay }: playActionsType): {
+    ref: Ref<Object3D<Object3DEventMap>>;
+};

package/dist/gaesup/animation/actions.js

@@ -0,0 +1,126 @@
+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 { useAnimations, useKeyboardControls } from "@react-three/drei";
+import { useFrame } from "@react-three/fiber";
+import { useContext, useEffect } from "react";
+import { GaesupWorldContext, GaesupWorldDispatchContext, } from "../world/context";
+export function usePlayActions() {
+    var _a = useContext(GaesupWorldContext), characterGltf = _a.characterGltf, vehicleGltf = _a.vehicleGltf, airplaneGltf = _a.airplaneGltf, animations = _a.animations;
+    var characterAnimations = characterGltf.animations;
+    var characterResult = useAnimations(characterAnimations);
+    var vehicleAnimations = vehicleGltf.animations;
+    var vehicleResult = useAnimations(vehicleAnimations);
+    var airplaneAnimations = airplaneGltf.animations;
+    var airplaneResult = useAnimations(airplaneAnimations);
+    var dispatch = useContext(GaesupWorldDispatchContext);
+    var play = function (tag) {
+        animations.current = tag;
+        dispatch({
+            type: "update",
+            payload: {
+                animations: __assign({}, animations),
+            },
+        });
+    };
+    var setAnimationName = function (actions) {
+        animations.animationNames = Object.assign(animations.animationNames, Object.keys(actions).reduce(function (acc, cur) {
+            var _a;
+            return __assign(__assign({}, acc), (_a = {}, _a[cur] = cur, _a));
+        }, {}));
+        dispatch({
+            type: "update",
+            payload: {
+                animations: __assign({}, animations),
+            },
+        });
+    };
+    var resultRef = {
+        character: characterResult,
+        vehicle: vehicleResult,
+        airplane: airplaneResult,
+    };
+    return { resultRef: resultRef, play: play, setAnimationName: setAnimationName };
+}
+export default function playCharacterActions(_a) {
+    var groundRay = _a.groundRay;
+    var _b = usePlayActions(), _c = _b.resultRef.character, actions = _c.actions, ref = _c.ref, play = _b.play, setAnimationName = _b.setAnimationName;
+    var _d = useContext(GaesupWorldContext), states = _d.states, activeState = _d.activeState, animations = _d.animations, mode = _d.mode;
+    var isNotMoving = states.isNotMoving, isMoving = states.isMoving, isJumping = states.isJumping, isRunning = states.isRunning, isAnimationOuter = states.isAnimationOuter, isOnTheGround = states.isOnTheGround;
+    var dispatch = useContext(GaesupWorldDispatchContext);
+    var control = useKeyboardControls()[1]();
+    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();
+        };
+    }, []);
+    useEffect(function () {
+        animations.keyControl = control;
+        dispatch({
+            type: "update",
+            payload: {
+                animations: __assign({}, animations),
+            },
+        });
+    }, [control]);
+    useEffect(function () {
+        var _a;
+        if (mode.type === "character") {
+            var action_1 = (_a = actions[animations.current]) === null || _a === void 0 ? void 0 : _a.reset().fadeIn(0.2).play();
+            setAnimationName(actions);
+            return function () {
+                action_1 === null || action_1 === void 0 ? void 0 : action_1.fadeOut(0.2);
+            };
+        }
+    }, [animations.current, mode.type]);
+    useFrame(function () {
+        if (mode.type === "character") {
+            if (!isAnimationOuter) {
+                if (isJumping) {
+                    playJump();
+                }
+                else if (isNotMoving) {
+                    playIdle();
+                }
+                else if (isRunning) {
+                    playRun();
+                }
+                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 {
+        ref: ref,
+    };
+}

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

@@ -0,0 +1 @@
+export * as playActions from "./actions";

package/dist/gaesup/animation/index.js

@@ -0,0 +1 @@
+export * as playActions from "./actions";

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

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

package/dist/{src/gaesup → gaesup}/camera/control/normal.js

@@ -3,7 +3,7 @@ export default function normal(prop) {
     var state = prop.state, perspectiveCamera = prop.controllerContext.perspectiveCamera, activeState = prop.worldContext.activeState;
     var cameraPosition = activeState.position
         .clone()
-        .add(V3(perspectiveCamera.XZDistance, perspectiveCamera.YDistance, 0));
+        .add(V3(0, perspectiveCamera.YDistance, perspectiveCamera.XZDistance));
     state.camera.position.lerp(cameraPosition, 1);
     state.camera.lookAt(activeState.position.clone());
 }

package/dist/{src/gaesup → 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/active/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<{
+    props: controllerInnerType;
+} & import("react").RefAttributes<Collider>>;

package/dist/gaesup/component/active/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 props = _a.props;
+    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 = props.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/active/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/active/airplane/index.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useContext } from "react";
+import { GaesupWorldContext } from "../../../world/context";
+import { InnerGroupRef } from "../common/InnerGroupRef";
+import { WrapperRef } from "../common/WrapperRef";
+import { AirplaneCollider } from "./collider";
+export function AirplaneRef(_a) {
+    var props = _a.props, refs = _a.refs;
+    var _b = useContext(GaesupWorldContext), characterGltf = _b.characterGltf, airplaneGltf = _b.airplaneGltf;
+    return (_jsxs(WrapperRef, { props: props, refs: refs, gltf: airplaneGltf, children: [props.isRider && (_jsx(InnerGroupRef, { props: props, gltf: characterGltf, ref: refs.characterInnerRef })), _jsx(AirplaneCollider, { props: props })] }));
+}

package/dist/gaesup/component/active/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>>;

package/dist/gaesup/component/active/character/collider.js

@@ -0,0 +1,24 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { CapsuleCollider, useRapier } from "@react-three/rapier";
+import { forwardRef, useContext } from "react";
+import { getRayHit, useForwardRef } from "../../../utils";
+import { GaesupWorldContext } from "../../../world/context";
+export var CharacterCapsuleCollider = forwardRef(function (_a, ref) {
+    var _b;
+    var props = _a.props;
+    var collider = useContext(GaesupWorldContext).characterCollider;
+    var colliderRef = useForwardRef(ref);
+    var rapier = useRapier().rapier;
+    var groundRay = props.groundRay, slopeRay = props.slopeRay;
+    groundRay.length = collider.radius + 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();
+    slopeRay.rayCast = new rapier.Ray(slopeRay.origin, slopeRay.dir);
+    slopeRay.length = collider.radius + 3;
+    slopeRay.rayCast = new rapier.Ray(slopeRay.origin, slopeRay.dir);
+    return (_jsx(CapsuleCollider, { ref: ref, args: [collider.height, collider.radius], position: [0, collider.height + collider.radius, 0] }));
+});

package/dist/gaesup/component/active/character/index.d.ts

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

package/dist/gaesup/component/active/character/index.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useContext } from "react";
+import initCallback from "../../../controller/initialize/callback";
+import { GaesupWorldContext } from "../../../world/context";
+import { CharacterCapsuleCollider } from "./collider";
+import playCharacterActions from "../../../animation/actions";
+import { WrapperRef } from "../common/WrapperRef";
+export function CharacterRef(_a) {
+    var props = _a.props, refs = _a.refs;
+    initCallback(props);
+    var _b = useContext(GaesupWorldContext), characterGltf = _b.characterGltf, characterCollider = _b.characterCollider, vehicleCollider = _b.vehicleCollider;
+    var ref = playCharacterActions({
+        groundRay: props.groundRay,
+    }).ref;
+    return (_jsx(WrapperRef, { props: props, refs: refs, gltf: characterGltf, animationRef: ref, children: _jsx(CharacterCapsuleCollider, { props: props, ref: refs.capsuleColliderRef }) }));
+}

package/dist/gaesup/component/active/common/InnerGroupRef.d.ts

@@ -0,0 +1,10 @@
+import { Ref } from "react";
+import { controllerInnerType } from "../../../controller/type";
+import * as THREE from "three";
+import { GLTFResult } from "../../type";
+export type InnerGroupRefType = {
+    props: controllerInnerType;
+    animationRef?: Ref<THREE.Object3D<THREE.Object3DEventMap>>;
+    gltf: GLTFResult;
+};
+export declare const InnerGroupRef: import("react").ForwardRefExoticComponent<InnerGroupRefType & import("react").RefAttributes<THREE.Group<THREE.Object3DEventMap>>>;

package/dist/gaesup/component/active/common/InnerGroupRef.js

@@ -0,0 +1,32 @@
+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 { forwardRef, useMemo } from "react";
+import { useGraph } from "@react-three/fiber";
+import * as THREE from "three";
+import { SkeletonUtils } from "three-stdlib";
+export var InnerGroupRef = forwardRef(function (_a, ref) {
+    var props = _a.props, animationRef = _a.animationRef, gltf = _a.gltf;
+    var scene = gltf.scene;
+    var clone = useMemo(function () { return SkeletonUtils.clone(scene); }, [scene]);
+    var nodes = useGraph(clone).nodes;
+    var objectNode = Object.values(nodes).find(function (node) { return node.type === "Object3D"; });
+    return (_jsxs("group", __assign({ receiveShadow: true, castShadow: true }, props.groupProps, { ref: ref, children: [objectNode && animationRef && (_jsx("primitive", { object: objectNode, visible: false, receiveShadow: true, castShadow: true, ref: animationRef })), Object.keys(nodes).map(function (name, key) {
+                var node = nodes[name];
+                if (node instanceof THREE.SkinnedMesh) {
+                    return (_jsx("skinnedMesh", { castShadow: true, receiveShadow: true, material: node.material, geometry: node.geometry, skeleton: node.skeleton }, key));
+                }
+                else if (node instanceof THREE.Mesh) {
+                    return (_jsx("mesh", { castShadow: true, receiveShadow: true, material: node.material, geometry: node.geometry }, key));
+                }
+            })] })));
+});

package/dist/gaesup/component/active/common/OuterGroupRef.d.ts

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

package/dist/{src/gaesup/tools/reducer.js → gaesup/component/active/common/OuterGroupRef.js}

@@ -9,16 +9,9 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-export function gaesupToolsReducer(props, action) {
-    switch (action.type) {
-        case "init": {
-            return __assign({}, props);
-        }
-        case "update": {
-            return __assign(__assign({}, props), action.payload);
-        }
-        default: {
-            throw Error("Unknown action: " + action.type);
-        }
-    }
-}
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+export var OuterGroupRef = forwardRef(function (_a, ref) {
+    var props = _a.props, children = _a.children;
+    return (_jsx("group", __assign({ ref: ref, userData: { intangible: true } }, props.vehicle, { children: children })));
+});

package/dist/gaesup/component/active/common/RigidbodyRef.d.ts

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