gaesup-world 0.0.68 → 0.0.71

package/README.md

@@ -182,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,25 @@
-import { RefObject } from "react";
-import { groundRayType } from "../controller/type";
+import { Ref } from "react";
+import { Object3D, Object3DEventMap } from "three";
+import { animationTagType, 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 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

@@ -13,71 +13,84 @@ 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 default function playActions(_a) {
-    var outerGroupRef = _a.outerGroupRef, groundRay = _a.groundRay, isRider = _a.isRider;
-    var _b = useContext(GaesupWorldContext), characterGltf = _b.characterGltf, characterAnimations = _b.animations;
+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 animations = characterGltf.animations;
-    var control = useKeyboardControls()[1]();
-    var actions = useAnimations(animations, outerGroupRef).actions;
-    useEffect(function () {
-        characterAnimations.keyControl = control;
+    var play = function (tag) {
+        animations.current = tag;
         dispatch({
             type: "update",
             payload: {
-                animations: __assign({}, characterAnimations),
-            },
-        });
-    }, [control]);
-    var playAnimation = function (tag) {
-        characterAnimations.current = tag;
-        dispatch({
-            type: "update",
-            payload: {
-                animations: __assign({}, characterAnimations),
+                animations: __assign({}, animations),
             },
         });
     };
     var setAnimationName = function (actions) {
-        characterAnimations.animationNames = Object.assign(characterAnimations.animationNames, Object.keys(actions).reduce(function (acc, cur) {
+        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({}, characterAnimations),
+                animations: __assign({}, animations),
             },
         });
     };
-    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 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;
-        // 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;
-    useFrame(function () {
-        if (isRider) {
-            playRide();
+        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);
+            };
         }
-        else {
+    }, [animations.current, mode.type]);
+    useFrame(function () {
+        if (mode.type === "character") {
             if (!isAnimationOuter) {
                 if (isJumping) {
                     playJump();
@@ -91,10 +104,22 @@ export default function playActions(_a) {
                 else if (isMoving) {
                     playWalk();
                 }
-                if (groundRay.hit === null && activeState.velocity.y < 0) {
-                    playFall();
-                }
+                // 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/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/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/gaesup/camera/detector/index.d.ts

@@ -0,0 +1,2 @@
+import { cameraPropType } from "../../physics/type";
+export default function detector(cameraProp: cameraPropType): void;

package/dist/gaesup/camera/detector/index.js

@@ -0,0 +1,25 @@
+import * as THREE from "three";
+export default function detector(cameraProp) {
+    var cameraRay = cameraProp.cameraRay, intersectObjectMap = cameraProp.intersectObjectMap;
+    var intersects = cameraRay.rayCast.intersectObjects(Object.values(intersectObjectMap));
+    var intersectId = {};
+    intersects.map(function (_a) {
+        var object = _a.object;
+        if (object instanceof THREE.Mesh) {
+            intersectId[object.uuid] = true;
+        }
+    });
+    Object.values(intersectObjectMap).map(function (mesh) {
+        if (mesh instanceof THREE.Mesh && mesh.material instanceof THREE.Material) {
+            var material = mesh.material;
+            if (intersectId[mesh.uuid]) {
+                material.opacity = 0.2;
+                material.transparent = true;
+            }
+            else {
+                material.opacity = 1;
+                material.transparent = false;
+            }
+        }
+    });
+}

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/camera/index.js

@@ -12,14 +12,14 @@ var __assign = (this && this.__assign) || function () {
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { MapControls, OrbitControls, OrthographicCamera, PerspectiveCamera, } from "@react-three/drei";
 import { useFrame, useThree } from "@react-three/fiber";
-import { useContext } from "react";
+import { useContext, useEffect, useMemo } from "react";
 import * as THREE from "three";
 import { GaesupControllerContext } from "../controller/context";
 import { GaesupWorldContext } from "../world/context";
-import cameraCollisionDetector from "./cameraCollisionDetecter";
 import mapControl from "./control/map";
 import normal from "./control/normal";
 import orbit from "./control/orbit";
+import detector from "./detector";
 export default function Camera(_a) {
     var refs = _a.refs, prop = _a.prop, control = _a.control;
     var worldContext = useContext(GaesupWorldContext);
@@ -27,11 +27,10 @@ export default function Camera(_a) {
     var cameraMode = controllerContext.cameraMode, perspectiveCamera = controllerContext.perspectiveCamera, orthographicCamera = controllerContext.orthographicCamera;
     var rigidBodyRef = refs.rigidBodyRef, outerGroupRef = refs.outerGroupRef;
     var cameraRay = prop.cameraRay;
-    var checkCollision = cameraCollisionDetector(prop).checkCollision;
-    var scene = useThree().scene;
+    var _b = useThree(), camera = _b.camera, scene = _b.scene;
     var activeState = worldContext.activeState;
-    var intersectObjectMap = {};
-    var cameraProp = __assign(__assign({}, prop), { checkCollision: checkCollision, control: control, controllerContext: controllerContext, worldContext: worldContext });
+    var intersectObjectMap = useMemo(function () { return ({}); }, []);
+    var cameraProp = __assign(__assign({}, prop), { control: control, controllerContext: controllerContext, worldContext: worldContext, intersectObjectMap: intersectObjectMap });
     var getMeshs = function (object) {
         if (object.userData && object.userData.intangible)
             return;
@@ -43,6 +42,9 @@ export default function Camera(_a) {
             getMeshs(child);
         });
     };
+    useEffect(function () {
+        scene.children.forEach(function (child) { return getMeshs(child); });
+    }, []);
     useFrame(function (state, delta) {
         if (!rigidBodyRef ||
             !rigidBodyRef.current ||
@@ -52,8 +54,6 @@ export default function Camera(_a) {
         cameraProp.state = state;
         cameraProp.delta = delta;
         if (cameraMode.cameraType === "perspective") {
-            scene.children.forEach(function (child) { return getMeshs(child); });
-            cameraRay.intersectObjectMap = intersectObjectMap;
             if (cameraMode.controlType === "orbit") {
                 orbit(cameraProp);
             }
@@ -64,6 +64,10 @@ export default function Camera(_a) {
         else if (cameraMode.cameraType === "orthographic") {
             mapControl(cameraProp);
         }
+        var distV3 = camera.position.clone().sub(activeState.position);
+        cameraRay.origin.copy(camera.position);
+        cameraRay.dir.copy(distV3.negate().normalize());
+        detector(cameraProp);
     });
     return (_jsxs(_Fragment, { children: [cameraMode.cameraType === "perspective" && (_jsxs(_Fragment, { children: [_jsx(OrbitControls, { target: activeState.position }), _jsx(PerspectiveCamera, __assign({ makeDefault: true }, perspectiveCamera))] })), cameraMode.cameraType === "orthographic" && (_jsxs(_Fragment, { children: [_jsx(MapControls, { target: activeState.position }), _jsx(OrthographicCamera, __assign({ makeDefault: true }, orthographicCamera))] }))] }));
 }

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

@@ -2,16 +2,12 @@ export type cameraRayType = {
     origin: THREE.Vector3;
     hit: THREE.Raycaster;
     rayCast: THREE.Raycaster | null;
-    lerpingPoint: THREE.Vector3;
     length: number;
     dir: THREE.Vector3;
     position: THREE.Vector3;
-    followCamera: THREE.Object3D;
-    pivot: THREE.Object3D;
-    intersetesAndTransParented: THREE.Intersection<THREE.Object3D<THREE.Object3DEventMap>>[];
-    intersects: THREE.Intersection<THREE.Object3D<THREE.Object3DEventMap>>[];
-    intersectObjects: THREE.Object3D[];
+    intersects: THREE.Intersection<THREE.Mesh>[];
+    detected: THREE.Intersection<THREE.Mesh>[];
     intersectObjectMap: {
-        [uuid: string]: THREE.Object3D;
+        [uuid: string]: THREE.Mesh;
     };
 };

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, Fragment as _Fragment } 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(_Fragment, { children: _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/gaesup/{tools/reducer.js → 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>>;

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

@@ -0,0 +1,18 @@
+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 { RigidBody } from "@react-three/rapier";
+import { forwardRef } from "react";
+export var RigidBodyRef = forwardRef(function (_a, ref) {
+    var props = _a.props, children = _a.children;
+    return (_jsx(RigidBody, __assign({ colliders: false, ref: ref }, props.rigidBodyProps, { children: children })));
+});

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

@@ -0,0 +1,12 @@
+import { ReactNode, Ref } from "react";
+import * as THREE from "three";
+import { controllerInnerType, refsType } from "../../../controller/type";
+import { GLTFResult } from "../../type";
+export declare function WrapperRef({ children, outerChildren, props, refs, gltf, animationRef, }: {
+    children: ReactNode;
+    outerChildren?: ReactNode;
+    props: controllerInnerType;
+    refs: refsType;
+    gltf: GLTFResult;
+    animationRef?: Ref<THREE.Object3D<THREE.Object3DEventMap>>;
+}): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,9 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { InnerGroupRef } from "../common/InnerGroupRef";
+import { OuterGroupRef } from "../common/OuterGroupRef";
+import { SlopeRayRef } from "../common/slopeRayRef";
+import { RigidBodyRef } from "./RigidbodyRef";
+export function WrapperRef(_a) {
+    var children = _a.children, outerChildren = _a.outerChildren, props = _a.props, refs = _a.refs, gltf = _a.gltf, animationRef = _a.animationRef;
+    return (_jsxs(OuterGroupRef, { ref: refs.outerGroupRef, props: props, children: [_jsxs(RigidBodyRef, { ref: refs.rigidBodyRef, props: props, children: [_jsx(SlopeRayRef, { slopeRay: props.slopeRay, groundRay: props.groundRay, ref: refs.slopeRayOriginRef }), children, props.children, _jsx(InnerGroupRef, { props: props, gltf: gltf, ref: refs.innerGroupRef, animationRef: animationRef })] }), outerChildren] }));
+}

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

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import { groundRayType, slopeRayType } from "../../../controller/type";
+export declare const SlopeRayRef: import("react").ForwardRefExoticComponent<{
+    groundRay: groundRayType;
+    slopeRay: slopeRayType;
+} & import("react").RefAttributes<import("three").Mesh<import("three").BufferGeometry<import("three").NormalBufferAttributes>, import("three").Material | import("three").Material[], import("three").Object3DEventMap>>>;

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

@@ -0,0 +1,10 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+export var SlopeRayRef = forwardRef(function (_a, ref) {
+    var groundRay = _a.groundRay, slopeRay = _a.slopeRay;
+    return (_jsx("mesh", { position: [
+            groundRay.offset.x,
+            groundRay.offset.y,
+            groundRay.offset.z + slopeRay.offset.z,
+        ], ref: ref, visible: false, children: _jsx("boxGeometry", { args: [0.15, 0.15, 0.15] }) }));
+});

package/dist/gaesup/component/active/vehicle/collider.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { Collider } from "@dimforge/rapier3d-compat";
+export declare const VehicleCollider: import("react").ForwardRefExoticComponent<import("react").RefAttributes<Collider>>;