Merge pull request #103 from musehq/dev

v2.1.2

Author: alex-shortt

README.md

@@ -366,7 +366,6 @@ Quickly add an image to your scene
   src="https://link-to-your-image.png"
   size={1} // size, default normalized to longest side = 1
   framed // adds a frame
-  transparent // enables transparency on the image
 />
 ```
 

examples/worlds/Starter.tsx

@@ -72,21 +72,18 @@ export default function Starter() {
         src="https://uploads.codesandbox.io/uploads/user/b3e56831-8b98-4fee-b941-0e27f39883ab/I9vI-RoNmD7W.png"
         position={[-11, 2, 6.4]}
         rotation={[0, Math.PI, 0]}
-        transparent
       />
       <Image
         src="https://uploads.codesandbox.io/uploads/user/b3e56831-8b98-4fee-b941-0e27f39883ab/I9vI-RoNmD7W.png"
         position={[-12.5, 2, 6.4]}
         rotation={[0, Math.PI, 0]}
         framed
-        transparent
       />
       <Image
         src="https://uploads.codesandbox.io/uploads/user/b3e56831-8b98-4fee-b941-0e27f39883ab/I9vI-RoNmD7W.png"
         position={[-14, 2, 6.4]}
         rotation={[0, Math.PI, 0]}
         framed
-        transparent
       />
       <Interactable
         onHover={() => setHovering(true)}

src/ideas/physical/Image/components/ImageTexture.tsx

@@ -12,7 +12,6 @@ export function ImageTexture(props: ImageProps) {
     frameMaterial,
     frameWidth = 1,
     innerFrameMaterial,
-    transparent,
   } = props;
 
   const texture = useTexture(src);
@@ -28,11 +27,7 @@ export function ImageTexture(props: ImageProps) {
     <group name="spacesvr-texture" {...props}>
       <mesh>
         <planeBufferGeometry args={[WIDTH, HEIGHT]} />
-        <meshBasicMaterial
-          map={texture}
-          side={DoubleSide}
-          transparent={transparent}
-        />
+        <meshBasicMaterial map={texture} side={DoubleSide} transparent />
       </mesh>
       {framed && (
         <Frame

src/ideas/physical/Image/components/KTX2Texture.tsx

@@ -12,7 +12,6 @@ export function KTX2Texture(props: ImageProps) {
     frameMaterial,
     frameWidth = 1,
     innerFrameMaterial,
-    transparent,
   } = props;
 
   const texture = useKTX2(src);
@@ -28,11 +27,7 @@ export function KTX2Texture(props: ImageProps) {
     <group name="spacesvr-ktx2" {...props}>
       <mesh rotation={[0, Math.PI, Math.PI]}>
         <planeBufferGeometry args={[WIDTH, HEIGHT]} />
-        <meshBasicMaterial
-          map={texture}
-          side={DoubleSide}
-          transparent={transparent}
-        />
+        <meshBasicMaterial map={texture} side={DoubleSide} transparent />
       </mesh>
       {framed && (
         <Frame

src/ideas/physical/Image/index.tsx

@@ -11,7 +11,6 @@ export type ImageProps = {
   frameMaterial?: Material;
   frameWidth?: number;
   innerFrameMaterial?: Material;
-  transparent?: boolean;
 } & GroupProps;
 
 export function Image(props: ImageProps) {