From f8c75ed691fd66afa97bd4a574d88c6b2e2da230 Mon Sep 17 00:00:00 2001
From: Fen Dweller <chemicalcrux@gmail.com>
Date: Fri, 31 Jan 2020 11:35:40 -0500
Subject: [PATCH] Start setting up entities with properties

---
 macrovision.css |  2 --
 macrovision.js  | 21 +++++++++++++--------
 2 files changed, 13 insertions(+), 10 deletions(-)

diff --git a/macrovision.css b/macrovision.css
index bda9f429..1d80befc 100644
--- a/macrovision.css
+++ b/macrovision.css
@@ -17,8 +17,6 @@ body {
 
 .entity {
     position: absolute;
-    left: 50%;
-    top: 50%;
     --height: 100px;
     width: 50px;
     background-color: red;
diff --git a/macrovision.js b/macrovision.js
index 60462a97..ee6d72b3 100644
--- a/macrovision.js
+++ b/macrovision.js
@@ -1,25 +1,30 @@
 let selected = null;
 
-function select(entity) {
+function select(target) {
     if (selected) {
         selected.classList.remove("selected");
     }
 
-    selected = entity;
+    selected = target;
     selected.classList.add("selected");
 }
 
-function createEntity() {
-    const entity = document.createElement("div");
-    entity.classList.add("entity");
+function createEntity(entity) {
+    const div = document.createElement("div");
+    div.classList.add("entity");
 
-    entity.addEventListener("click", e => select(e.target));
+    div.style.left = entity.x;
+    div.style.top = entity.y;
+
+    div.addEventListener("click", e => select(e.target));
 
 
     const world = document.querySelector("#entities");
-    world.appendChild(entity);
+    world.appendChild(div);
 }
 
 document.addEventListener("DOMContentLoaded", () => {
-    createEntity();
+    createEntity({x: "300px", y: "300px"});
+    createEntity({x: "400px", y: "300px"});
+    createEntity({x: "500px", y: "300px"});
 });