Show Alliance Color in Nametags [AARD-2020] (#1238)

Co-authored-by: Zach Rutman <92497727+rutmanz@users.noreply.github.com>

Author: BrandonPacewic

fission/src/mirabuf/MirabufSceneObject.ts

@@ -491,6 +491,7 @@ class MirabufSceneObject extends SceneObject implements ContextSupplier {
     /** Updates the position of the nametag relative to the robots position */
     private updateNameTag() {
         if (this._nameTag && PreferencesSystem.getGlobalPreference("RenderSceneTags")) {
+            this._nameTag.color = this._alliance
             const boundingBox = this.computeBoundingBox()
             this._nameTag.position = World.sceneRenderer.worldToPixelSpace(
                 new THREE.Vector3(

fission/src/ui/components/SceneOverlay.tsx

@@ -38,7 +38,7 @@ const SceneOverlay: React.FC = () => {
                     position: "absolute",
                     left: x.position[0],
                     top: x.position[1],
-                    backgroundColor: "rgba(0, 0, 0, 0.5)",
+                    backgroundColor: x.getCSSColor(),
                     borderRadius: "8px",
                     padding: "8px",
                     whiteSpace: "nowrap",

fission/src/ui/components/SceneOverlayEvents.ts

@@ -1,3 +1,5 @@
+import { Alliance } from "@/systems/preferences/PreferenceTypes.ts"
+
 let nextTagId = 0
 
 /* Coordinates for tags in world space */
@@ -22,28 +24,42 @@ export const enum SceneOverlayEventKey {
  * @param text The text to display
  * @param position The position of the tag in screen space (default: [0,0])
  */
+
 export class SceneOverlayTag {
     private _id: number
     public text: () => string
+    public color?: Alliance
     public position: PixelSpaceCoord // Screen Space
 
     public get id() {
         return this._id
     }
 
     /** Create a new tag */
-    public constructor(text: () => string, position?: PixelSpaceCoord) {
+    public constructor(text: () => string, position?: PixelSpaceCoord, color?: Alliance) {
         this._id = nextTagId++
 
         this.text = text
         this.position = position ?? [0, 0]
+        this.color = color
         new SceneOverlayTagEvent(SceneOverlayTagEventKey.ADD, this)
     }
 
     /** Removing the tag */
     public dispose() {
         new SceneOverlayTagEvent(SceneOverlayTagEventKey.REMOVE, this)
     }
+
+    public getCSSColor(): string {
+        switch (this.color) {
+            case "red":
+                return "rgba(166,22,27,0.5)"
+            case "blue":
+                return "rgba(0,74,129,0.5)"
+            default:
+                return "rgba(0,0,0,0.5)"
+        }
+    }
 }
 
 /** Event handler for events that use a SceneOverlayTag as a parameter */