From 94568470caafb831457494018f0ff8987e4fb59b Mon Sep 17 00:00:00 2001
From: Mike Lynch <m.lynch@sydney.edu.au>
Date: Sun, 23 Nov 2025 17:44:50 +1100
Subject: [PATCH] Links and inscribed links have separate opacity controls
 again

---
 gui.js  | 7 ++++++-
 main.js | 6 +++++-
 2 files changed, 11 insertions(+), 2 deletions(-)

diff --git a/gui.js b/gui.js
index 8e4755a..d779fc6 100644
--- a/gui.js
+++ b/gui.js
@@ -7,6 +7,7 @@ const DEFAULTS = {
 	linksize: 1.0,
 	linkopacity: 0.75,
 	shape: '120-cell',
+	link2opacity: 0.75,
 	option: 'none',
 	visibility: 5,
 	inscribed: false,
@@ -40,6 +41,7 @@ class FourDGUI {
 			inscribe_all: this.link['inscribe_all'],
 			linksize: this.link['linksize'],
 			linkopacity: this.link['linkopacity'],
+			link2opacity: this.link['link2opacity'],
 			nodesize: this.link['nodesize'],
 			nodeopacity: this.link['nodeopacity'],
 			depth: this.link['depth'],
@@ -73,7 +75,9 @@ class FourDGUI {
 		this.gui.add(this.params, 'nodesize', 0, 1.5);
 		this.gui.add(this.params, 'nodeopacity', 0, 1).onChange(setNodeOpacity);
 		this.gui.add(this.params, 'linksize', 0, 2);
-		this.gui.add(this.params, 'linkopacity', 0, 1).onChange(setLinkOpacity);
+		console.log(setLinkOpacity);
+		this.gui.add(this.params, 'linkopacity', 0, 1).onChange((v) => setLinkOpacity(v, true));
+		this.gui.add(this.params, 'link2opacity', 0, 1).onChange((v) => setLinkOpacity(v, false));
 		this.gui.addColor(this.params, 'color').onChange(setColor);
 		this.gui.addColor(this.params, 'background').onChange(setBackground);
 		this.gui.add(this.params, 'xRotate', [ 'YW', 'YZ', 'ZW' ]);
@@ -136,6 +140,7 @@ class FourDGUI {
 		this.link['zoom'] = this.numParam('zoom', parseFloat);
 		this.link['linksize'] = this.numParam('linksize', parseFloat);
 		this.link['linkopacity'] = this.numParam('linkopacity', parseFloat);
+		this.link['link2opacity'] = this.numParam('link2opacity', parseFloat);
 		this.link['nodesize'] = this.numParam('nodesize', parseFloat);
 		this.link['nodeopacity'] = this.numParam('nodeopacity', parseFloat);
 		this.link['color'] = this.numParam('color', (s) => guiObj.stringToHex(s));
diff --git a/main.js b/main.js
index 01e544c..aa8cab4 100644
--- a/main.js
+++ b/main.js
@@ -167,7 +167,11 @@ function setBackground(c) {
 function setLinkOpacity(o, primary) {
     link_ms.map((lm) => lm.opacity = o);
     if( shape ) {
-        shape.links.map((l) => l.object.material.opacity = o);
+        shape.links.map((l) => {
+            if( (primary && l.label == 0) || (!primary && l.label !== 0) ) {
+                l.object.material.opacity = o
+            }
+        });
     }
 }