From b4833c05a9578613cc57a3e307f6a9790bbf8d11 Mon Sep 17 00:00:00 2001
From: Peter Hajas <peter@haj.as>
Date: Sat, 7 May 2022 23:14:04 -0600
Subject: [PATCH] add (not working) text label to the scene

---
 script.js | 17 +++++++++--------
 1 file changed, 9 insertions(+), 8 deletions(-)

diff --git a/script.js b/script.js
index deebf04..15cf14a 100644
--- a/script.js
+++ b/script.js
@@ -37,7 +37,7 @@ function animate() {
 
 animate()
 
-function createTextMesh(text) {
+function createTextMesh(text, colorName) {
     let canvas = document.createElement('canvas')
     let context = canvas.getContext('2d')
     let size = context.measureText(text)
@@ -45,7 +45,7 @@ function createTextMesh(text) {
     canvas.height = 100
     context.textAlign = "center"
     context.textBaseline = "middle"
-    context.fillStyle = "blue"
+    context.fillStyle = colorName
     context.font = '24pt sans-serif'
     context.fillText(text, 50, 50)
 
@@ -56,7 +56,7 @@ function createTextMesh(text) {
     })
     material.transparent = true
 
-    let plane = new THREE.PlaneGeometry(5, 5)
+    let plane = new THREE.PlaneGeometry(3, 3)
     let mesh = new THREE.Mesh(plane, material)
 
     return mesh
@@ -92,8 +92,6 @@ function updateWithHAData(data) {
             }
         }
     }
-
-    console.log(areasToEntities)
 }
 
 async function loadHAData() {
@@ -137,14 +135,19 @@ function configureScene(data) {
         roomBoxMaterial.transparent = true
         roomBoxMaterial.opacity = 0.3
         let roomMesh = new THREE.Mesh(roomGeo, roomBoxMaterial)
-
+        roomMesh.userData = "box"
         roomContainer.add(roomMesh)
 
         let roomEdgesGeo = new THREE.EdgesGeometry(roomGeo)
         let roomLinesMaterial = new THREE.LineBasicMaterial({ color: roomColor })
         let roomLines = new THREE.LineSegments(roomEdgesGeo, roomLinesMaterial)
+        roomLines.userData = "lines"
         roomContainer.add(roomLines)
 
+        let roomLabel = createTextMesh("test", "red")
+        roomLabel.userData = "label"
+        roomContainer.add(roomLabel)
+
         setPosition(roomContainer, room.x, room.y, room.z || 0, room.w, room.h, room.d)
         home.add(roomContainer)
 
@@ -158,8 +161,6 @@ function configureScene(data) {
     let yExtent = maxY - minY
     home.position.x = -1 * (xExtent / 2)
     home.position.y = +1 * (yExtent / 2)
-
-    // homeContainer.add(createTextMesh("test"))
 }
 
 async function loadHomeData() {