feat(event-display): add size and color options for labels

HSF · Feb 9, 2021 · 3ce675f · 3ce675f
1 parent d8c6485
commit 3ce675f
Show file tree

Hide file tree

Showing 2 changed files with 24 additions and 1 deletion.
diff --git a/packages/phoenix-event-display/src/three/scene-manager.ts b/packages/phoenix-event-display/src/three/scene-manager.ts
@@ -464,7 +464,7 @@ export class SceneManager {
 
     const textGeometry = new TextGeometry(label, {
       font: this.textFont,
-      size: 20,
+      size: 60,
       curveSegments: 1,
       height: 1
     });

diff --git a/packages/phoenix-event-display/src/ui/index.ts b/packages/phoenix-event-display/src/ui/index.ts
@@ -535,6 +535,29 @@ export class UIManager {
     if (this.hasPhoenixMenu && this.labelsFolderPM === null) {
       this.labelsFolderPM = this.phoenixMenu.addChild(SceneManager.LABELS_ID, () => { }, 'info');
 
+      this.labelsFolderPM.addConfig('slider', {
+        label: 'Size',
+        min: 0, max: 10, step: 0.01,
+        allowCustomValue: true,
+        onChange: (scale: number) => {
+          const labels = this.three.getSceneManager().getObjectsGroup(SceneManager.LABELS_ID);
+          labels.children.forEach((singleLabel) => {
+            this.three.getSceneManager().scaleObject(singleLabel.name, scale);
+          });
+        }
+      });
+
+      this.labelsFolderPM.addConfig('color', {
+        label: 'Color',
+        color: '#a8a8a8',
+        onChange: (value: any) => {
+          const labels = this.three.getSceneManager().getObjectsGroup(SceneManager.LABELS_ID);
+          labels.children.forEach((singleLabel) => {
+            this.three.getSceneManager().changeObjectColor(singleLabel.name, value);
+          });
+        }
+      });
+
       this.labelsFolderPM.addConfig('button', {
         label: 'Save Labels',
         onClick: () => {