===================================================================
--- original.js
+++ change.js
@@ -1,6 +1,136 @@
-/****
+/**** 
+* Plugins
+****/ 
+var tween = LK.import("@upit/tween.v1");
+
+/**** 
+* Classes
+****/ 
+// Gear class: represents a single gear that rotates in a given direction and speed
+var Gear = Container.expand(function () {
+	var self = Container.call(this);
+	// Attach a gear-shaped asset (ellipse for now, as custom shapes are not supported)
+	// We'll use a box for the body and a slightly larger ellipse for a "tooth" effect
+	// Main gear body
+	var gearBody = self.attachAsset('gearBody', {
+		anchorX: 0.5,
+		anchorY: 0.5
+	});
+	// "Teeth" effect: a slightly larger ellipse, semi-transparent
+	var gearTeeth = self.attachAsset('gearTeeth', {
+		anchorX: 0.5,
+		anchorY: 0.5,
+		alpha: 0.3
+	});
+	// Set up default size and color for assets
+	// (LK will create these assets automatically)
+	// gearBody: box, 220x220, gray
+	// gearTeeth: ellipse, 270x270, light gray
+	gearBody.width = 220;
+	gearBody.height = 220;
+	gearBody.color = 0x888888;
+	gearTeeth.width = 270;
+	gearTeeth.height = 270;
+	gearTeeth.color = 0xcccccc;
+	// Rotation speed in radians per frame (set externally)
+	self.rotationSpeed = 0;
+	// Update method: rotates the gear
+	self.update = function () {
+		self.rotation += self.rotationSpeed;
+	};
+	return self;
+});
+
+/**** 
 * Initialize Game
-****/
+****/ 
 var game = new LK.Game({
-	backgroundColor: 0x000000
-});
\ No newline at end of file
+	backgroundColor: 0xffffff // White background for clarity
+});
+
+/**** 
+* Game Code
+****/ 
+// We need tween for smooth rotation animations
+// List of all gears in the game
+var gears = [];
+// For drag direction detection
+var isDragging = false;
+var dragStart = null; // {x, y}
+var dragCurrent = null; // {x, y}
+// Helper: calculate angle between two points (in radians)
+function getAngle(x1, y1, x2, y2) {
+	return Math.atan2(y2 - y1, x2 - x1);
+}
+// Helper: clamp rotation speed
+function clamp(val, min, max) {
+	if (val < min) return min;
+	if (val > max) return max;
+	return val;
+}
+// Show a simple instruction at the top (not in topLeft)
+var infoTxt = new Text2('Ekrana basılı tut, çek ve bırak: Dişli ekle!', {
+	size: 90,
+	fill: 0x333333
+});
+infoTxt.anchor.set(0.5, 0);
+LK.gui.top.addChild(infoTxt);
+// Main game event handlers
+// On press down: start drag
+game.down = function (x, y, obj) {
+	isDragging = true;
+	dragStart = {
+		x: x,
+		y: y
+	};
+	dragCurrent = {
+		x: x,
+		y: y
+	};
+};
+// On move: update drag current position
+game.move = function (x, y, obj) {
+	if (isDragging) {
+		dragCurrent.x = x;
+		dragCurrent.y = y;
+	}
+};
+// On release: create a new gear at dragStart, rotating in the direction of drag
+game.up = function (x, y, obj) {
+	if (!isDragging || !dragStart) return;
+	// Calculate drag vector
+	var dx = dragCurrent.x - dragStart.x;
+	var dy = dragCurrent.y - dragStart.y;
+	var dist = Math.sqrt(dx * dx + dy * dy);
+	// If drag is too short, set a default direction (upwards)
+	var angle;
+	if (dist < 30) {
+		angle = -Math.PI / 2; // Upwards
+	} else {
+		angle = getAngle(dragStart.x, dragStart.y, dragCurrent.x, dragCurrent.y);
+	}
+	// Rotation speed: proportional to drag length, with min/max
+	// 0.01 rad/frame (slow) to 0.07 rad/frame (fast)
+	var speed = clamp(dist / 3000, 0.01, 0.07);
+	// Direction: clockwise if drag is rightwards, counterclockwise if leftwards
+	// We'll use the sign of dx to determine direction
+	if (dx < 0) speed = -speed;
+	// Create and position the gear
+	var gear = new Gear();
+	gear.x = dragStart.x;
+	gear.y = dragStart.y;
+	gear.rotationSpeed = speed;
+	// Add to game and to gears array
+	game.addChild(gear);
+	gears.push(gear);
+	// Reset drag state
+	isDragging = false;
+	dragStart = null;
+	dragCurrent = null;
+};
+// Update loop: update all gears
+game.update = function () {
+	for (var i = 0; i < gears.length; i++) {
+		if (gears[i].update) gears[i].update();
+	}
+};
\ No newline at end of file