===================================================================
--- original.js
+++ change.js
@@ -1,6 +1,437 @@
-/****
+/**** 
+* Plugins
+****/ 
+var tween = LK.import("@upit/tween.v1");
+
+/**** 
+* Classes
+****/ 
+// Artifact class: collectible for score
+var Artifact = Container.expand(function () {
+	var self = Container.call(this);
+	var artifactSprite = self.attachAsset('artifact', {
+		anchorX: 0.5,
+		anchorY: 0.5
+	});
+	self.radius = artifactSprite.width / 2;
+	self.collected = false;
+	self.getCenter = function () {
+		return {
+			x: self.x,
+			y: self.y
+		};
+	};
+	return self;
+});
+// Door class: exit to next area
+var Door = Container.expand(function () {
+	var self = Container.call(this);
+	var doorSprite = self.attachAsset('door', {
+		anchorX: 0.5,
+		anchorY: 0.5
+	});
+	self.width = doorSprite.width;
+	self.height = doorSprite.height;
+	self.getRect = function () {
+		return {
+			x: self.x - self.width / 2,
+			y: self.y - self.height / 2,
+			width: self.width,
+			height: self.height
+		};
+	};
+	return self;
+});
+// Hero class: player character
+var Hero = Container.expand(function () {
+	var self = Container.call(this);
+	var heroSprite = self.attachAsset('hero', {
+		anchorX: 0.5,
+		anchorY: 0.5
+	});
+	self.radius = heroSprite.width / 2;
+	self.lightRadius = 300; // Initial light radius
+	self.hasLight = false; // If currently holding a light orb
+	// For dragging
+	self.isDragging = false;
+	// For upgrades
+	self.abilities = {
+		lightRadius: 300
+	};
+	// For collision detection
+	self.getCenter = function () {
+		return {
+			x: self.x,
+			y: self.y
+		};
+	};
+	// For light effect
+	self.setLightRadius = function (r) {
+		self.lightRadius = r;
+	};
+	return self;
+});
+// LightOrb class: collectible light source
+var LightOrb = Container.expand(function () {
+	var self = Container.call(this);
+	var orbSprite = self.attachAsset('lightOrb', {
+		anchorX: 0.5,
+		anchorY: 0.5
+	});
+	self.radius = orbSprite.width / 2;
+	self.collected = false;
+	self.getCenter = function () {
+		return {
+			x: self.x,
+			y: self.y
+		};
+	};
+	return self;
+});
+// Shadow class: obstacles/enemies
+var Shadow = Container.expand(function () {
+	var self = Container.call(this);
+	var shadowSprite = self.attachAsset('shadow', {
+		anchorX: 0.5,
+		anchorY: 0.5
+	});
+	self.radius = shadowSprite.width / 2;
+	self.speed = 2 + Math.random() * 2; // Random speed for movement
+	self.direction = Math.random() * Math.PI * 2; // Random direction
+	// For simple movement (patrol)
+	self.update = function () {
+		self.x += Math.cos(self.direction) * self.speed;
+		self.y += Math.sin(self.direction) * self.speed;
+		// Bounce off walls
+		if (self.x < self.radius || self.x > 2048 - self.radius) {
+			self.direction = Math.PI - self.direction;
+		}
+		if (self.y < self.radius + 100 || self.y > 2732 - self.radius) {
+			self.direction = -self.direction;
+		}
+	};
+	// For collision detection
+	self.getCenter = function () {
+		return {
+			x: self.x,
+			y: self.y
+		};
+	};
+	return self;
+});
+
+/**** 
 * Initialize Game
-****/
+****/ 
 var game = new LK.Game({
-	backgroundColor: 0x000000
-});
\ No newline at end of file
+	backgroundColor: 0x111122
+});
+
+/**** 
+* Game Code
+****/ 
+/*
+We use simple shapes for the MVP: 
+- 'hero': the player character (circle, bright color)
+- 'shadow': shadow obstacles (ellipse, dark color)
+- 'lightOrb': collectible light source (circle, yellowish)
+- 'door': exit to next area (rectangle, light blue)
+- 'fog': semi-transparent overlay for darkness (rectangle, black, alpha)
+- 'artifact': collectible (star-shaped, but use ellipse for MVP, gold)
+*/
+// --- Global variables ---
+var hero;
+var shadows = [];
+var lightOrbs = [];
+var artifacts = [];
+var door;
+var fogOverlay;
+var dragging = false;
+var dragOffset = {
+	x: 0,
+	y: 0
+};
+var lastTouch = {
+	x: 0,
+	y: 0
+};
+var level = 1;
+var maxLevel = 5;
+var artifactCount = 0;
+var artifactTotal = 0;
+var lightFadeTween = null;
+// --- GUI ---
+var artifactTxt = new Text2('Artifacts: 0/0', {
+	size: 80,
+	fill: 0xFFE066
+});
+artifactTxt.anchor.set(0.5, 0);
+LK.gui.top.addChild(artifactTxt);
+var levelTxt = new Text2('Level 1', {
+	size: 80,
+	fill: 0x66CCFF
+});
+levelTxt.anchor.set(0.5, 0);
+LK.gui.top.addChild(levelTxt);
+// Position GUI elements
+artifactTxt.y = 100;
+levelTxt.y = 10;
+// --- Helper functions ---
+function distance(a, b) {
+	var dx = a.x - b.x;
+	var dy = a.y - b.y;
+	return Math.sqrt(dx * dx + dy * dy);
+}
+function circleRectIntersect(cx, cy, cr, rx, ry, rw, rh) {
+	// Find the closest point to the circle within the rectangle
+	var closestX = Math.max(rx, Math.min(cx, rx + rw));
+	var closestY = Math.max(ry, Math.min(cy, ry + rh));
+	// Calculate the distance between the circle's center and this closest point
+	var dx = cx - closestX;
+	var dy = cy - closestY;
+	// If the distance is less than the circle's radius, an intersection occurs
+	return dx * dx + dy * dy < cr * cr;
+}
+// --- Level setup ---
+function setupLevel(lvl) {
+	// Clear previous
+	for (var i = 0; i < shadows.length; i++) {
+		shadows[i].destroy();
+	}
+	for (var i = 0; i < lightOrbs.length; i++) {
+		lightOrbs[i].destroy();
+	}
+	for (var i = 0; i < artifacts.length; i++) {
+		artifacts[i].destroy();
+	}
+	if (door) door.destroy();
+	if (fogOverlay) fogOverlay.destroy();
+	shadows = [];
+	lightOrbs = [];
+	artifacts = [];
+	door = null;
+	fogOverlay = null;
+	artifactCount = 0;
+	// Hero position
+	if (!hero) {
+		hero = new Hero();
+		game.addChild(hero);
+	}
+	hero.x = 400;
+	hero.y = 2732 / 2;
+	hero.setLightRadius(300 + (lvl - 1) * 40);
+	hero.hasLight = false;
+	// Shadows: increase with level
+	var shadowCount = 2 + lvl;
+	for (var i = 0; i < shadowCount; i++) {
+		var s = new Shadow();
+		// Place randomly, not too close to hero
+		do {
+			s.x = 700 + Math.random() * (2048 - 900);
+			s.y = 200 + Math.random() * (2732 - 400);
+		} while (distance({
+			x: s.x,
+			y: s.y
+		}, {
+			x: hero.x,
+			y: hero.y
+		}) < 400);
+		shadows.push(s);
+		game.addChild(s);
+	}
+	// Light orb: always one, placed randomly
+	var orb = new LightOrb();
+	orb.x = 400 + Math.random() * (2048 - 800);
+	orb.y = 300 + Math.random() * (2732 - 600);
+	lightOrbs.push(orb);
+	game.addChild(orb);
+	// Artifacts: 1-3 per level
+	artifactTotal = 1 + Math.floor(Math.random() * 3);
+	for (var i = 0; i < artifactTotal; i++) {
+		var a = new Artifact();
+		// Place randomly, not too close to hero or other artifacts
+		var tries = 0;
+		do {
+			a.x = 400 + Math.random() * (2048 - 800);
+			a.y = 300 + Math.random() * (2732 - 600);
+			var ok = true;
+			if (distance({
+				x: a.x,
+				y: a.y
+			}, {
+				x: hero.x,
+				y: hero.y
+			}) < 300) ok = false;
+			for (var j = 0; j < artifacts.length; j++) {
+				if (distance({
+					x: a.x,
+					y: a.y
+				}, {
+					x: artifacts[j].x,
+					y: artifacts[j].y
+				}) < 200) ok = false;
+			}
+			tries++;
+			if (tries > 10) break;
+		} while (!ok);
+		artifacts.push(a);
+		game.addChild(a);
+	}
+	// Door: always at far right
+	door = new Door();
+	door.x = 2048 - 200;
+	door.y = 2732 / 2;
+	game.addChild(door);
+	// Fog overlay: covers the whole screen, alpha depends on light
+	fogOverlay = LK.getAsset('fog', {
+		anchorX: 0,
+		anchorY: 0,
+		x: 0,
+		y: 0
+	});
+	fogOverlay.alpha = 0.7;
+	game.addChild(fogOverlay);
+	// Update GUI
+	artifactTxt.setText('Artifacts: 0/' + artifactTotal);
+	levelTxt.setText('Level ' + lvl);
+}
+// --- Light effect ---
+function updateFogAlpha() {
+	// Fog alpha is lower if hero has light
+	if (!fogOverlay) return;
+	var targetAlpha = hero.hasLight ? 0.2 : 0.7;
+	if (lightFadeTween) tween.stop(fogOverlay, {
+		alpha: true
+	});
+	lightFadeTween = tween(fogOverlay, {
+		alpha: targetAlpha
+	}, {
+		duration: 400,
+		easing: tween.easeInOut
+	});
+}
+// --- Touch controls ---
+game.down = function (x, y, obj) {
+	// Only start drag if touch is inside hero
+	var local = {
+		x: x,
+		y: y
+	};
+	if (distance(local, {
+		x: hero.x,
+		y: hero.y
+	}) < hero.radius + 30) {
+		dragging = true;
+		dragOffset.x = hero.x - x;
+		dragOffset.y = hero.y - y;
+		lastTouch.x = x;
+		lastTouch.y = y;
+	}
+};
+game.move = function (x, y, obj) {
+	if (dragging) {
+		// Clamp hero position to screen
+		var nx = x + dragOffset.x;
+		var ny = y + dragOffset.y;
+		nx = Math.max(hero.radius, Math.min(2048 - hero.radius, nx));
+		ny = Math.max(hero.radius + 100, Math.min(2732 - hero.radius, ny));
+		hero.x = nx;
+		hero.y = ny;
+		lastTouch.x = x;
+		lastTouch.y = y;
+	}
+};
+game.up = function (x, y, obj) {
+	dragging = false;
+};
+// --- Main update loop ---
+game.update = function () {
+	// Shadows move
+	for (var i = 0; i < shadows.length; i++) {
+		shadows[i].update();
+	}
+	// Light orb collection
+	for (var i = 0; i < lightOrbs.length; i++) {
+		var orb = lightOrbs[i];
+		if (!orb.collected && distance(hero.getCenter(), orb.getCenter()) < hero.radius + orb.radius + 10) {
+			orb.collected = true;
+			hero.hasLight = true;
+			hero.setLightRadius(500 + (level - 1) * 50);
+			updateFogAlpha();
+			// Animate orb fade out
+			tween(orb, {
+				alpha: 0
+			}, {
+				duration: 400,
+				onFinish: function onFinish() {
+					orb.destroy();
+				}
+			});
+		}
+	}
+	// Artifact collection
+	for (var i = 0; i < artifacts.length; i++) {
+		var a = artifacts[i];
+		if (!a.collected && distance(hero.getCenter(), a.getCenter()) < hero.radius + a.radius + 10) {
+			a.collected = true;
+			artifactCount++;
+			artifactTxt.setText('Artifacts: ' + artifactCount + '/' + artifactTotal);
+			tween(a, {
+				alpha: 0
+			}, {
+				duration: 400,
+				onFinish: function onFinish() {
+					a.destroy();
+				}
+			});
+		}
+	}
+	// Door: check if hero is at door and has light
+	if (hero.hasLight && circleRectIntersect(hero.x, hero.y, hero.radius, door.x - door.width / 2, door.y - door.height / 2, door.width, door.height)) {
+		// Next level or win
+		if (level < maxLevel) {
+			level++;
+			setupLevel(level);
+		} else {
+			LK.showYouWin();
+		}
+		return;
+	}
+	// Shadows: collision with hero (if not holding light, or if shadow is inside light radius)
+	for (var i = 0; i < shadows.length; i++) {
+		var s = shadows[i];
+		var d = distance(hero.getCenter(), s.getCenter());
+		if (d < hero.radius + s.radius - 10) {
+			// If hero has light, shadow is weakened (fades out if inside light radius)
+			if (hero.hasLight && d < hero.lightRadius) {
+				// Shadow fades out and is destroyed
+				tween(s, {
+					alpha: 0
+				}, {
+					duration: 400,
+					onFinish: function (shadow) {
+						return function () {
+							shadow.destroy();
+						};
+					}(s)
+				});
+				shadows.splice(i, 1);
+				i--;
+				continue;
+			} else {
+				// Game over
+				LK.effects.flashScreen(0xff0000, 1000);
+				LK.showGameOver();
+				return;
+			}
+		}
+	}
+	// Fog overlay: create a "light hole" around hero if has light
+	if (fogOverlay) {
+		// For MVP, just set fog alpha lower if hero has light
+		// (Advanced: could use a mask, but not supported in MVP)
+		// Optionally, animate a "pulse" when light is collected
+	}
+};
+// --- Start game ---
+setupLevel(level);
\ No newline at end of file