diff --git a/src/web/templates/index.html b/src/web/templates/index.html index e0f4d8a..5b516dd 100644 --- a/src/web/templates/index.html +++ b/src/web/templates/index.html @@ -730,7 +730,7 @@ function addStereocameras(scene) { fanOrigin, points[i], points[i + 1] ]); scene.add(new THREE.Mesh(triGeo, new THREE.MeshBasicMaterial({ - color: color, transparent: true, opacity: 0.12, side: THREE.DoubleSide + color: color, transparent: true, opacity: 0.4, side: THREE.DoubleSide }))); } @@ -759,12 +759,12 @@ function addStereocameras(scene) { function drawCourtLines(scene) { var mat = new THREE.LineBasicMaterial({ color: 0xffffff }); - function addLine(x1, y1, x2, y2, material) { + function addLine(x1, y1, x2, y2) { var geo = new THREE.BufferGeometry().setFromPoints([ - new THREE.Vector3(x1, y1, 0.01), - new THREE.Vector3(x2, y2, 0.01) + new THREE.Vector3(x1, y1, 0.05), + new THREE.Vector3(x2, y2, 0.05) ]); - scene.add(new THREE.Line(geo, material || mat)); + scene.add(new THREE.Line(geo, mat)); } // Outer boundaries @@ -774,17 +774,15 @@ function drawCourtLines(scene) { addLine(0, 6.1, 0, 0); // Net / center line - addLine(6.7, 0, 6.7, 6.1, new THREE.LineBasicMaterial({ color: 0xcccccc })); + addLine(6.7, 0, 6.7, 6.1); // Kitchen lines (NVZ) - var kitchenMat = new THREE.LineBasicMaterial({ color: 0xff6666 }); - addLine(6.7 - 2.13, 0, 6.7 - 2.13, 6.1, kitchenMat); - addLine(6.7 + 2.13, 0, 6.7 + 2.13, 6.1, kitchenMat); + addLine(6.7 - 2.13, 0, 6.7 - 2.13, 6.1); + addLine(6.7 + 2.13, 0, 6.7 + 2.13, 6.1); // Center service lines - var svcMat = new THREE.LineBasicMaterial({ color: 0x888888 }); - addLine(0, 3.05, 6.7 - 2.13, 3.05, svcMat); - addLine(6.7 + 2.13, 3.05, 13.4, 3.05, svcMat); + addLine(0, 3.05, 6.7 - 2.13, 3.05); + addLine(6.7 + 2.13, 3.05, 13.4, 3.05); } // ===================== Trajectory data polling =====================