Clean up avatar animated line

Author: Steve-KX-RL

src/avatar/draw.js

@@ -225,7 +225,6 @@ createNameSpace("realityEditor.avatar.draw");
 
         const THREE = realityEditor.gui.threejsScene.THREE;
         const color = realityEditor.avatar.utils.getColor(realityEditor.getObject(objectKey)) || 'hsl(60, 100%, 50%)';
-        console.log(color);
 
         // lazy-create the meshes and text label if they don't exist yet
         if (typeof avatarMeshes[objectKey] === 'undefined') {

src/avatar/index.js

@@ -102,10 +102,12 @@ createNameSpace("realityEditor.avatar");
                 refreshStatusUI();
             }, AVATAR_CREATION_TIMEOUT_LENGTH);
         });
-        
-        addLinkCanvas();
-        resizeLinkCanvas();
-        translateLinkCanvas();
+
+        if (document.getElementsByClassName('link-canvas-container')[0] === undefined) {
+            addLinkCanvas();
+            resizeLinkCanvas();
+            translateLinkCanvas();
+        }
 
         network.onAvatarDiscovered((object, objectKey) => {
             handleDiscoveredObject(object, objectKey);
@@ -230,6 +232,10 @@ createNameSpace("realityEditor.avatar");
         linkCanvasCtx.translate(0, -menuBarHeight);
     }
 
+    function clearLinkCanvas() {
+        linkCanvasCtx.clearRect(0, menuBarHeight, window.innerWidth, window.innerHeight - menuBarHeight);
+    }
+
     function reestablishAvatarIfNeeded() {
         if (myAvatarId || myAvatarObject) return;
         if (connectionStatus.isConnectionAttemptInProgress) return;
@@ -644,10 +650,6 @@ createNameSpace("realityEditor.avatar");
         }
     }
 
-    function clearLinkCanvas() {
-        linkCanvasCtx.clearRect(0, 0, window.innerWidth, window.innerHeight - menuBarHeight);
-    }
-    
     function getLinkCanvasInfo() {
         return {
             canvas: linkCanvas,