===================================================================
--- original.js
+++ change.js
@@ -1,6 +1,220 @@
-/****
+/**** 
+* Plugins
+****/ 
+var facekit = LK.import("@upit/facekit.v1");
+var tween = LK.import("@upit/tween.v1");
+
+/**** 
+* Classes
+****/ 
+var Button = Container.expand(function () {
+	var self = Container.call(this);
+	// Create and attach button graphic
+	var buttonGraphic = self.attachAsset('button', {
+		anchorX: 0.5,
+		anchorY: 0.5
+	});
+	// Add text label
+	self.label = new Text2('', {
+		size: 50,
+		fill: 0xFFFFFF
+	});
+	self.label.anchor.set(0.5, 0.5);
+	self.addChild(self.label);
+	// Set button text
+	self.setText = function (text) {
+		self.label.setText(text);
+	};
+	// Event handlers
+	self.down = function (x, y, obj) {
+		buttonGraphic.alpha = 0.7;
+	};
+	self.up = function (x, y, obj) {
+		buttonGraphic.alpha = 1.0;
+		if (self.onClick) {
+			self.onClick();
+		}
+	};
+	return self;
+});
+// Game state
+var ScanLine = Container.expand(function () {
+	var self = Container.call(this);
+	// Create and attach scan line graphic
+	var lineGraphic = self.attachAsset('scanLine', {
+		anchorX: 0.5,
+		anchorY: 0,
+		alpha: 0.8
+	});
+	// Line properties
+	self.speed = 5;
+	self.active = false;
+	self.paused = false;
+	self.slices = [];
+	self.currentPosition = 0;
+	self.scanWidth = 2048; // full width of game area
+	// Start scanning
+	self.startScan = function () {
+		self.active = true;
+		self.currentPosition = 0;
+		self.x = 0;
+		// Clear previous scan slices
+		for (var i = 0; i < self.slices.length; i++) {
+			if (self.slices[i]) {
+				self.slices[i].destroy();
+			}
+		}
+		self.slices = [];
+		// Create new array for slices based on scan width and speed
+		var totalSlices = Math.ceil(self.scanWidth / self.speed);
+		for (var i = 0; i < totalSlices; i++) {
+			self.slices.push(null);
+		}
+	};
+	// Pause/resume scan
+	self.togglePause = function () {
+		self.paused = !self.paused;
+	};
+	// Reset scan
+	self.reset = function () {
+		self.active = false;
+		self.paused = false;
+		self.currentPosition = 0;
+		self.x = 0;
+	};
+	// Capture a slice of the current camera view
+	self.captureSlice = function () {
+		if (!self.active || self.paused) {
+			return;
+		}
+		// Calculate slice index
+		var sliceIndex = Math.floor(self.currentPosition / self.speed);
+		if (sliceIndex >= self.slices.length) {
+			return;
+		}
+		// Play scan progress sound every 20 slices
+		if (sliceIndex % 20 === 0) {
+			LK.getSound('scanProgress').play();
+		}
+		// Create visual representation of the slice (would be replaced by actual camera slices)
+		if (!self.slices[sliceIndex]) {
+			var sliceWidth = self.speed;
+			var sliceHeight = 2732;
+			// Create a container for the slice
+			var slice = new Container();
+			slice.x = self.currentPosition;
+			game.addChild(slice);
+			// In a real implementation, this would capture the camera view at this x-position
+			// For now, we just track the positions where slices would be captured
+			self.slices[sliceIndex] = slice;
+		}
+	};
+	// Update method called by the game engine each frame
+	self.update = function () {
+		if (!self.active || self.paused) {
+			return;
+		}
+		// Move scan line
+		self.currentPosition += self.speed;
+		self.x = self.currentPosition;
+		// Capture slice at current position
+		self.captureSlice();
+		// Check if scan is complete
+		if (self.currentPosition >= self.scanWidth) {
+			self.active = false;
+			// Notify game that scan is complete
+			LK.getSound('scanComplete').play();
+			game.onScanComplete();
+		}
+	};
+	return self;
+});
+
+/**** 
 * Initialize Game
-****/
+****/ 
 var game = new LK.Game({
 	backgroundColor: 0x000000
+});
+
+/**** 
+* Game Code
+****/ 
+// Game state
+// Import facekit for camera access and face detection
+// Import tween for animations
+// Create a shape for the scan line
+// Create a shape for buttons
+// Create a sound for when the scan completes
+// Create a sound for scan progress
+var scanLine;
+var scanButton;
+var resetButton;
+var gameState = "ready"; // ready, scanning, complete
+var instructionText;
+var displayWidth = 2048;
+var displayHeight = 2732;
+// Initialize the scan line
+scanLine = new ScanLine();
+game.addChild(scanLine);
+// Create buttons
+scanButton = new Button();
+scanButton.setText("START SCAN");
+scanButton.x = displayWidth / 2;
+scanButton.y = displayHeight - 200;
+scanButton.onClick = function () {
+	if (gameState === "ready") {
+		startScan();
+	} else if (gameState === "complete") {
+		resetScan();
+	}
+};
+game.addChild(scanButton);
+// Create instruction text
+instructionText = new Text2("Move your face as the scan line passes to create distortions!", {
+	size: 60,
+	fill: 0xFFFFFF
+});
+instructionText.anchor.set(0.5, 0);
+instructionText.x = displayWidth / 2;
+instructionText.y = 100;
+game.addChild(instructionText);
+// Start the scanning process
+function startScan() {
+	gameState = "scanning";
+	scanButton.setText("SCANNING...");
+	scanLine.startScan();
+	instructionText.setText("Move your face to create distortions!");
+}
+// Reset the scan for a new attempt
+function resetScan() {
+	gameState = "ready";
+	scanButton.setText("START SCAN");
+	scanLine.reset();
+	instructionText.setText("Move your face as the scan line passes to create distortions!");
+}
+// Callback when scan is complete
+game.onScanComplete = function () {
+	gameState = "complete";
+	scanButton.setText("NEW SCAN");
+	instructionText.setText("Your warp scan is complete!");
+};
+// Game update function
+game.update = function () {
+	// Nothing needed here as ScanLine handles its own updates
+};
+// Event handlers
+game.down = function (x, y, obj) {
+	// Game-level click handling if needed
+};
+game.up = function (x, y, obj) {
+	// Game-level release handling if needed
+};
+game.move = function (x, y, obj) {
+	// Game-level move handling if needed
+};
+// Camera setup with facekit
+facekit.start({
+	position: "center",
+	mirror: true
 });
\ No newline at end of file