fixed reversal (google#4624)

cybmiper · Jan 9, 2024 · acfb155 · acfb155
1 parent 2a217a7
commit acfb155
Showing 1 changed file with 3 additions and 2 deletions.
diff --git a/packages/model-viewer/src/three-components/GroundedSkybox.ts b/packages/model-viewer/src/three-components/GroundedSkybox.ts
@@ -13,15 +13,15 @@
  * limitations under the License.
  */
 
-import {BackSide, BufferAttribute, Mesh, MeshBasicMaterial, SphereGeometry, Texture, Vector3} from 'three';
+import {BufferAttribute, Mesh, MeshBasicMaterial, SphereGeometry, Texture, Vector3} from 'three';
 
 export class GroundedSkybox extends Mesh {
   private height = 0;
   private radius = 0;
   private resolution = 0;
 
   constructor() {
-    super(undefined, new MeshBasicMaterial({side: BackSide}));
+    super(undefined, new MeshBasicMaterial({depthWrite: false}));
     this.userData.noHit = true;
   }
 
@@ -54,6 +54,7 @@ export class GroundedSkybox extends Mesh {
 
 function makeGeometry(height: number, radius: number, resolution: number) {
   const geometry = new SphereGeometry(radius, 2 * resolution, resolution);
+  geometry.scale(1, 1, -1);
 
   const pos = geometry.getAttribute('position') as BufferAttribute;
   const tmp = new Vector3();