gaesup-world 0.9.55 → 0.9.57

package/dist/gaesup/component/inner/common/RigidbodyRef.tsx

@@ -1,159 +1,3 @@
-// import { useAnimations, useGLTF } from "@react-three/drei";
-// import { useFrame, useGraph } from "@react-three/fiber";
-// import {
-//   CapsuleCollider,
-//   RapierRigidBody,
-//   RigidBody,
-//   euler,
-// } from "@react-three/rapier";
-// import { MutableRefObject, forwardRef, useContext, useMemo } from "react";
-// import * as THREE from "three";
-// import { SkeletonUtils } from "three-stdlib";
-// import playActions, { subscribeActions } from "../../../animation/actions";
-// import Camera from "../../../camera";
-// import { GaesupControllerContext } from "../../../controller/context";
-// import initCallback from "../../../controller/initialize/callback";
-// import { useGltfAndSize } from "../../../hooks/useGaesupGltf";
-// import calculation from "../../../physics";
-// import { cameraPropType } from "../../../physics/type";
-// import { V3 } from "../../../utils";
-// import { GaesupWorldContext } from "../../../world/context";
-// import { InnerGroupRef } from "./InnerGroupRef";
-// import { PartsGroupRef } from "./partsGroupRef";
-// import { setGroundRay } from "./setGroundRay";
-// import { rigidBodyRefType } from "./type";
-//
-// export const RigidBodyRef = forwardRef(
-//   (props: rigidBodyRefType, ref: MutableRefObject<RapierRigidBody>) => {
-//     const { size } = useGltfAndSize({ url: props.url });
-//
-//     props.groundRay &&
-//       setGroundRay({
-//         groundRay: props.groundRay,
-//         length: 0.5,
-//         colliderRef: props.colliderRef,
-//       });
-//     const { scene, animations } = useGLTF(props.url);
-//     const { actions, ref: animationRef } = useAnimations(animations);
-//     const worldContext = useContext(GaesupWorldContext);
-//     const controllerContext = useContext(GaesupControllerContext);
-//     if (props.isActive) {
-//       subscribeActions({
-//         type: props.componentType,
-//         groundRay: props.groundRay,
-//         animations: animations,
-//       });
-//       const cameraProps: cameraPropType = {
-//         state: null,
-//         worldContext,
-//         controllerContext,
-//         controllerOptions: props.controllerOptions,
-//       };
-//
-//       Camera(cameraProps);
-//       calculation({
-//         outerGroupRef: props.outerGroupRef,
-//         innerGroupRef: props.innerGroupRef,
-//         rigidBodyRef: ref,
-//         colliderRef: props.colliderRef,
-//         groundRay: props.groundRay,
-//       });
-//     }
-//     playActions({
-//       type: props.componentType,
-//       actions,
-//       animationRef,
-//       currentAnimation: props.isActive ? undefined : props.currentAnimation,
-//       isActive: props.isActive,
-//     });
-//     initCallback({
-//       props,
-//       actions,
-//       componentType: props.componentType,
-//     });
-//     const clone = useMemo(() => SkeletonUtils.clone(scene), [scene]);
-//     const { nodes } = useGraph(clone);
-//     const objectNode = Object.values(nodes).find(
-//       (node) => node.type === "Object3D"
-//     );
-//     useFrame(() => {
-//       if (props.isActive || !props.position || !ref || !ref.current) return;
-//       ref.current.setTranslation(
-//         V3(
-//           THREE.MathUtils.lerp(
-//             ref.current.translation().x,
-//             props.position.x,
-//             props.controllerOptions.lerp.cameraPosition
-//           ),
-//           THREE.MathUtils.lerp(
-//             ref.current.translation().y,
-//             props.position.y,
-//             props.controllerOptions.lerp.cameraPosition
-//           ),
-//           THREE.MathUtils.lerp(
-//             ref.current.translation().z,
-//             props.position.z,
-//             props.controllerOptions.lerp.cameraPosition
-//           )
-//         ),
-//         false
-//       );
-//     });
-//     return (
-//       <RigidBody
-//         colliders={false}
-//         ref={ref}
-//         name={props.name}
-//         rotation={euler()
-//           .set(0, props.rotation?.clone().y || 0, 0)
-//           .clone()}
-//         userData={props.userData}
-//         type={props.rigidbodyType || (props.isActive ? "dynamic" : "fixed")}
-//         sensor={props.sensor}
-//         onIntersectionEnter={props.onIntersectionEnter}
-//         onCollisionEnter={props.onCollisionEnter}
-//         {...props.rigidBodyProps}
-//       >
-//         {!props.isNotColliding && (
-//           <CapsuleCollider
-//             ref={props.colliderRef as any}
-//             args={[(size.y / 2 - size.x) * 1.2, size.x * 1.2]}
-//             position={[0, (size.y / 2 + size.x / 2) * 1.2, 0]}
-//           />
-//         )}
-//         <InnerGroupRef
-//           objectNode={objectNode}
-//           animationRef={animationRef}
-//           nodes={nodes}
-//           ref={props.innerGroupRef}
-//           isActive={props.isActive}
-//           isRiderOn={props.isRiderOn}
-//           enableRiding={props.enableRiding}
-//           ridingUrl={props.ridingUrl}
-//           offset={props.offset}
-//           parts={props.parts}
-//         >
-//           {props.children}
-//           {props.parts &&
-//             props.parts.length > 0 &&
-//             props.parts.map(({ url, color }, key) => {
-//               if (!url) return null;
-//               return (
-//                 <PartsGroupRef
-//                   url={url}
-//                   isActive={props.isActive}
-//                   componentType={props.componentType}
-//                   currentAnimation={props.currentAnimation}
-//                   color={color}
-//                   key={key + url}
-//                 />
-//               );
-//             })}
-//         </InnerGroupRef>
-//       </RigidBody>
-//     );
-//   }
-// );
 import { useAnimations, useGLTF } from "@react-three/drei";
 import { useFrame, useGraph } from "@react-three/fiber";
 import {
@@ -176,12 +20,13 @@ import { V3 } from "../../../utils";
 import { GaesupWorldContext } from "../../../world/context";
 import { InnerGroupRef } from "./InnerGroupRef";
 import { PartsGroupRef } from "./partsGroupRef";
-import { setGroundRay } from "./setGroundRay";
+import { useSetGroundRay } from "./setGroundRay";
 import { rigidBodyRefType } from "./type";
 
 export const RigidBodyRef = forwardRef(
   (props: rigidBodyRefType, ref: MutableRefObject<RapierRigidBody>) => {
     const { size } = useGltfAndSize({ url: props.url });
+    const setGroundRay = useSetGroundRay();
 
     props.groundRay &&
       setGroundRay({

package/dist/gaesup/component/inner/common/setGroundRay.ts

@@ -1,19 +1,25 @@
+// useSetGroundRay.ts
 import { useRapier } from "@react-three/rapier";
 import { groundRayType } from "../../../controller/type";
 import { getRayHit } from "../../../utils";
 import { setGroundRayType } from "./type";
 
-export function setGroundRay({
-  groundRay,
-  length,
-  colliderRef,
-}: setGroundRayType) {
+export function useSetGroundRay() {
   const { rapier } = useRapier();
-  groundRay.length = length;
-  groundRay.rayCast = new rapier.Ray(groundRay.origin, groundRay.dir);
-  groundRay.hit = getRayHit<groundRayType>({
-    ray: groundRay,
-    ref: colliderRef,
-  });
-  groundRay.parent = groundRay.hit?.collider.parent();
+
+  const setGroundRay = ({
+    groundRay,
+    length,
+    colliderRef,
+  }: setGroundRayType) => {
+    groundRay.length = length;
+    groundRay.rayCast = new rapier.Ray(groundRay.origin, groundRay.dir);
+    groundRay.hit = getRayHit<groundRayType>({
+      ray: groundRay,
+      ref: colliderRef,
+    });
+    groundRay.parent = groundRay.hit?.collider.parent();
+  };
+
+  return setGroundRay;
 }

package/dist/gaesup/tools/gamepad/index.tsx

@@ -2,7 +2,7 @@
 import { useContext } from "react";
 import { GaesupWorldContext } from "../../world/context";
 import GamePadButton from "./GamePadButton";
-import * as S from "./style.css.ts";
+import * as S from "./style.css";
 import { gameBoyDirectionType, gamepadType } from "./type";
 
 export const gamepadDefault = {

package/dist/gaesup/tools/jumpPortal/index.tsx

@@ -1,6 +1,6 @@
 // JumpPortal.tsx
 import { useTeleport } from "../../hooks/useTeleport";
-import * as S from "./style.css.ts";
+import * as S from "./style.css";
 import { JumpPortalType } from "./type.ts";
 
 export function JumpPortal({

package/dist/gaesup/tools/minimap/index.tsx

@@ -2,7 +2,7 @@
 import { useCallback, useContext, useState } from "react";
 
 import { GaesupWorldContext } from "../../world/context";
-import * as S from "./style.css.ts";
+import * as S from "./style.css";
 
 // X 축은 동(+) 서(-) 방향, 즉 경도를 나타낸다.
 // Z 축은 남(+) 북(-) 방향, 즉 위도를 나타낸다.

package/package.json

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

package/dist/gaesup/tools/rideable/style.css.ts

@@ -1,19 +0,0 @@
-// style.css.ts
-import { style } from "@vanilla-extract/css";
-
-export const ridable = style({
-  display: "flex",
-  justifyContent: "center",
-  alignItems: "center",
-  textAlign: "center",
-  margin: "1rem",
-  fontSize: "0.8rem",
-  borderRadius: "50%",
-  width: "5rem",
-  height: "5rem",
-  color: "white",
-  background: "rgba(0, 0, 0, 0.6)",
-  boxShadow: "0 0 5px 0 rgba(0, 0, 0, 0.6)",
-  transition: "all 0.2s ease-in",
-  cursor: "pointer",
-});