gaesup-world 0.6.57 → 0.6.58

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

@@ -1,25 +1,28 @@
-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;
-            }
-        }
-    });
+    //   const { cameraRay, intersectObjectMap } = cameraProp;
+    //
+    //   const intersects = cameraRay.rayCast.intersectObjects(
+    //     Object.values(intersectObjectMap)
+    //   );
+    //
+    //   const intersectId = {};
+    //
+    //   intersects.map(({ object }) => {
+    //     if (object instanceof THREE.Mesh) {
+    //       intersectId[object.uuid] = true;
+    //     }
+    //   });
+    //
+    //   Object.values(intersectObjectMap).map((mesh) => {
+    //     if (mesh instanceof THREE.Mesh && mesh.material instanceof THREE.Material) {
+    //       const 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,2 @@
-import { controllerInnerType } from "../controller/type";
-export default function Camera({ prop, control, }: {
-    prop: controllerInnerType;
-    control: {
-        [key: string]: boolean;
-    };
-}): void;
+import { cameraPropType } from "../physics/type";
+export default function Camera(prop: cameraPropType): void;

package/dist/gaesup/camera/index.js

@@ -1,32 +1,25 @@
-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 { useFrame } from "@react-three/fiber";
-import { useContext, useMemo } from "react";
-import * as THREE from "three";
-import { GaesupControllerContext } from "../controller/context";
-import { GaesupWorldContext } from "../world/context";
 import normal, { makeNormalCameraPosition } from "./control/normal";
 import orbit from "./control/orbit";
-export default function Camera(_a) {
-    var 
-    // refs,
-    prop = _a.prop, control = _a.control;
-    var worldContext = useContext(GaesupWorldContext);
-    var controllerContext = useContext(GaesupControllerContext);
-    var mode = worldContext.mode, cameraOption = worldContext.cameraOption, activeState = worldContext.activeState;
+export default function Camera(prop) {
+    // const worldContext = useContext(GaesupWorldContext);
+    // const controllerContext = useContext(GaesupControllerContext);
+    // const { mode, cameraOption, activeState } = worldContext;
     // const cameraRef = useRef<CameraControls>();
-    var intersectObjectMap = useMemo(function () { return ({}); }, []);
-    var cameraProp = __assign(__assign({}, prop), { control: control, controllerContext: controllerContext, worldContext: worldContext, intersectObjectMap: intersectObjectMap });
-    cameraProp.cameraRay.rayCast = new THREE.Raycaster(cameraProp.cameraRay.origin, cameraProp.cameraRay.dir, 0, -cameraOption.maxDistance);
+    // const intersectObjectMap: intersectObjectMapType = useMemo(() => ({}), []);
+    // const cameraProp: cameraPropType = {
+    //   ...prop,
+    //   // control,
+    //   controllerContext,
+    //   worldContext,
+    //   // intersectObjectMap,
+    // };
+    // cameraProp.cameraRay.rayCast = new THREE.Raycaster(
+    //   cameraProp.cameraRay.origin,
+    //   cameraProp.cameraRay.dir,
+    //   0,
+    //   -cameraOption.maxDistance
+    // );
     useFrame(function (state, delta) {
         // if (
         //   !rigidBodyRef ||
@@ -35,14 +28,14 @@ export default function Camera(_a) {
         //   !outerGroupRef.current
         // )
         //   return;
-        cameraProp.delta = delta;
-        cameraProp.state = state;
-        if (!worldContext.block.camera) {
-            if (mode.control === "orbit") {
-                orbit(cameraProp);
+        // cameraProp.delta = delta;
+        prop.state = state;
+        if (!prop.worldContext.block.camera) {
+            if (prop.worldContext.mode.control === "orbit") {
+                orbit(prop);
             }
-            else if (mode.control === "normal") {
-                normal(cameraProp);
+            else if (prop.worldContext.mode.control === "normal") {
+                normal(prop);
             }
         }
     });
@@ -54,9 +47,10 @@ export default function Camera(_a) {
     // }, [worldContext.cameraOption.zoom]);
     // 포커스가 아닐 때 카메라 activeStae 따라가기
     useFrame(function () {
-        if (!cameraOption.focus) {
-            cameraOption.target = activeState.position;
-            cameraOption.position = makeNormalCameraPosition(activeState, cameraOption);
+        if (!prop.worldContext.cameraOption.focus) {
+            prop.worldContext.cameraOption.target =
+                prop.worldContext.activeState.position;
+            prop.worldContext.cameraOption.position = makeNormalCameraPosition(prop.worldContext.activeState, prop.worldContext.cameraOption);
         }
     });
 }

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

@@ -1,10 +1,13 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useGraph } from "@react-three/fiber";
-import { forwardRef, useMemo } from "react";
+import { useFrame, useGraph } from "@react-three/fiber";
+import { forwardRef, useContext, useMemo } from "react";
 import * as THREE from "three";
 import { SkeletonUtils } from "three-stdlib";
 import { useAnimations, useGLTF } from "@react-three/drei";
 import playActions from "../../../animation/actions";
+import Camera from "../../../camera";
+import { GaesupControllerContext } from "../../../controller/context";
+import { GaesupWorldContext } from "../../../world/context";
 export var InnerGroupRef = forwardRef(function (_a, ref) {
     var children = _a.children, type = _a.type, currentAnimation = _a.currentAnimation, url = _a.url, rotation = _a.rotation;
     var _b = useGLTF(url), scene = _b.scene, animations = _b.animations;
@@ -17,6 +20,17 @@ export var InnerGroupRef = forwardRef(function (_a, ref) {
     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"; });
+    var worldContext = useContext(GaesupWorldContext);
+    var controllerContext = useContext(GaesupControllerContext);
+    var props = {
+        state: null,
+        worldContext: worldContext,
+        controllerContext: controllerContext,
+    };
+    useFrame(function (state, delta) {
+        props.state = state;
+    });
+    Camera(props);
     return (_jsxs("group", { receiveShadow: true, castShadow: true, ref: ref, rotation: rotation, userData: { intangible: true }, children: [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) {

package/dist/gaesup/controller/index.js

@@ -13,7 +13,6 @@ var __assign = (this && this.__assign) || function () {
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useContext, useMemo, useReducer, useRef } from "react";
 import { KeyboardControls } from "@react-three/drei";
-import Camera from "../camera";
 import { GaesupComponent } from "../component";
 import { GaesupWorldContext } from "../world/context";
 import { GaesupControllerContext, GaesupControllerDispatchContext, gaesupControllerDefault, } from "./context";
@@ -71,9 +70,5 @@ export function GaesupControllerInner(props) {
         controllerContext: gaesupControl.value,
         controllerDispatch: gaesupControl.dispatch,
     });
-    Camera({
-        prop: prop,
-        control: prop.keyControl,
-    });
     return (_jsx(GaesupControllerContext.Provider, { value: gaesupControl.value, children: _jsx(GaesupControllerDispatchContext.Provider, { value: gaesupControl.dispatch, children: _jsx(GaesupComponent, { props: prop, refs: refs, urls: props.urls }) }) }));
 }

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

@@ -22,14 +22,8 @@ export type calcPropType = controllerInnerType & {
 export type intersectObjectMapType = {
     [uuid: string]: THREE.Mesh;
 };
-export type cameraPropType = controllerInnerType & {
-    control: {
-        [key: string]: boolean;
-    };
+export type cameraPropType = {
     state?: RootState;
     worldContext?: gaesupWorldContextType;
     controllerContext?: gaesupControllerType;
-    intersectObjectMap?: intersectObjectMapType;
-    delta?: number;
-    dist?: number;
 };

package/package.json

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