@tscircuit/3d-viewer 0.0.463 → 0.0.464

package/dist/index.js

@@ -28509,7 +28509,7 @@ import * as THREE15 from "three";
 // package.json
 var package_default = {
   name: "@tscircuit/3d-viewer",
-  version: "0.0.462",
+  version: "0.0.463",
   main: "./dist/index.js",
   module: "./dist/index.js",
   type: "module",
@@ -35099,7 +35099,7 @@ import * as THREE29 from "three";
 function createTextureMeshes(textures, boardData, pcbThickness) {
   const meshes = [];
   if (!textures || !boardData || pcbThickness === null) return meshes;
-  const createTexturePlane = (texture, yOffset, isBottomLayer, keySuffix, usePolygonOffset = false) => {
+  const createTexturePlane = (texture, yOffset, isBottomLayer, keySuffix, usePolygonOffset = false, renderOrder = 0) => {
     if (!texture) return null;
     const planeGeom = new THREE29.PlaneGeometry(boardData.width, boardData.height);
     const material = new THREE29.MeshBasicMaterial({
@@ -35109,8 +35109,9 @@ function createTextureMeshes(textures, boardData, pcbThickness) {
       depthWrite: false,
       // Important for layers to avoid z-fighting issues with board itself
       polygonOffset: usePolygonOffset,
-      polygonOffsetFactor: usePolygonOffset ? -1 : 0,
-      polygonOffsetUnits: usePolygonOffset ? -1 : 0
+      polygonOffsetFactor: usePolygonOffset ? -4 : 0,
+      // Increased for better z-fighting prevention
+      polygonOffsetUnits: usePolygonOffset ? -4 : 0
     });
     const mesh = new THREE29.Mesh(planeGeom, material);
     mesh.position.set(boardData.center.x, boardData.center.y, yOffset);
@@ -35118,6 +35119,7 @@ function createTextureMeshes(textures, boardData, pcbThickness) {
       mesh.rotation.set(Math.PI, 0, 0);
     }
     mesh.name = `${isBottomLayer ? "bottom" : "top"}-${keySuffix}-texture-plane`;
+    mesh.renderOrder = renderOrder;
     return mesh;
   };
   const topTraceMesh = createTexturePlane(
@@ -35125,14 +35127,20 @@ function createTextureMeshes(textures, boardData, pcbThickness) {
     pcbThickness / 2 + BOARD_SURFACE_OFFSET.traces,
     // Use consistent copper offset
     false,
-    "trace"
+    "trace",
+    false,
+    2
+    // Render after soldermask
   );
   if (topTraceMesh) meshes.push(topTraceMesh);
   const topTraceWithMaskMesh = createTexturePlane(
     textures.topTraceWithMask,
     pcbThickness / 2 + BOARD_SURFACE_OFFSET.traces,
     false,
-    "trace-with-mask"
+    "trace-with-mask",
+    false,
+    2
+    // Render after soldermask
   );
   if (topTraceWithMaskMesh) meshes.push(topTraceWithMaskMesh);
   const topSilkscreenMesh = createTexturePlane(
@@ -35140,7 +35148,10 @@ function createTextureMeshes(textures, boardData, pcbThickness) {
     pcbThickness / 2 + 0.017,
     // Slightly above trace
     false,
-    "silkscreen"
+    "silkscreen",
+    false,
+    3
+    // Render after traces
   );
   if (topSilkscreenMesh) meshes.push(topSilkscreenMesh);
   const bottomTraceMesh = createTexturePlane(
@@ -35148,21 +35159,30 @@ function createTextureMeshes(textures, boardData, pcbThickness) {
     -pcbThickness / 2 - BOARD_SURFACE_OFFSET.traces,
     // Use consistent copper offset
     true,
-    "trace"
+    "trace",
+    false,
+    2
+    // Render after soldermask
   );
   if (bottomTraceMesh) meshes.push(bottomTraceMesh);
   const bottomTraceWithMaskMesh = createTexturePlane(
     textures.bottomTraceWithMask,
     -pcbThickness / 2 - BOARD_SURFACE_OFFSET.traces,
     true,
-    "trace-with-mask"
+    "trace-with-mask",
+    false,
+    2
+    // Render after soldermask
   );
   if (bottomTraceWithMaskMesh) meshes.push(bottomTraceWithMaskMesh);
   const bottomSilkscreenMesh = createTexturePlane(
     textures.bottomSilkscreen,
     -pcbThickness / 2 - 0.017,
     true,
-    "silkscreen"
+    "silkscreen",
+    false,
+    3
+    // Render after traces
   );
   if (bottomSilkscreenMesh) meshes.push(bottomSilkscreenMesh);
   const topSoldermaskMesh = createTexturePlane(
@@ -35171,8 +35191,10 @@ function createTextureMeshes(textures, boardData, pcbThickness) {
     // Just above board surface, below traces
     false,
     "soldermask",
-    true
+    true,
     // Enable polygon offset
+    1
+    // Render after board (renderOrder)
   );
   if (topSoldermaskMesh) meshes.push(topSoldermaskMesh);
   const bottomSoldermaskMesh = createTexturePlane(
@@ -35181,8 +35203,10 @@ function createTextureMeshes(textures, boardData, pcbThickness) {
     // Just below board surface (bottom side)
     true,
     "soldermask",
-    true
+    true,
     // Enable polygon offset
+    1
+    // Render after board (renderOrder)
   );
   if (bottomSoldermaskMesh) meshes.push(bottomSoldermaskMesh);
   return meshes;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tscircuit/3d-viewer",
-  "version": "0.0.463",
+  "version": "0.0.464",
   "main": "./dist/index.js",
   "module": "./dist/index.js",
   "type": "module",