force images to support transparency

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
 />
 ```
 

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) {