diff --git a/public_html/functions.js b/public_html/functions.js
index 05ac1f5..dec44e1 100644
--- a/public_html/functions.js
+++ b/public_html/functions.js
@@ -120,7 +120,7 @@ window.onload = function() {
group.add(backLine);
// Create front line (thin)
- const frontLine = createCylinderBetweenPoints(start, end, frontRadius, 1.022, frontMaterial);
+ const frontLine = createCylinderBetweenPoints(start, end, frontRadius, 0.95, frontMaterial);
frontLine.renderOrder = 3; // Render before back lines
group.add(frontLine);
});
@@ -163,7 +163,7 @@ window.onload = function() {
geometry.setAttribute('position', new THREE.BufferAttribute(positions, 3));
const faceMesh = new THREE.Mesh(geometry, faceMaterial);
- faceMesh.scale.set(0.95,0.95,0.95);
+ faceMesh.scale.set(0.975,0.975,0.975);
faceMesh.renderOrder = 0; // Render first for depth buffer
group.add(faceMesh);
@@ -199,7 +199,7 @@ window.onload = function() {
const length = direction.length();
// Create cylinder
- const geometry = new THREE.CylinderGeometry(radius, radius, length*lengthmultiplier, 3, 1);
+ const geometry = new THREE.CylinderGeometry(radius, radius, length*lengthmultiplier, 4, 1);
// By default, cylinder is along Y-axis, so rotate it
geometry.rotateX(Math.PI / 2);