/**** 
* Plugins
****/ 
var tween = LK.import("@upit/tween.v1");

/**** 
* Classes
****/ 
var Bug = Container.expand(function (bugType) {
	var self = Container.call(this);
	var type = bugType || 'fly';
	var bugGraphics = self.attachAsset(type, {
		anchorX: 0.5,
		anchorY: 0.5
	});
	self.bugType = type;
	self.speed = type === 'fly' ? 4 : type === 'butterfly' ? 3 : 2;
	self.velocityX = (Math.random() - 0.5) * self.speed;
	self.velocityY = (Math.random() - 0.5) * self.speed;
	self.changeDirectionTimer = 0;
	self.isCaught = false;
	self.update = function () {
		if (!self.isCaught) {
			// Move bug randomly
			self.x += self.velocityX;
			self.y += self.velocityY;
			self.changeDirectionTimer++;
			// Change direction randomly
			if (self.changeDirectionTimer > 20 + Math.random() * 30) {
				self.velocityX = (Math.random() - 0.5) * self.speed;
				self.velocityY = (Math.random() - 0.5) * self.speed;
				self.changeDirectionTimer = 0;
			}
			// Keep bugs within bounds
			if (self.x <= 50 || self.x >= 2048 - 50) {
				self.velocityX = -self.velocityX;
			}
			if (self.y <= 50 || self.y >= 2732 - 50) {
				self.velocityY = -self.velocityY;
			}
			// Prevent bugs from entering safe zone (bottom left corner)
			if (self.x <= 200 && self.y >= 2532) {
				// Bug is trying to enter safe zone - bounce it away
				if (self.x <= 200) {
					self.velocityX = Math.abs(self.velocityX); // Force rightward movement
				}
				if (self.y >= 2532) {
					self.velocityY = -Math.abs(self.velocityY); // Force upward movement
				}
			}
			// Add floating animation
			bugGraphics.y = Math.sin(LK.ticks * 0.1) * 3;
		}
	};
	return self;
});
var RoomObstacle = Container.expand(function (type) {
	var self = Container.call(this);
	var assetId = type || 'table_leg';
	var objectGraphics = self.attachAsset(assetId, {
		anchorX: 0.5,
		anchorY: 0.5
	});
	self.obstacleType = type;
	return self;
});
var Spider = Container.expand(function () {
	var self = Container.call(this);
	var spiderGraphics = self.attachAsset('spider', {
		anchorX: 0.5,
		anchorY: 0.5
	});
	self.speed = 6;
	self.velocityX = 0;
	self.velocityY = 0;
	self.targetX = 0;
	self.targetY = 0;
	self.isMoving = false;
	self.webNodes = [];
	self.moveToTarget = function (targetX, targetY) {
		self.targetX = targetX;
		self.targetY = targetY;
		var dx = targetX - self.x;
		var dy = targetY - self.y;
		var distance = Math.sqrt(dx * dx + dy * dy);
		if (distance > 5) {
			self.velocityX = dx / distance * self.speed;
			self.velocityY = dy / distance * self.speed;
			self.isMoving = true;
			// Rotate spider to face movement direction
			var angle = Math.atan2(dy, dx);
			tween(spiderGraphics, {
				rotation: angle
			}, {
				duration: 100
			});
		}
	};
	self.createWebNode = function () {
		if (currentWebs >= maxWebs) {
			// Cannot create more webs
			return;
		}
		// Check if a web node already exists at this position
		for (var i = 0; i < self.webNodes.length; i++) {
			var existingNode = self.webNodes[i];
			var dx = existingNode.x - self.x;
			var dy = existingNode.y - self.y;
			var distance = Math.sqrt(dx * dx + dy * dy);
			if (distance < 30) {
				// Web node already exists too close to this position
				return;
			}
		}
		// Remove oldest web node if we've reached the limit
		if (self.webNodes.length >= maxWebNodes) {
			var oldestNode = self.webNodes.shift(); // Remove first (oldest) element
			if (oldestNode && oldestNode.parent) {
				oldestNode.destroy();
			}
		}
		var webNode = LK.getAsset('web_node', {
			anchorX: 0.5,
			anchorY: 0.5
		});
		webNode.x = self.x;
		webNode.y = self.y;
		self.webNodes.push(webNode);
		game.addChild(webNode);
		currentWebs++;
		webCountTxt.setText('Webs: ' + (maxWebs - currentWebs) + '/' + maxWebs);
		// Play web creation sound
		if (LK.getSound('web_create')) {
			LK.getSound('web_create').play();
		}
	};
	self.update = function () {
		if (self.isMoving) {
			// Move spider towards target
			var dx = self.targetX - self.x;
			var dy = self.targetY - self.y;
			var distance = Math.sqrt(dx * dx + dy * dy);
			if (distance < 5) {
				self.isMoving = false;
				self.velocityX = 0;
				self.velocityY = 0;
			} else {
				self.x += self.velocityX;
				self.y += self.velocityY;
			}
			// Keep spider within bounds
			if (self.x <= 60) {
				self.x = 60;
				self.isMoving = false;
			}
			if (self.x >= 2048 - 60) {
				self.x = 2048 - 60;
				self.isMoving = false;
			}
			if (self.y <= 60) {
				self.y = 60;
				self.isMoving = false;
			}
			if (self.y >= 2732 - 60) {
				self.y = 2732 - 60;
				self.isMoving = false;
			}
		}
	};
	return self;
});
var WebTriangle = Container.expand(function (node1, node2, node3) {
	var self = Container.call(this);
	self.nodes = [node1, node2, node3];
	self.isComplete = false;
	self.checkIfComplete = function () {
		if (self.nodes.length === 3) {
			self.isComplete = true;
			return true;
		}
		return false;
	};
	self.containsBug = function (bug) {
		if (!self.isComplete) return false;
		// Simple point-in-triangle check using barycentric coordinates
		var x1 = self.nodes[0].x,
			y1 = self.nodes[0].y;
		var x2 = self.nodes[1].x,
			y2 = self.nodes[1].y;
		var x3 = self.nodes[2].x,
			y3 = self.nodes[2].y;
		var px = bug.x,
			py = bug.y;
		var denom = (y2 - y3) * (x1 - x3) + (x3 - x2) * (y1 - y3);
		var a = ((y2 - y3) * (px - x3) + (x3 - x2) * (py - y3)) / denom;
		var b = ((y3 - y1) * (px - x3) + (x1 - x3) * (py - y3)) / denom;
		var c = 1 - a - b;
		return a >= 0 && b >= 0 && c >= 0;
	};
	return self;
});

/**** 
* Initialize Game
****/ 
var game = new LK.Game({
	backgroundColor: 0x2c1810 // Dark brown for indoor environment
});

/**** 
* Game Code
****/ 
// Set dark indoor environment background color
game.setBackgroundColor(0x2c1810);
// Create floor tiles for room
var floorTiles = [];
var tilesX = Math.ceil(2048 / 200);
var tilesY = Math.ceil(2732 / 200);
for (var row = 0; row < tilesY; row++) {
	for (var col = 0; col < tilesX; col++) {
		var tile = LK.getAsset('floor_tile', {
			anchorX: 0,
			anchorY: 0
		});
		tile.x = col * 200;
		tile.y = row * 200;
		tile.alpha = 0.6;
		floorTiles.push(tile);
		game.addChild(tile);
	}
}
// Game variables
var spider;
var obstacles = [];
var bugs = [];
var webTriangles = [];
var score = 0;
var gameStarted = false;
var doubleClickTimer = 0;
var lastClickTime = 0;
var maxWebs = 30;
var currentWebs = 0;
var maxWebNodes = 30; // Maximum number of web nodes to keep on screen
// Level system variables
var currentLevel = 1;
var levelTargets = {
	1: {
		type: 'butterfly',
		count: 3,
		required: 3
	},
	2: {
		type: 'fly',
		count: 5,
		required: 5
	},
	3: {
		type: 'beetle',
		count: 4,
		required: 4
	},
	4: {
		type: 'butterfly',
		count: 6,
		required: 6
	},
	5: {
		type: 'fly',
		count: 8,
		required: 8
	}
};
var levelProgress = {
	butterfly: 0,
	fly: 0,
	beetle: 0
};
// Safe zone and timer variables
var safeZone = {
	x: 0,
	y: 2532,
	width: 200,
	height: 200
};
var timeOutsideSafeZone = 0;
var maxTimeOutside = 1800; // 30 seconds at 60fps
var isInSafeZone = false;
var lastIsInSafeZone = false;
var warningStarted = false;
// Create safe zone visual as a single asset
var safeZoneVisual = LK.getAsset('safe_zone', {
	anchorX: 0,
	anchorY: 0
});
safeZoneVisual.x = safeZone.x;
safeZoneVisual.y = safeZone.y;
safeZoneVisual.tint = 0x00ff00;
safeZoneVisual.alpha = 0.6;
game.addChild(safeZoneVisual);
// Create spider at center of room in safe zone
spider = game.addChild(new Spider());
spider.x = 100; // Start in safe zone
spider.y = 2632; // Start in safe zone
// Create instruction text
var instructionTxt = new Text2('Tap to move spider continuously, double-tap to shoot web while moving!', {
	size: 60,
	fill: 0xffffff
});
instructionTxt.anchor.set(0.5, 0.5);
instructionTxt.x = 1024;
instructionTxt.y = 200;
game.addChild(instructionTxt);
// Score display
var scoreTxt = new Text2('Score: 0', {
	size: 80,
	fill: 0xffffff
});
scoreTxt.anchor.set(0.5, 0);
LK.gui.top.addChild(scoreTxt);
// Web count display
var webCountTxt = new Text2('Webs: 30/30', {
	size: 60,
	fill: 0xffffff
});
webCountTxt.anchor.set(0.5, 0);
webCountTxt.y = 100;
LK.gui.top.addChild(webCountTxt);
// Level display
var levelTxt = new Text2('Level 1: Catch 3 butterflies', {
	size: 50,
	fill: 0xffffff
});
levelTxt.anchor.set(0.5, 0);
levelTxt.y = 170;
LK.gui.top.addChild(levelTxt);
// Timer display
var timerTxt = new Text2('Safe Zone Timer: 30s', {
	size: 40,
	fill: 0x00ff00
});
timerTxt.anchor.set(1, 0);
LK.gui.topRight.addChild(timerTxt);
// Function to create room obstacles
function createRoomObstacles() {
	// Clear existing items
	for (var k = 0; k < obstacles.length; k++) {
		if (obstacles[k] && obstacles[k].destroy) {
			obstacles[k].destroy();
		}
	}
	obstacles = [];
	// Table legs in various positions
	var obstaclePositions = [{
		x: 300,
		y: 400,
		type: 'table_leg'
	}, {
		x: 1700,
		y: 500,
		type: 'table_leg'
	}, {
		x: 800,
		y: 1200,
		type: 'table_leg'
	}, {
		x: 1400,
		y: 1800,
		type: 'table_leg'
	}, {
		x: 200,
		y: 2200,
		type: 'wall_corner'
	}, {
		x: 1800,
		y: 2400,
		type: 'wall_corner'
	}, {
		x: 1024,
		y: 800,
		type: 'table_leg'
	}, {
		x: 600,
		y: 2000,
		type: 'wall_corner'
	}];
	for (var i = 0; i < obstaclePositions.length; i++) {
		var obstacle = new RoomObstacle(obstaclePositions[i].type);
		obstacle.x = obstaclePositions[i].x;
		obstacle.y = obstaclePositions[i].y;
		obstacles.push(obstacle);
		game.addChild(obstacle);
	}
}
// Create room obstacles
createRoomObstacles();
// Function to spawn bugs
function spawnBug() {
	var bugTypes = ['fly', 'butterfly', 'beetle'];
	var randomType = bugTypes[Math.floor(Math.random() * bugTypes.length)];
	var bug = new Bug(randomType);
	// Spawn at random edge of screen
	var edge = Math.floor(Math.random() * 4);
	switch (edge) {
		case 0:
			// top
			bug.x = Math.random() * 2048;
			bug.y = 50;
			break;
		case 1:
			// right
			bug.x = 1998;
			bug.y = Math.random() * 2732;
			break;
		case 2:
			// bottom
			bug.x = Math.random() * 2048;
			bug.y = 2682;
			break;
		case 3:
			// left
			bug.x = 50;
			bug.y = Math.random() * 2732;
			break;
	}
	bugs.push(bug);
	game.addChild(bug);
}
// Spawn initial bugs
for (var i = 0; i < 5; i++) {
	spawnBug();
}
// Touch input - move spider or create web
game.down = function (x, y, obj) {
	var currentTime = LK.ticks;
	var timeDiff = currentTime - lastClickTime;
	if (timeDiff < 30) {
		// Double click detected (within 0.5 seconds at 60fps)
		// Create web node at double-click location and continue moving there
		spider.createWebNode();
		spider.moveToTarget(x, y);
		if (LK.getSound('spider_move')) {
			LK.getSound('spider_move').play();
		}
	} else {
		// Single click - move spider to tap location
		spider.moveToTarget(x, y);
		if (LK.getSound('spider_move')) {
			LK.getSound('spider_move').play();
		}
	}
	lastClickTime = currentTime;
	// Hide instruction text after first tap
	if (instructionTxt && instructionTxt.parent) {
		tween(instructionTxt, {
			alpha: 0
		}, {
			duration: 1000,
			onFinish: function onFinish() {
				instructionTxt.destroy();
			}
		});
	}
	gameStarted = true;
};
// Game update loop
game.update = function () {
	// Check if spider is in safe zone
	isInSafeZone = spider.x >= safeZone.x && spider.x <= safeZone.x + safeZone.width && spider.y >= safeZone.y && spider.y <= safeZone.y + safeZone.height;
	// Handle safe zone timer - only start counting when leaving safe zone
	if (lastIsInSafeZone && !isInSafeZone) {
		// Just left safe zone - start countdown
		timeOutsideSafeZone = 0;
		timerTxt.alpha = 1; // Make timer visible
	}
	if (!isInSafeZone) {
		timeOutsideSafeZone++;
		var timeLeft = maxTimeOutside - timeOutsideSafeZone;
		var secondsLeft = Math.ceil(timeLeft / 60);
		if (timeLeft <= 0) {
			// Time's up - game over
			LK.showGameOver();
			return;
		}
		// Update timer display
		if (secondsLeft <= 10 && !warningStarted) {
			warningStarted = true;
			timerTxt.fill = 0xff0000;
			// Play warning sound every second for last 10 seconds
			if (LK.getSound('collision')) {
				LK.getSound('collision').play();
			}
		}
		if (secondsLeft <= 10 && LK.ticks % 60 === 0 && LK.getSound('collision')) {
			LK.getSound('collision').play();
		}
		// Blinking effect when outside safe zone - more intense blinking for last 10 seconds
		if (secondsLeft <= 10) {
			if (LK.ticks % 20 < 10) {
				timerTxt.alpha = 1;
			} else {
				timerTxt.alpha = 0.3;
			}
		} else if (LK.ticks % 30 < 15) {
			timerTxt.alpha = 1;
		} else {
			timerTxt.alpha = 0.3;
		}
		timerTxt.setText('Safe Zone Timer: ' + secondsLeft + 's');
		timerTxt.fill = secondsLeft <= 5 ? 0xff0000 : secondsLeft <= 10 ? 0xffff00 : 0x00ff00;
	} else {
		// Reset timer when in safe zone
		timeOutsideSafeZone = 0;
		warningStarted = false;
		timerTxt.setText('');
		timerTxt.alpha = 0; // Hide timer when in safe zone
	}
	// Update last safe zone state
	lastIsInSafeZone = isInSafeZone;
	// Spawn new bugs occasionally
	if (LK.ticks % 180 === 0 && bugs.length < 8) {
		// Every 3 seconds
		spawnBug();
	}
	// Check web triangles for caught bugs
	for (var t = 0; t < webTriangles.length; t++) {
		var triangle = webTriangles[t];
		if (triangle.isComplete) {
			for (var b = 0; b < bugs.length; b++) {
				var bug = bugs[b];
				if (!bug.isCaught && triangle.containsBug(bug)) {
					// Bug caught!
					bug.isCaught = true;
					score += bug.bugType === 'fly' ? 10 : bug.bugType === 'butterfly' ? 20 : 30;
					// Track level progress
					levelProgress[bug.bugType]++;
					var currentTarget = levelTargets[currentLevel];
					if (currentTarget && levelProgress[currentTarget.type] >= currentTarget.required) {
						// Level completed!
						currentLevel++;
						if (levelTargets[currentLevel]) {
							levelTxt.setText('Level ' + currentLevel + ': Catch ' + levelTargets[currentLevel].required + ' ' + levelTargets[currentLevel].type + 's');
						} else {
							// All levels completed
							LK.showYouWin();
							return;
						}
					} else if (currentTarget) {
						levelTxt.setText('Level ' + currentLevel + ': Catch ' + (currentTarget.required - levelProgress[currentTarget.type]) + ' more ' + currentTarget.type + 's');
					}
					// Give +10 web credits for catching bug
					if (currentWebs > 0) {
						currentWebs = Math.max(0, currentWebs - 10);
						webCountTxt.setText('Webs: ' + (maxWebs - currentWebs) + '/' + maxWebs);
					}
					scoreTxt.setText('Score: ' + score);
					LK.setScore(score);
					if (LK.getSound('bug_catch')) {
						LK.getSound('bug_catch').play();
					}
					// Remove bug after short delay
					tween(bug, {
						alpha: 0,
						scaleX: 0,
						scaleY: 0
					}, {
						duration: 500,
						onFinish: function onFinish() {
							if (bug.parent) {
								bug.destroy();
								var bugIndex = bugs.indexOf(bug);
								if (bugIndex > -1) {
									bugs.splice(bugIndex, 1);
								}
								// Spawn a new bug to replace the caught one
								spawnBug();
							}
						}
					});
				}
			}
		}
	}
	// Check web nodes for bug collision (kill bugs that touch web nodes)
	for (var n = 0; n < spider.webNodes.length; n++) {
		var webNode = spider.webNodes[n];
		for (var b = 0; b < bugs.length; b++) {
			var bug = bugs[b];
			if (!bug.isCaught) {
				var dx = bug.x - webNode.x;
				var dy = bug.y - webNode.y;
				var distance = Math.sqrt(dx * dx + dy * dy);
				if (distance < 50) {
					// Collision distance
					// Bug touched web node - kill it
					bug.isCaught = true;
					score += bug.bugType === 'fly' ? 5 : bug.bugType === 'butterfly' ? 10 : 15;
					// Track level progress
					levelProgress[bug.bugType]++;
					var currentTarget = levelTargets[currentLevel];
					if (currentTarget && levelProgress[currentTarget.type] >= currentTarget.required) {
						// Level completed!
						currentLevel++;
						if (levelTargets[currentLevel]) {
							levelTxt.setText('Level ' + currentLevel + ': Catch ' + levelTargets[currentLevel].required + ' ' + levelTargets[currentLevel].type + 's');
						} else {
							// All levels completed
							LK.showYouWin();
							return;
						}
					} else if (currentTarget) {
						levelTxt.setText('Level ' + currentLevel + ': Catch ' + (currentTarget.required - levelProgress[currentTarget.type]) + ' more ' + currentTarget.type + 's');
					}
					// Give +10 web credits for catching bug
					if (currentWebs > 0) {
						currentWebs = Math.max(0, currentWebs - 10);
						webCountTxt.setText('Webs: ' + (maxWebs - currentWebs) + '/' + maxWebs);
					}
					scoreTxt.setText('Score: ' + score);
					LK.setScore(score);
					if (LK.getSound('bug_catch')) {
						LK.getSound('bug_catch').play();
					}
					// Remove bug immediately
					tween(bug, {
						alpha: 0,
						scaleX: 0,
						scaleY: 0
					}, {
						duration: 300,
						onFinish: function onFinish() {
							if (bug.parent) {
								bug.destroy();
								var bugIndex = bugs.indexOf(bug);
								if (bugIndex > -1) {
									bugs.splice(bugIndex, 1);
								}
								// Spawn a new bug to replace the killed one
								spawnBug();
							}
						}
					});
					break; // Exit web node loop for this bug
				}
			}
		}
	}
	// Create web triangles from spider's web nodes
	if (spider.webNodes.length >= 3) {
		// Check if we can form triangles from the last 3 nodes
		var nodeCount = spider.webNodes.length;
		if (nodeCount % 3 === 0) {
			var lastThreeNodes = spider.webNodes.slice(-3);
			var newTriangle = new WebTriangle(lastThreeNodes[0], lastThreeNodes[1], lastThreeNodes[2]);
			if (newTriangle.checkIfComplete()) {
				webTriangles.push(newTriangle);
			}
		}
	}
	// Remove bugs that go off screen
	for (var b = bugs.length - 1; b >= 0; b--) {
		var bug = bugs[b];
		if (bug.x < -50 || bug.x > 2098 || bug.y < -50 || bug.y > 2782) {
			bug.destroy();
			bugs.splice(b, 1);
		}
	}
	// Check if spider touches any bug (game over condition)
	for (var b = 0; b < bugs.length; b++) {
		var bug = bugs[b];
		if (!bug.isCaught) {
			var dx = bug.x - spider.x;
			var dy = bug.y - spider.y;
			var distance = Math.sqrt(dx * dx + dy * dy);
			if (distance < 70) {
				// Spider touched bug - game over
				LK.showGameOver();
				return;
			}
		}
	}
};
// Start ambient nature sounds
LK.playMusic('ambient_nature', {
	loop: true
});

===================================================================
--- original.js
+++ change.js
@@ -286,130 +286,18 @@
 var maxTimeOutside = 1800; // 30 seconds at 60fps
 var isInSafeZone = false;
 var lastIsInSafeZone = false;
 var warningStarted = false;
-// Create safe zone visual as spider web pattern
-var safeZoneWeb = new Container();
-safeZoneWeb.x = safeZone.x;
-safeZoneWeb.y = safeZone.y;
-// Create web frame (outer rectangle)
-var webFrame = [];
-// Top line
-var topLine = LK.getAsset('web_line', {
+// Create safe zone visual as a single asset
+var safeZoneVisual = LK.getAsset('safe_zone', {
 	anchorX: 0,
-	anchorY: 0.5
-});
-topLine.x = 0;
-topLine.y = 0;
-topLine.width = safeZone.width;
-topLine.height = 3;
-webFrame.push(topLine);
-safeZoneWeb.addChild(topLine);
-// Bottom line
-var bottomLine = LK.getAsset('web_line', {
-	anchorX: 0,
-	anchorY: 0.5
-});
-bottomLine.x = 0;
-bottomLine.y = safeZone.height;
-bottomLine.width = safeZone.width;
-bottomLine.height = 3;
-webFrame.push(bottomLine);
-safeZoneWeb.addChild(bottomLine);
-// Left line
-var leftLine = LK.getAsset('web_line', {
-	anchorX: 0.5,
 	anchorY: 0
 });
-leftLine.x = 0;
-leftLine.y = 0;
-leftLine.width = 3;
-leftLine.height = safeZone.height;
-webFrame.push(leftLine);
-safeZoneWeb.addChild(leftLine);
-// Right line
-var rightLine = LK.getAsset('web_line', {
-	anchorX: 0.5,
-	anchorY: 0
-});
-rightLine.x = safeZone.width;
-rightLine.y = 0;
-rightLine.width = 3;
-rightLine.height = safeZone.height;
-webFrame.push(rightLine);
-safeZoneWeb.addChild(rightLine);
-// Create diagonal web lines
-var diagonal1 = LK.getAsset('web_line', {
-	anchorX: 0,
-	anchorY: 0.5
-});
-diagonal1.x = 0;
-diagonal1.y = 0;
-diagonal1.width = Math.sqrt(safeZone.width * safeZone.width + safeZone.height * safeZone.height);
-diagonal1.height = 2;
-diagonal1.rotation = Math.atan2(safeZone.height, safeZone.width);
-safeZoneWeb.addChild(diagonal1);
-var diagonal2 = LK.getAsset('web_line', {
-	anchorX: 0,
-	anchorY: 0.5
-});
-diagonal2.x = safeZone.width;
-diagonal2.y = 0;
-diagonal2.width = Math.sqrt(safeZone.width * safeZone.width + safeZone.height * safeZone.height);
-diagonal2.height = 2;
-diagonal2.rotation = Math.atan2(safeZone.height, -safeZone.width);
-safeZoneWeb.addChild(diagonal2);
-// Create horizontal web lines
-for (var i = 1; i < 4; i++) {
-	var hLine = LK.getAsset('web_line', {
-		anchorX: 0,
-		anchorY: 0.5
-	});
-	hLine.x = 0;
-	hLine.y = safeZone.height / 4 * i;
-	hLine.width = safeZone.width;
-	hLine.height = 2;
-	safeZoneWeb.addChild(hLine);
-}
-// Create vertical web lines
-for (var i = 1; i < 4; i++) {
-	var vLine = LK.getAsset('web_line', {
-		anchorX: 0.5,
-		anchorY: 0
-	});
-	vLine.x = safeZone.width / 4 * i;
-	vLine.y = 0;
-	vLine.width = 2;
-	vLine.height = safeZone.height;
-	safeZoneWeb.addChild(vLine);
-}
-// Create web nodes at intersections
-var webNodes = [];
-for (var row = 0; row <= 4; row++) {
-	for (var col = 0; col <= 4; col++) {
-		var node = LK.getAsset('web_node', {
-			anchorX: 0.5,
-			anchorY: 0.5
-		});
-		node.x = safeZone.width / 4 * col;
-		node.y = safeZone.height / 4 * row;
-		node.tint = 0x00ff00;
-		node.alpha = 0.8;
-		webNodes.push(node);
-		safeZoneWeb.addChild(node);
-	}
-}
-// Set web pattern color and transparency
-for (var i = 0; i < safeZoneWeb.children.length; i++) {
-	var child = safeZoneWeb.children[i];
-	if (child !== webNodes[0]) {
-		// Don't tint nodes twice
-		child.tint = 0x00ff00;
-		child.alpha = 0.4;
-	}
-}
-safeZoneWeb.alpha = 0.6;
-game.addChild(safeZoneWeb);
+safeZoneVisual.x = safeZone.x;
+safeZoneVisual.y = safeZone.y;
+safeZoneVisual.tint = 0x00ff00;
+safeZoneVisual.alpha = 0.6;
+game.addChild(safeZoneVisual);
 // Create spider at center of room in safe zone
 spider = game.addChild(new Spider());
 spider.x = 100; // Start in safe zone
 spider.y = 2632; // Start in safe zone