===================================================================
--- original.js
+++ change.js
@@ -7,465 +7,151 @@
 
 /**** 
 * Game Code
 ****/ 
-document.addEventListener('DOMContentLoaded', function () {
-	// Canvas elementini ve konteksini dinamik olarak oluştur
-	var cnv = document.createElement('canvas');
-	cnv.id = 'gameCanvas';
-	document.body.appendChild(cnv); // Canvas'ı body'ye ekle
-	// Skorbord elementini dinamik olarak oluştur
-	var scoreBoard = document.createElement('div');
-	scoreBoard.id = 'scoreBoard'; // ScoreBoard'a ID ata
-	document.body.appendChild(scoreBoard);
-	var ctx = cnv.getContext('2d');
-	// Canvas boyutlarını belirle (oyunun original kodundaki gibi, responsive'i sen ekleyebilirsin)
-	cnv.width = 600; // Örnek bir genişlik
-	cnv.height = 600; // Örnek bir yükseklik
-	// Dinamik olarak CSS stilleri oluşturulup sayfaya ekleniyor
-	var style = document.createElement('style');
-	style.textContent = "\n        body {\n            display: flex;\n            flex-direction: column;\n            justify-content: center;\n            align-items: center;\n            min-height: 100vh;\n            margin: 0;\n            background-color: #333;\n            overflow: hidden;\n            font-family: monospace; /* Oyun koduna yak\u0131n bir font */\n            color: #eee;\n        }\n        canvas {\n            border: 2px solid #eee;\n            background-color: #000;\n            margin-bottom: 20px; /* Skorbord ile aras\u0131na bo\u015Fluk */\n        }\n        #scoreBoard {\n            font-size: 1.5em;\n            text-align: center;\n            padding: 10px 20px;\n            background-color: rgba(0, 0, 0, 0.7);\n            border-radius: 5px;\n            color: #fff;\n        }\n    ";
-	document.head.appendChild(style);
-	// --- Oyun Değişkenleri ve Sabitleri ---
-	var segmentLength = 10,
-		startingSegments = 20,
-		spawn = {
-			x: 0,
-			y: cnv.height / 2
-		},
-		snakeSpeed = 5,
-		maxApples = 5,
-		appleLife = 500,
-		segmentsPerApple = 3,
-		snakeWidth = 5,
-		appleWidth = 5,
-		cursorSize = 10,
-		snakeColor = [100, 255, 100, 1],
-		appleColor = [0, 255, 0, 1],
-		cursorColor = [255, 255, 255, 1],
-		cursorColorMod = [0, -255, -255, 0],
-		// Kırmızıya doğru geçiş (beyazdan yeşile)
-		targetColor = [0, 0, 255, 1],
-		targetColorMod = [255, 0, -255, 0],
-		// Maviden kırmızıya doğru geçiş
-		scoreColor = [255, 255, 255, 1],
-		// Beyaz
-		cursorSpin = 0.075,
-		snake,
-		cursor,
-		target,
-		apples,
-		score,
-		gameState,
-		deathMeans;
-	// --- Yardımcı Fonksiyonlar ---
-	function distance(p1, p2) {
-		var dx = p2.x - p1.x;
-		var dy = p2.y - p1.y;
-		return Math.sqrt(dx * dx + dy * dy);
-	}
-	function lineIntersect(p0_x, p0_y, p1_x, p1_y, p2_x, p2_y, p3_x, p3_y) {
-		var s1_x = p1_x - p0_x,
-			s1_y = p1_y - p0_y,
-			s2_x = p3_x - p2_x,
-			s2_y = p3_y - p2_y,
-			s = (-s1_y * (p0_x - p2_x) + s1_x * (p0_y - p2_y)) / (-s2_x * s1_y + s1_x * s2_y),
-			t = (s2_x * (p0_y - p2_y) - s2_y * (p0_x - p2_x)) / (-s2_x * s1_y + s1_x * s2_y);
-		if (s >= 0 && s <= 1 && t >= 0 && t <= 1) {
-			return true;
-		}
-		return false;
-	}
-	// --- Segment Sınıfı (SGM) ---
-	function SGM(angle, x, y) {
-		this.x = x || 0;
-		this.y = y || 0;
-		this.angle = angle || 0;
-		this.parent = null;
-	}
-	SGM.prototype.endX = function () {
-		return this.x + Math.cos(this.angle) * segmentLength;
-	};
-	SGM.prototype.endY = function () {
-		return this.y + Math.sin(this.angle) * segmentLength;
-	};
-	SGM.prototype.pointAt = function (x, y) {
-		var dx = x - this.x,
-			dy = y - this.y;
-		this.angle = Math.atan2(dy, dx);
-	};
-	SGM.prototype.target = function (x, y) {
-		this.targetX = x;
-		this.targetY = y;
-		this.arrived = false;
-		this.totalDist = distance({
-			x: this.endX(),
-			y: this.endY()
-		}, {
-			x: this.targetX,
-			y: this.targetY
+// Initialize score display
+var scoreTxt = new Text2('Score: 0', {
+	size: 80,
+	fill: 0xFFFFFF
+});
+scoreTxt.anchor.set(0.5, 0);
+LK.gui.top.addChild(scoreTxt);
+// Game variables
+var snake = [];
+var food = null;
+var direction = {
+	x: 20,
+	y: 0
+};
+var gameRunning = true;
+var gridSize = 20;
+// Initialize snake
+function initSnake() {
+	snake = [];
+	for (var i = 0; i < 5; i++) {
+		snake.push({
+			x: 200 - i * gridSize,
+			y: 200
 		});
-		this.currentDist = parseInt(this.totalDist);
-	};
-	SGM.prototype.gotoTarget = function () {
-		if (!this.arrived) {
-			// Hedefe ulaşıp ulaşmadığını kontrol ederken segmentLength değil, daha küçük bir tolerans kullan
-			if (distance({
-				x: this.endX(),
-				y: this.endY()
-			}, {
-				x: this.targetX,
-				y: this.targetY
-			}) > 1) {
-				// 1 piksel tolerans
-				this.pointAt(this.targetX, this.targetY);
-			} else {
-				this.arrived = true;
-			}
-			this.currentDist = distance({
-				x: this.endX(),
-				y: this.endY()
-			}, {
-				x: this.targetX,
-				y: this.targetY
-			});
-		}
-		// Hareketi daha yumuşak hale getirmek için mevcut pozisyona göre adım at
-		this.x += (this.endX() - this.x) / snakeSpeed;
-		this.y += (this.endY() - this.y) / snakeSpeed;
-		// Parent segmentini sürükle
-		if (this.parent) {
-			this.parent.drag(this.x, this.y);
-		}
-	};
-	SGM.prototype.drag = function (x, y) {
-		this.pointAt(x, y);
-		this.x = x - Math.cos(this.angle) * segmentLength;
-		this.y = y - Math.sin(this.angle) * segmentLength;
-		if (this.parent) {
-			this.parent.drag(this.x, this.y);
-		}
-	};
-	SGM.prototype.render = function (context) {
-		context.lineTo(this.endX(), this.endY());
-	};
-	// --- Inverse Kinematics Rig Sınıfı (IKR) ---
-	function IKR(x, y) {
-		this.ix = x || 0;
-		this.iy = y || 0;
-		this.sgms = [];
-		this.lastArm = null;
 	}
-	IKR.prototype.addSeg = function (angle) {
-		var arm = new SGM(angle);
-		if (this.lastArm !== null) {
-			arm.x = this.lastArm.endX();
-			arm.y = this.lastArm.endY();
-			arm.parent = this.lastArm;
-		} else {
-			arm.x = this.ix;
-			arm.y = this.iy;
-		}
-		this.sgms.push(arm);
-		this.lastArm = arm;
-	};
-	IKR.prototype.grow = function () {
-		var tail = this.sgms[0],
-			arm = new SGM(tail.angle);
-		arm.x = tail.x - Math.cos(tail.angle) * segmentLength;
-		arm.y = tail.y - Math.sin(tail.angle) * segmentLength;
-		tail.parent = arm; // Yeni segmenti kuyruğun parent'ı yap
-		this.sgms.unshift(arm); // Yeni segmenti dizinin başına ekle
-	};
-	IKR.prototype.drag = function (x, y) {
-		this.lastArm.drag(x, y);
-	};
-	// --- Cursor Sınıfı (CUR) ---
-	function CUR(x, y) {
-		this.x = x;
-		this.y = y;
-		this.rotation = 0;
+}
+// Create food
+function createFood() {
+	if (food) {
+		game.removeChild(food);
 	}
-	CUR.prototype.render = function (context) {
-		context.save();
-		context.translate(this.x, this.y);
-		context.rotate(this.rotation);
-		context.beginPath();
-		context.moveTo(0, -cursorSize);
-		context.lineTo(0, -cursorSize / 2);
-		context.moveTo(0, cursorSize / 2);
-		context.lineTo(0, cursorSize);
-		context.moveTo(-cursorSize, 0);
-		context.lineTo(-cursorSize / 2, 0);
-		context.moveTo(cursorSize / 2, 0);
-		context.lineTo(cursorSize, 0);
-		context.stroke();
-		context.restore();
-		this.rotation = (this.rotation + cursorSpin) % (2 * Math.PI); // Açıları radyan cinsinden tut
-	};
-	// --- Apple Sınıfı ---
-	function Apple(x, y) {
-		this.x = x;
-		this.y = y;
-		this.life = appleLife;
-		this.rotation = 0; // Cursor'dan devralmak için ekledim
-	}
-	Apple.prototype.update = function () {
-		this.life--;
-	};
-	Apple.prototype.render = function (context) {
-		context.beginPath();
-		context.arc(this.x, this.y, appleWidth, 0, Math.PI * 2);
-		context.fill();
-		if (gameState !== 'dead') {
-			context.save();
-			context.fillStyle = 'white';
-			context.font = '8px sans-serif';
-			context.fillText(this.life, this.x + 10, this.y + 10);
-			context.restore();
-			CUR.prototype.render.call(this, context); // Elmanın etrafına imleç çiz
-		}
-	};
-	// --- Oyun Başlatma Fonksiyonu ---
-	function init() {
-		// Spawn noktasını canvas genişliğine göre güncelle
-		spawn.x = 0; // Sol kenardan başlasın
-		spawn.y = cnv.height / 2; // Ortadan başlasın
-		snake = new IKR(spawn.x, spawn.y);
-		cursor = new CUR(-20, -20); // Ekran dışına başla
-		target = new CUR(spawn.x + segmentLength * (startingSegments + 5), spawn.y); // Yılanın biraz ilerisinde başla
-		apples = [];
-		score = 0;
-		updateScoreBoard(); // Skorbordu sıfırla ve güncelle
-		for (var i = 0; i < startingSegments; i++) {
-			snake.addSeg();
-		}
-		snake.lastArm.target(target.x, target.y);
-		gameState = 'play';
-	}
-	// --- Etkinlik Dinleyicileri ---
-	cnv.addEventListener('mousemove', function (e) {
-		if (gameState === 'play') {
-			cursor.x = e.offsetX;
-			cursor.y = e.offsetY;
-		}
+	var foodX = Math.floor(Math.random() * (2048 / gridSize)) * gridSize;
+	var foodY = Math.floor(Math.random() * (2732 / gridSize)) * gridSize;
+	food = game.attachAsset('food', {
+		x: foodX,
+		y: foodY,
+		width: gridSize,
+		height: gridSize
 	});
-	cnv.addEventListener('mousedown', function (e) {
-		switch (gameState) {
-			case 'play':
-				target.x = e.offsetX;
-				target.y = e.offsetY;
-				snake.lastArm.target(target.x, target.y);
-				break;
-			case 'dead':
-				init(); // Oyunu yeniden başlat
-				break;
+}
+// Draw snake
+function drawSnake() {
+	// Remove existing snake segments
+	for (var i = game.children.length - 1; i >= 0; i--) {
+		var child = game.children[i];
+		if (child.isSnakeSegment) {
+			game.removeChild(child);
 		}
-	});
-	// Dokunmatik olaylar için:
-	var touchStartX = 0;
-	var touchStartY = 0;
-	cnv.addEventListener('touchstart', function (e) {
-		e.preventDefault(); // Varsayılan kaydırma vb. engelle
-		if (gameState === 'play' && e.touches.length > 0) {
-			touchStartX = e.touches[0].clientX;
-			touchStartY = e.touches[0].clientY;
-			// Cursor'ı dokunulan yere ayarla (isteğe bağlı)
-			cursor.x = e.touches[0].clientX - cnv.getBoundingClientRect().left;
-			cursor.y = e.touches[0].clientY - cnv.getBoundingClientRect().top;
-		}
-	});
-	cnv.addEventListener('touchend', function (e) {
-		e.preventDefault();
-		if (gameState === 'play' && e.changedTouches.length > 0) {
-			var touchEndX = e.changedTouches[0].clientX;
-			var touchEndY = e.changedTouches[0].clientY;
-			// Canvas'ın pozisyonunu dikkate alarak hedefi ayarla
-			var rect = cnv.getBoundingClientRect();
-			target.x = touchEndX - rect.left;
-			target.y = touchEndY - rect.top;
-			snake.lastArm.target(target.x, target.y);
-		} else if (gameState === 'dead') {
-			init(); // Dokunmayla yeniden başlat
-		}
-	});
-	// --- Oyun Mantığı Fonksiyonları ---
-	function badPlacement(apple) {
-		for (var s = 0; s < snake.sgms.length; s++) {
-			var seg = snake.sgms[s];
-			if (distance(apple, {
-				x: seg.endX(),
-				y: seg.endY()
-			}) < appleWidth * 2 || distance(apple, {
-				x: seg.x,
-				y: seg.y
-			}) < appleWidth * 2) {
-				return true;
-			}
-		}
-		return false;
 	}
-	function addScoreSegments() {
-		for (var i = 0; i < segmentsPerApple; i++) {
-			snake.grow();
-		}
+	// Draw new snake segments
+	for (var i = 0; i < snake.length; i++) {
+		var segment = game.attachAsset('snake', {
+			x: snake[i].x,
+			y: snake[i].y,
+			width: gridSize,
+			height: gridSize
+		});
+		segment.isSnakeSegment = true;
 	}
-	function updateScoreBoard() {
-		scoreBoard.textContent = 'Puan: ' + score;
-	}
-	function update() {
-		if (gameState !== 'dead') {
-			snake.lastArm.gotoTarget();
-			// Duvar çarpışması
-			if (snake.lastArm.endX() > cnv.width - snakeWidth / 2 || snake.lastArm.endX() < snakeWidth / 2 || snake.lastArm.endY() > cnv.height - snakeWidth / 2 || snake.lastArm.endY() < snakeWidth / 2) {
-				gameState = 'dead';
-				deathMeans = 'Duvara çarptın!';
-				return;
-			}
-			// Kendini ısırma (son birkaç segmenti kontrol etme)
-			for (var s = 0; s < snake.sgms.length - 4; s++) {
-				// Son 4 segmenti kontrol dışında bırak
-				var seg = snake.sgms[s];
-				if (lineIntersect(snake.lastArm.x, snake.lastArm.y, snake.lastArm.endX(), snake.lastArm.endY(), seg.x, seg.y, seg.endX(), seg.endY())) {
-					gameState = 'dead';
-					deathMeans = 'Kendini ısırdın!';
-					return;
-				}
-			}
-			// Elma kontrolü
-			for (var i = apples.length - 1; i >= 0; i--) {
-				// Ters döngü ile silme işlemi güvenli olur
-				var apple = apples[i];
-				apple.update();
-				if (apple.life <= 0) {
-					apples.splice(i, 1);
-					continue;
-				}
-				// Yılanın başı elmayı yedi mi?
-				if (distance(apple, {
-					x: snake.lastArm.endX(),
-					y: snake.lastArm.endY()
-				}) < appleWidth + snakeWidth / 2) {
-					score += apple.life; // Kalan ömrüne göre skor ver
-					apples.splice(i, 1);
-					addScoreSegments();
-					updateScoreBoard();
-				} else {
-					// Yılanın kuyruğu veya gövdesi elmayı absorbe etti mi?
-					for (var s = 0; s < snake.sgms.length; s++) {
-						var seg = snake.sgms[s];
-						if (distance(apple, {
-							x: seg.endX(),
-							y: seg.endY()
-						}) < appleWidth + snakeWidth / 2) {
-							score += Math.round(apple.life / 2); // Yarım skor ver
-							apples.splice(i, 1);
-							addScoreSegments();
-							updateScoreBoard();
-							break; // Elma yendiği için bu elma için kontrolü bitir
-						}
-					}
-				}
-			}
-			// Yeni elma oluşturma
-			if (apples.length < maxApples && Math.random() < .05) {
-				// Olasılığı biraz düşürdüm
-				var offset = appleWidth * 10,
-					apple = new Apple(offset / 2 + Math.floor(Math.random() * (cnv.width - offset)), offset / 2 + Math.floor(Math.random() * (cnv.height - offset)));
-				while (badPlacement(apple)) {
-					apple.x = offset / 2 + Math.floor(Math.random() * (cnv.width - offset));
-					apple.y = offset / 2 + Math.floor(Math.random() * (cnv.height - offset));
-				}
-				apples.push(apple);
-			}
+}
+// Check collision with walls
+function checkWallCollision() {
+	var head = snake[0];
+	return head.x < 0 || head.x >= 2048 || head.y < 0 || head.y >= 2732;
+}
+// Check collision with self
+function checkSelfCollision() {
+	var head = snake[0];
+	for (var i = 1; i < snake.length; i++) {
+		if (head.x === snake[i].x && head.y === snake[i].y) {
+			return true;
 		}
 	}
-	// --- Çizim Fonksiyonları ---
-	function drawTarget(targetModFactor) {
-		if (!snake.lastArm.arrived) {
-			ctx.strokeStyle = 'rgba(' + (targetColor[0] + targetColorMod[0] * targetModFactor).toFixed(0) + ',' + (targetColor[1] + targetColorMod[1] * targetModFactor).toFixed(0) + ',' + (targetColor[2] + targetColorMod[2] * targetModFactor).toFixed(0) + ',' + (targetColor[3] + targetColorMod[3] * targetModFactor).toFixed(0) + ')';
-			ctx.lineWidth = 1;
-			target.render(ctx);
-		}
+	return false;
+}
+// Check food collision
+function checkFoodCollision() {
+	var head = snake[0];
+	return food && head.x === food.x && head.y === food.y;
+}
+// Update game
+function updateGame() {
+	if (!gameRunning) return;
+	// Move snake
+	var head = {
+		x: snake[0].x + direction.x,
+		y: snake[0].y + direction.y
+	};
+	snake.unshift(head);
+	// Check food collision
+	if (checkFoodCollision()) {
+		LK.setScore(LK.getScore() + 10);
+		scoreTxt.setText('Score: ' + LK.getScore());
+		createFood();
+	} else {
+		snake.pop();
 	}
-	function drawSnake() {
-		ctx.beginPath();
-		ctx.strokeStyle = ctx.fillStyle = 'rgba(' + snakeColor[0] + ',' + snakeColor[1] + ',' + snakeColor[2] + ',' + snakeColor[3] + ')';
-		ctx.lineWidth = snakeWidth;
-		ctx.moveTo(snake.sgms[0].x, snake.sgms[0].y);
-		for (var s in snake.sgms) {
-			snake.sgms[s].render(ctx);
-		}
-		ctx.stroke();
-		ctx.beginPath();
-		ctx.arc(snake.lastArm.endX(), snake.lastArm.endY(), appleWidth * .75, 0, Math.PI * 2);
-		ctx.fill();
+	// Check collisions
+	if (checkWallCollision() || checkSelfCollision()) {
+		gameRunning = false;
+		LK.showGameOver();
+		return;
 	}
-	function drawCursor(targetModFactor) {
-		ctx.strokeStyle = 'rgba(' + (cursorColor[0] + cursorColorMod[0] * targetModFactor).toFixed(0) + ',' + (cursorColor[1] + cursorColorMod[1] * targetModFactor).toFixed(0) + ',' + (cursorColor[2] + cursorColorMod[2] * targetModFactor).toFixed(0) + ',' + (cursorColor[3] + cursorColorMod[3] * targetModFactor).toFixed(0) + ')';
-		ctx.lineWidth = 1;
-		cursor.render(ctx);
-	}
-	function drawApples() {
-		ctx.fillStyle = 'rgba(' + appleColor[0] + ',' + appleColor[1] + ',' + appleColor[2] + ',' + appleColor[3] + ')';
-		for (var a in apples) {
-			var apple = apples[a],
-				appleTargetMod = 1 - apple.life / appleLife;
-			ctx.strokeStyle = 'rgba(' + (cursorColor[0] + cursorColorMod[0] * appleTargetMod).toFixed(0) + ',' + (cursorColor[1] + cursorColorMod[1] * appleTargetMod).toFixed(0) + ',' + (cursorColor[2] + cursorColorMod[2] * appleTargetMod).toFixed(0) + ',' + (cursorColor[3] + cursorColorMod[3] * appleTargetMod).toFixed(0) + ')';
-			ctx.lineWidth = 1;
-			apple.render(ctx);
+	drawSnake();
+}
+// Touch controls
+game.down = function (x, y, obj) {
+	if (!gameRunning) return;
+	var head = snake[0];
+	var dx = x - (head.x + gridSize / 2);
+	var dy = y - (head.y + gridSize / 2);
+	if (Math.abs(dx) > Math.abs(dy)) {
+		// Horizontal movement
+		if (dx > 0 && direction.x === 0) {
+			direction = {
+				x: gridSize,
+				y: 0
+			};
+		} else if (dx < 0 && direction.x === 0) {
+			direction = {
+				x: -gridSize,
+				y: 0
+			};
 		}
-	}
-	function render() {
-		// snake.lastArm.totalDist henüz atanmamış olabilir, hata vermemesi için kontrol et
-		var targetModFactor = snake.lastArm && snake.lastArm.totalDist ? 1 - snake.lastArm.currentDist / snake.lastArm.totalDist : 0;
-		switch (gameState) {
-			case 'play':
-				ctx.clearRect(0, 0, cnv.width, cnv.height);
-				drawTarget(targetModFactor);
-				drawSnake();
-				drawApples();
-				drawCursor(targetModFactor);
-				// Skor metni doğrudan canvas'a çizildiğinde, skorbord div'ini de güncel tutmak için
-				// updateScoreBoard() çağrısı yapılabilir veya skorbord div'ini kaldırabiliriz.
-				// Bu örnekte skorbord div'i zaten mevcut olduğu için onu kullandık.
-				// ctx.fillStyle = 'rgba('+
-				//     scoreColor[0] +','+ scoreColor[1] +','+ scoreColor[2] +','+ scoreColor[3]
-				// +')';
-				// ctx.textAlign = 'left';
-				// ctx.textBaseline = 'top';
-				// ctx.fillText('Puan: '+score, 10, 10);
-				break;
-			case 'dead':
-				ctx.clearRect(0, 0, cnv.width, cnv.height);
-				drawSnake();
-				drawApples();
-				ctx.fillStyle = 'rgba(255,0,0,0.5)';
-				ctx.fillRect(100, 100, cnv.width - 200, cnv.height - 200);
-				ctx.textAlign = 'center';
-				ctx.textBaseline = 'middle';
-				ctx.fillStyle = ctx.strokeStyle = 'white';
-				ctx.font = 'bold 30px sans-serif';
-				ctx.fillText('Öldün', cnv.width / 2, cnv.height / 2 - 70);
-				ctx.font = 'bold 25px sans-serif';
-				ctx.fillText(deathMeans, cnv.width / 2, cnv.height / 2 - 30);
-				ctx.font = '20px sans-serif';
-				ctx.fillText('Puan:', cnv.width / 2, cnv.height / 2 + 15);
-				ctx.font = 'bold 60px sans-serif';
-				ctx.fillText(score, cnv.width / 2, cnv.height / 2 + 60);
-				ctx.font = 'lighter 10px sans-serif';
-				ctx.lineWidth = 1;
-				ctx.strokeRect(103, 103, cnv.width - 206, cnv.height - 206);
-				break;
+	} else {
+		// Vertical movement
+		if (dy > 0 && direction.y === 0) {
+			direction = {
+				x: 0,
+				y: gridSize
+			};
+		} else if (dy < 0 && direction.y === 0) {
+			direction = {
+				x: 0,
+				y: -gridSize
+			};
 		}
 	}
-	// --- Animasyon Döngüsü ---
-	function animate() {
-		update();
-		render();
-		requestAnimationFrame(animate);
-	}
-	// Oyunu başlat
-	init();
-	// Animasyonu başlat
-	animate();
-});
\ No newline at end of file
+};
+// Game loop
+var gameTimer = LK.setInterval(function () {
+	updateGame();
+}, 200);
+// Initialize game
+initSnake();
+createFood();
+drawSnake();
\ No newline at end of file