Merge pull request #66 from spacesvr/dev

v1.8.5

Author: spacesvr

package.json

@@ -1,6 +1,6 @@
 {
   "name": "spacesvr",
-  "version": "1.8.3",
+  "version": "1.8.5",
   "private": true,
   "description": "An Environment for WebXR Spaces",
   "keywords": [

src/ideas/components/Video.tsx

@@ -2,7 +2,7 @@ import { useEffect, useMemo, useRef, useState } from "react";
 import * as THREE from "three";
 import { useThree } from "@react-three/fiber";
 import Frame from "../misc/Frame";
-import { Material, Vector2 } from "three";
+import { DoubleSide, LinearEncoding, Material, Vector2 } from "three";
 
 type Props = JSX.IntrinsicElements["group"] & {
   src: string;
@@ -111,8 +111,8 @@ export const Video = (props: Props) => {
     <group {...props}>
       <mesh>
         <planeBufferGeometry attach="geometry" args={[width, height]} />
-        <meshBasicMaterial>
-          <videoTexture attach="map" args={[video]} />
+        <meshBasicMaterial side={DoubleSide}>
+          <videoTexture attach="map" args={[video]} encoding={LinearEncoding} />
         </meshBasicMaterial>
       </mesh>
       {speaker && <primitive object={speaker} />}

src/layers/reality/players/colliders/CapsuleCollider.tsx

@@ -17,26 +17,23 @@ export const useCapsuleCollider = (pos = [0, 0, 0]) => {
   const vPos = pos as Triplet;
 
   const { paused } = useEnvironment();
-  const [mass, setMass] = useState(0);
-
-  const compoundBody = useCompoundBody(
-    () => ({
-      mass: mass,
-      position: vPos,
-      segments: 8,
-      fixedRotation: true,
-      type: "Dynamic",
-      shapes: [sphere1, sphere2, sphere3],
-    }),
-    undefined,
-    [mass]
-  );
+  const [setup, setSetup] = useState(false);
+
+  const compoundBody = useCompoundBody(() => ({
+    mass: 0,
+    position: vPos,
+    segments: 8,
+    fixedRotation: true,
+    type: "Dynamic",
+    shapes: [sphere1, sphere2, sphere3],
+  }));
 
   useEffect(() => {
-    if (!paused && mass === 0) {
-      setMass(62);
+    if (!paused && !setup) {
+      compoundBody[1].mass?.set(62);
+      setSetup(true);
     }
-  }, [mass, paused]);
+  }, [setup, paused, compoundBody]);
 
   return compoundBody;
 };

src/layers/reality/ui/PauseMenu.tsx

@@ -186,7 +186,7 @@ export default function PauseMenu(props: PauseMenuProps) {
       )}`,
     },
     {
-      text: "v1.8.3",
+      text: "v1.8.5",
       action: () => {
         console.log("");
       },