X-Git-Url: https://git.lizzy.rs/?a=blobdiff_plain;f=engine%2Fspawned_entity.js;fp=engine%2Fspawned_entity.js;h=5bbb96e3c15945d8f8714ccb2635befcccdca1d3;hb=5c6e4bb4f573bd33d6b2b0058d17f4190b90e74b;hp=94202d0cb327231aa1133ef046b7105eb469c247;hpb=2080786285404ee09c3f1b26fcd1b41abfb113db;p=dragonblocks.git

diff --git a/engine/spawned_entity.js b/engine/spawned_entity.js
index 94202d0..5bbb96e 100644
--- a/engine/spawned_entity.js
+++ b/engine/spawned_entity.js
@@ -73,6 +73,13 @@ dragonblocks.SpawnedEntity = class
 		return dragonblocks.entities[this.name];
 	}
 
+	setMap(map, x, y)
+	{
+		this.tmp.display = map.entityContainer.appendChild(this.display);
+		this.tmp.map = map;
+		this.teleport(x, y);
+	}
+
 	despawn()
 	{
 		let entityDef = this.toEntity();
@@ -86,8 +93,7 @@ dragonblocks.SpawnedEntity = class
 		clearInterval(this.physicInterval);
 		clearInterval(this.tickInterval);
 
-		let display = document.getElementById("dragonblocks.entity[" + this.id + "]");
-		display && display.remove();
+		this.tmp.display && this.tmp.display.remove();
 	}
 
 	restorePhysics()
@@ -194,24 +200,23 @@ dragonblocks.SpawnedEntity = class
 
 	addGraphics(obj)
 	{
-		let display = document.getElementById("dragonblocks.map").appendChild(document.createElement("div"));
-		display.id = "dragonblocks.entity[" + this.id + "]";
-		display.style.position = "absolute";
-		display.style.width = this.width * dragonblocks.settings.map.scale + "px";
-		display.style.height = this.height * dragonblocks.settings.map.scale + "px";
-		display.style.zIndex = "0";
-
-		display.addEventListener("mouseover", event => {
+		this.tmp.display = this.map.entityContainer.appendChild(document.createElement("div"));
+		this.tmp.display.style.position = "absolute";
+		this.tmp.display.style.width = this.width * dragonblocks.settings.mapDisplay.scale + "px";
+		this.tmp.display.style.height = this.height * dragonblocks.settings.mapDisplay.scale + "px";
+		this.tmp.display.style.zIndex = "0";
+
+		this.tmp.display.addEventListener("mouseover", event => {
 			event.srcElement.style.boxShadow = "0 0 0 1px black inset";
 		});
 
-		display.addEventListener("mouseleave", event => {
+		this.tmp.display.addEventListener("mouseleave", event => {
 			event.srcElement.style.boxShadow = "none";
 		});
 
 		let self = this;
 
-		display.addEventListener("mousedown", event => {
+		this.tmp.display.addEventListener("mousedown", event => {
 			let entityDef = self.toEntity();
 
 			switch (event.which) {
@@ -231,20 +236,17 @@ dragonblocks.SpawnedEntity = class
 
 	async updateGraphics()
 	{
-		let display = document.getElementById("dragonblocks.entity[" + this.id + "]");
-
-		if (! display)
+		if (! this.tmp.display)
 			return;
 
-		display.style.left = (this.x - this.map.displayLeft) * dragonblocks.settings.map.scale + "px";
-		display.style.top = (this.y - this.map.displayTop) * dragonblocks.settings.map.scale + "px";
+		this.tmp.display.style.left = this.x * dragonblocks.settings.mapDisplay.scale + "px";
+		this.tmp.display.style.top = this.y * dragonblocks.settings.mapDisplay.scale + "px";
 	}
 
 	updateTexture()
 	{
-		let display = document.getElementById("dragonblocks.entity[" + this.id + "]");
-		display.style.background = dragonblocks.getTexture(this.texture);
-		display.style.backgroundSize = "cover";
+		this.tmp.display.style.background = dragonblocks.getTexture(this.texture);
+		this.tmp.display.style.backgroundSize = "cover";
 	}
 
 	teleport(x, y)