Upit | Learn about creating the game Vibe Coder with gen AI

Play

Vibe Coder is an AI game development simulator where you create bizarre games by combining unusual platforms, visuals, genres, and mechanics. Issue command prompts to balance your Vibe Points, Code Coherence, and Bug Count as you progress through development days. Watch for hallucination mode when things get too buggy! Your choices culminate in a hilarious generated game review. Can you craft the next wonderfully weird gaming masterpiece?

#VibeCoder

#AIProgramming

#TechHumor

#GameDev

#UpitMemeGameContest

#TextBased

Creation History

Code edit (3 edits merged)

Please save this source code

User prompt

Please fix the bug: 'TypeError: draggedCard is null' in or related to this line: 'draggedCard.previewMode = false;' Line Number: 1033

Code edit (11 edits merged)

Please save this source code

User prompt

update with: var Card = Container.expand(function (type, promptText, codeLines, vibePoints, contextImpact, bugChance) { var self = Container.call(this); // ... existing initialization code ... // Add preview mode properties self.previewMode = false; self.holdTimer = null; self.holdDuration = 1500; // 1.5 seconds in milliseconds self.previewScale = 2.5; // Remove the individual card touch handlers as they interfere with the game's drag system return self; }); // Modify the game's drag handling to include preview functionality: game.down = function (x, y, obj) { // First check if we clicked on a card var clickedCard = null; // Look through cards in hand to find the one that was clicked for (var i = 0; i < currentHand.length; i++) { var card = currentHand[i]; var dx = x - card.x; var dy = y - card.y; // Check if click is within card bounds (assume card is 400x500) if (Math.abs(dx) < 200 && Math.abs(dy) < 250) { clickedCard = card; break; } } if (clickedCard && gameState.phase === 'playing') { // Start hold timer for preview clickedCard.holdTimer = LK.setTimeout(function() { if (!clickedCard.isDragging) { // Only preview if not dragging clickedCard.previewMode = true; tween(clickedCard, { scaleX: clickedCard.previewScale, scaleY: clickedCard.previewScale }, { duration: 300 }); } }, clickedCard.holdDuration); // Set up for potential drag draggedCard = clickedCard; dragOffsetX = clickedCard.x - x; dragOffsetY = clickedCard.y - y; clickedCard.targetX = clickedCard.x; clickedCard.targetY = clickedCard.y; // Bring to front game.setChildIndex(clickedCard, game.children.length - 1); } }; game.move = function (x, y, obj) { if (draggedCard) { // If movement detected, clear preview timer and start dragging if (draggedCard.holdTimer) { LK.clearTimeout(draggedCard.holdTimer); draggedCard.holdTimer = null; } if (!draggedCard.previewMode) { draggedCard.isDragging = true; // Update target position with offset draggedCard.targetX = x + dragOffsetX; draggedCard.targetY = y + dragOffsetY; } } }; game.up = function (x, y, obj) { if (draggedCard) { // Clear hold timer if it exists if (draggedCard.holdTimer) { LK.clearTimeout(draggedCard.holdTimer); draggedCard.holdTimer = null; } // If in preview mode, return to normal scale if (draggedCard.previewMode) { tween(draggedCard, { scaleX: 1, scaleY: 1 }, { duration: 300, onFinish: function() { draggedCard.previewMode = false; } }); } else if (draggedCard.isDragging) { // Check if card was dropped in play area if (y < projectAreaY) { playCard(draggedCard); } else { // Return to original position draggedCard.targetX = draggedCard.originalX; draggedCard.targetY = draggedCard.originalY; } } draggedCard.isDragging = false; draggedCard = null; } };

User prompt

update as needed with: game.down = function (x, y, obj) { // First check if we clicked on a card var clickedCard = null; // Look through cards in hand to find the one that was clicked for (var i = 0; i < currentHand.length; i++) { var card = currentHand[i]; var dx = x - card.x; var dy = y - card.y; var distance = Math.sqrt(dx * dx + dy * dy); // Check if click is within card bounds (assume card is 400x500) if (Math.abs(dx) < 200 && Math.abs(dy) < 250) { clickedCard = card; break; } } if (clickedCard && gameState.phase === 'playing' && !clickedCard.previewMode) { draggedCard = clickedCard; dragOffsetX = clickedCard.x - x; dragOffsetY = clickedCard.y - y; // Set initial target position clickedCard.targetX = clickedCard.x; clickedCard.targetY = clickedCard.y; clickedCard.isDragging = true; // Bring to front game.setChildIndex(clickedCard, game.children.length - 1); } };

User prompt

update as needed with: var Card = Container.expand(function (type, promptText, codeLines, vibePoints, contextImpact, bugChance) { var self = Container.call(this); // ... existing initialization code ... // Add preview mode properties self.previewMode = false; self.holdTimer = null; self.holdDuration = 1500; // 1.5 seconds in milliseconds self.previewScale = 2.5; // Add touch/mouse handlers for preview self.down = function(x, y, obj) { if (self.previewMode) return; // Prevent dragging while in preview // Start hold timer for preview self.holdTimer = LK.setTimeout(function() { if (!self.isDragging) { // Only preview if not dragging self.previewMode = true; tween(self, { scaleX: self.previewScale, scaleY: self.previewScale }, { duration: 300 }); } }, self.holdDuration); }; self.move = function(x, y, obj) { // If movement detected before preview, clear timer and flag as dragging if (self.holdTimer && !self.previewMode) { LK.clearTimeout(self.holdTimer); self.holdTimer = null; } }; self.up = function(x, y, obj) { // Clear hold timer if it exists if (self.holdTimer) { LK.clearTimeout(self.holdTimer); self.holdTimer = null; } // If in preview mode, return to normal scale if (self.previewMode) { tween(self, { scaleX: 1, scaleY: 1 }, { duration: 300, onFinish: function() { self.previewMode = false; } }); } }; return self; }); ↪💡 Consider importing and using the following plugins: @upit/tween.v1

Code edit (1 edits merged)

Please save this source code

User prompt

Update with: self.down = function(x, y, obj) { if (gameState.phase !== 'playing') return; self.isDragging = true; self.targetX = x; self.targetY = y; // Bring to front self.parent.setChildIndex(self, self.parent.children.length - 1); }; self.move = function(x, y, obj) { if (!self.isDragging) return; // Update target position self.targetX = x; self.targetY = y; }; self.up = function(x, y, obj) { if (!self.isDragging) return; self.isDragging = false; // Check if card was dropped in play area if (y < projectAreaY) { playCard(self); } else { // Return to hand position with smooth animation self.targetX = self.originalX; self.targetY = self.originalY; } }; // Add update method for smooth movement self.update = function() { if (self.isDragging) { // Smooth follow while dragging self.x += (self.targetX - self.x) * self.moveSpeed; self.y += (self.targetY - self.y) * self.moveSpeed; // Constrain to game bounds self.x = Math.max(200, Math.min(self.x, 2048 - 200)); self.y = Math.max(200, Math.min(self.y, 2732 - 200)); } else if (self.x !== self.targetX || self.y !== self.targetY) { // Smooth return to position self.x += (self.targetX - self.x) * self.moveSpeed; self.y += (self.targetY - self.y) * self.moveSpeed; } }; return self; });

Code edit (1 edits merged)

Please save this source code

User prompt

Update as needed with: self.down = function (x, y, obj) { if (gameState.phase !== 'playing') { return; } // Convert global coordinates to local if needed var localPos = self.parent.toLocal({x: x, y: y}); // Store offset from local point to card center self.dragOffsetX = self.x - localPos.x; self.dragOffsetY = self.y - localPos.y; self.dragStartX = localPos.x; self.dragStartY = localPos.y; // ... rest of down handler }; self.move = function (x, y, obj) { if (self.holdTimer && (Math.abs(x - self.dragStartX) > 10 || Math.abs(y - self.dragStartY) > 10)) { LK.clearTimeout(self.holdTimer); self.holdTimer = null; if (!self.isScaled) { self.isDragging = true; self.parent.setChildIndex(self, self.parent.children.length - 1); } } if (self.isDragging) { // Convert incoming coordinates to local space var localPos = self.parent.toLocal({x: x, y: y}); // Direct position update in local space self.x = localPos.x + self.dragOffsetX; self.y = localPos.y + self.dragOffsetY; // Bounds checking in local space self.x = Math.max(200, Math.min(self.x, 2048 - 200)); self.y = Math.max(200, Math.min(self.y, 2732 - 200)); } };

User prompt

Update with: self.move = function (x, y, obj) { if (self.holdTimer && (Math.abs(x - self.dragStartX) > 10 || Math.abs(y - self.dragStartY) > 10)) { LK.clearTimeout(self.holdTimer); self.holdTimer = null; if (!self.isScaled) { self.isDragging = true; self.parent.setChildIndex(self, self.parent.children.length - 1); // Initialize both positions to the same spot trueCard.x = x + self.dragOffsetX; trueCard.y = y + self.dragOffsetY; self.x = trueCard.x; self.y = trueCard.y; } } if (self.isDragging) { // Update true position to exactly match finger trueCard.x = x + self.dragOffsetX; trueCard.y = y + self.dragOffsetY; // Visible card smoothly follows true position var dx = trueCard.x - self.x; var dy = trueCard.y - self.y; self.x += dx * SMOOTH_FACTOR; self.y += dy * SMOOTH_FACTOR; // Bounds checking on both positions trueCard.x = Math.max(200, Math.min(trueCard.x, 2048 - 200)); trueCard.y = Math.max(200, Math.min(trueCard.y, 2732 - 200)); self.x = Math.max(200, Math.min(self.x, 2048 - 200)); self.y = Math.max(200, Math.min(self.y, 2732 - 200)); } };

Code edit (1 edits merged)

Please save this source code

Code edit (1 edits merged)

Please save this source code

User prompt

Update with: self.move = function (x, y, obj) { if (self.holdTimer && (Math.abs(x - self.dragStartX) > 10 || Math.abs(y - self.dragStartY) > 10)) { LK.clearTimeout(self.holdTimer); self.holdTimer = null; if (!self.isScaled) { self.isDragging = true; self.parent.setChildIndex(self, self.parent.children.length - 1); // Set initial position exactly where the finger is lastX = x + self.dragOffsetX; lastY = y + self.dragOffsetY; self.x = lastX; self.y = lastY; } } if (self.isDragging) { // New exact position where the card should be var newX = x + self.dragOffsetX; var newY = y + self.dragOffsetY; // Set position exactly where finger is self.x = newX; self.y = newY; // Store this position lastX = newX; lastY = newY; // Bounds checking self.x = Math.max(200, Math.min(self.x, 2048 - 200)); self.y = Math.max(200, Math.min(self.y, 2732 - 200)); } };

Code edit (2 edits merged)

Please save this source code

User prompt

Update with: self.move = function (x, y, obj) { if (self.holdTimer && (Math.abs(x - self.dragStartX) > 10 || Math.abs(y - self.dragStartY) > 10)) { LK.clearTimeout(self.holdTimer); self.holdTimer = null; if (!self.isScaled) { self.isDragging = true; self.parent.setChildIndex(self, self.parent.children.length - 1); visualOffsetX = 0; visualOffsetY = 0; } } if (self.isDragging) { // True position follows finger exactly var trueX = x + self.dragOffsetX; var trueY = y + self.dragOffsetY; // Smooth out the visual offset visualOffsetX = visualOffsetX * (1 - SMOOTH_FACTOR); visualOffsetY = visualOffsetY * (1 - SMOOTH_FACTOR); // Apply true position plus smoothed offset self.x = trueX + visualOffsetX; self.y = trueY + visualOffsetY; // Bounds checking self.x = Math.max(200, Math.min(self.x, 2048 - 200)); self.y = Math.max(200, Math.min(self.y, 2732 - 200)); } };

Code edit (5 edits merged)

Please save this source code

User prompt

Update with: self.move = function (x, y, obj) { if (self.holdTimer && (Math.abs(x - self.dragStartX) > 10 || Math.abs(y - self.dragStartY) > 10)) { LK.clearTimeout(self.holdTimer); self.holdTimer = null; if (!self.isScaled) { self.isDragging = true; self.parent.setChildIndex(self, self.parent.children.length - 1); // Initialize current position when starting drag currentX = self.x; currentY = self.y; } } if (self.isDragging) { // Calculate target position var targetX = x + self.dragOffsetX; var targetY = y + self.dragOffsetY; // Update current position to catch up with finger currentX = targetX; currentY = targetY; // Smooth the visual position self.x = self.x + (currentX - self.x) * SMOOTH_FACTOR; self.y = self.y + (currentY - self.y) * SMOOTH_FACTOR; // Bounds checking self.x = Math.max(200, Math.min(self.x, 2048 - 200)); self.y = Math.max(200, Math.min(self.y, 2732 - 200)); } };

Code edit (1 edits merged)

Please save this source code

User prompt

Code edit (1 edits merged)

Please save this source code

User prompt

Please fix the bug: 'Script error.' in or related to this line: 'return setTimeout(callback, 1000 / 60);' Line Number: 80

User prompt

Please fix the bug: 'Script error.' in or related to this line: 'return setTimeout(callback, 1000 / 60);' Line Number: 80

User prompt

Please fix the bug: 'Script error.' in or related to this line: 'return setTimeout(callback, 1000 / 60);' Line Number: 80

User prompt

Please fix the bug: 'Script error.' in or related to this line: 'requestedFrame = requestAnimationFrame(function () {' Line Number: 150

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

/**** 
* Classes
****/ 
var Bug = Container.expand(function () {
	var self = Container.call(this);
	var bugGraphic = self.attachAsset('bug', {
		anchorX: 0.5,
		anchorY: 0.5
	});
	self.codeLinesCost = Math.floor(Math.random() * 10) + 5;
	self.vibePointsCost = Math.floor(Math.random() * 3) + 1;
	var costText = new Text2("-" + self.codeLinesCost + " lines\n-" + self.vibePointsCost + " VP", {
		size: 50,
		fill: 0xFFFFFF
	});
	costText.anchor.set(0.5, 0.5);
	self.addChild(costText);
	self.down = function (x, y, obj) {
		if (gameState.vibePoints >= self.vibePointsCost) {
			// Fix bug
			gameState.codeLines -= self.codeLinesCost;
			gameState.vibePoints -= self.vibePointsCost;
			gameState.bugs--;
			LK.getSound('bugFix').play();
			updateStatsDisplay();
			// Remove bug with effect
			tween(self, {
				scaleX: 0,
				scaleY: 0,
				alpha: 0
			}, {
				duration: 300,
				onFinish: function onFinish() {
					self.parent.removeChild(self);
					self.destroy();
				}
			});
		}
	};
	return self;
});
var Card = Container.expand(function (type, promptText, codeLines, vibePoints, contextImpact, bugChance) {
	var self = Container.call(this);
	self.type = type || 'basic';
	self.promptText = promptText || "Just a vibe, you know?";
	self.codeLines = codeLines || 10;
	self.vibePoints = vibePoints || 1;
	self.contextImpact = contextImpact || 5;
	self.bugChance = bugChance || 0.2;
	// Card state tracking
	self.isDragging = false;
	self.isScaled = false;
	self.holdTimer = null;
	var requestedFrame = null;
	if (typeof requestAnimationFrame === 'undefined') {
		requestAnimationFrame = function requestAnimationFrame(callback) {
			return setTimeout(callback, 1000 / 60);
		};
		cancelAnimationFrame = function cancelAnimationFrame(id) {
			clearTimeout(id);
		};
	}
	var lastX = 0;
	var lastY = 0;
	// Card background
	var cardBg = self.attachAsset('card', {
		anchorX: 0.5,
		anchorY: 0.5
	});
	// Card text
	self.titleText = new Text2(self.type.toUpperCase(), {
		size: 55,
		fill: 0x000000
	});
	self.titleText.anchor.set(0.5, 0);
	self.titleText.x = 0;
	self.titleText.y = -220;
	self.addChild(self.titleText);
	self.promptTextObj = new Text2(self.promptText, {
		size: 45,
		fill: 0x000000
	});
	self.promptTextObj.anchor.set(0.5, 0);
	self.promptTextObj.x = 0;
	self.promptTextObj.y = -160;
	self.promptTextObj.width = 350;
	self.addChild(self.promptTextObj);
	// Card stats
	var statsText = "Code Lines: " + self.codeLines + "\n" + "Vibe Points: " + self.vibePoints + "\n" + "Context Impact: " + self.contextImpact + "\n" + "Bug Chance: " + Math.round(self.bugChance * 100) + "%";
	self.statsTextObj = new Text2(statsText, {
		size: 45,
		fill: 0x000000
	});
	self.statsTextObj.anchor.set(0.5, 0);
	self.statsTextObj.x = 0;
	self.statsTextObj.y = 50;
	self.addChild(self.statsTextObj);
	self.down = function (x, y, obj) {
		if (gameState.phase !== 'playing') {
			return;
		}
		// Clear any existing timers
		if (self.holdTimer) {
			LK.clearTimeout(self.holdTimer);
		}
		// Store initial position for offset calculation
		self.dragStartX = x;
		self.dragStartY = y;
		self.dragOffsetX = self.x - x;
		self.dragOffsetY = self.y - y;
		// Start a hold timer - if held for 500ms, scale up
		self.holdTimer = LK.setTimeout(function () {
			if (!self.isDragging) {
				// Scale up for preview mode
				tween(self, {
					scaleX: 1.5,
					scaleY: 1.5
				}, {
					duration: 200
				});
				self.isScaled = true;
				self.holdTimer = null;
			}
		}, 500);
	};
	self.move = function (x, y, obj) {
		// Store the latest position
		lastX = x;
		lastY = y;
		// If we already have a frame requested, don't request another
		if (requestedFrame) {
			return;
		}
		// Request frame for smooth animation
		requestedFrame = requestAnimationFrame(function () {
			requestedFrame = null;
			if (self.holdTimer && (Math.abs(lastX - self.dragStartX) > 5 || Math.abs(lastY - self.dragStartY) > 5)) {
				LK.clearTimeout(self.holdTimer);
				self.holdTimer = null;
				if (!self.isScaled) {
					self.isDragging = true;
					self.parent.setChildIndex(self, self.parent.children.length - 1);
				}
			}
			if (self.isDragging) {
				self.x = lastX + self.dragOffsetX;
				self.y = lastY + self.dragOffsetY;
				self.x = Math.max(200, Math.min(self.x, 2048 - 200));
				self.y = Math.max(200, Math.min(self.y, 2732 - 200));
			}
		});
	};
	self.up = function (x, y, obj) {
		if (requestedFrame) {
			cancelAnimationFrame(requestedFrame);
			requestedFrame = null;
		}
		// Clear any existing hold timer
		if (self.holdTimer) {
			LK.clearTimeout(self.holdTimer);
			self.holdTimer = null;
		}
		if (self.isScaled) {
			// If scaled (preview mode), return to normal size
			tween(self, {
				scaleX: 1,
				scaleY: 1
			}, {
				duration: 200
			});
			self.isScaled = false;
		} else if (self.isDragging) {
			// If was dragging, check position and play if in project area
			self.isDragging = false;
			if (self.y < projectAreaY) {
				playCard(self);
			} else {
				// Return to hand position
				tween(self, {
					x: self.originalX,
					y: self.originalY
				}, {
					duration: 300
				});
			}
		}
	};
	return self;
});
var DayIndicator = Container.expand(function () {
	var self = Container.call(this);
	var circle = self.attachAsset('dayIndicator', {
		anchorX: 0.5,
		anchorY: 0.5
	});
	self.dayText = new Text2("DAY\n1", {
		size: 65,
		fill: 0xFFFFFF
	});
	self.dayText.anchor.set(0.5, 0.5);
	self.addChild(self.dayText);
	self.updateDay = function (day) {
		self.dayText.setText("DAY\n" + day);
		// Pulse animation
		tween(self, {
			scaleX: 1.2,
			scaleY: 1.2
		}, {
			duration: 300,
			onFinish: function onFinish() {
				tween(self, {
					scaleX: 1,
					scaleY: 1
				}, {
					duration: 300
				});
			}
		});
	};
	return self;
});
var MenuButton = Container.expand(function (text, callback) {
	var self = Container.call(this);
	var buttonBg = self.attachAsset('menuButton', {
		anchorX: 0.5,
		anchorY: 0.5
	});
	var buttonText = new Text2(text, {
		size: 55,
		fill: 0xFFFFFF
	});
	buttonText.anchor.set(0.5, 0.5);
	self.addChild(buttonText);
	self.down = function (x, y, obj) {
		tween(self, {
			scaleX: 0.95,
			scaleY: 0.95
		}, {
			duration: 100
		});
	};
	self.up = function (x, y, obj) {
		tween(self, {
			scaleX: 1,
			scaleY: 1
		}, {
			duration: 100,
			onFinish: function onFinish() {
				if (callback) {
					callback();
				}
			}
		});
	};
	return self;
});

/**** 
* Initialize Game
****/ 
var game = new LK.Game({
	backgroundColor: 0x1e2329
});

/**** 
* Game Code
****/ 
// Game constants
var MAX_DAYS = 10;
var TARGET_CODE_LINES = 800;
var MAX_CONTEXT_COLLAPSE = 100;
var HAND_SIZE = 5;
var MAX_BUGS = 10;
// Game state variables
var gameState = {
	day: 1,
	codeLines: 0,
	vibePoints: 5,
	contextCollapse: 0,
	bugs: 0,
	phase: 'menu',
	// 'menu', 'playing', 'dayEnd', 'gameOver'
	canPlayCard: true,
	features: {
		ui: false,
		database: false,
		api: false,
		security: false
	}
};
// Card position constants
var projectAreaY = 2732 * 0.6;
var handY = 2732 - 300;
var deckX = 200;
var deckY = handY;
// Card templates
var cardTemplates = [
// Basic cards
{
	type: 'basic',
	promptText: "Make it work like that app, you know the one",
	codeLines: 15,
	vibePoints: 1,
	contextImpact: 5,
	bugChance: 0.2
}, {
	type: 'basic',
	promptText: "Just spaghetti code it for now",
	codeLines: 25,
	vibePoints: 1,
	contextImpact: 15,
	bugChance: 0.4
}, {
	type: 'basic',
	promptText: "It should be like... clean and efficient",
	codeLines: 12,
	vibePoints: 2,
	contextImpact: 3,
	bugChance: 0.1
}, {
	type: 'basic',
	promptText: "Use that coding pattern with the factory thing",
	codeLines: 20,
	vibePoints: 2,
	contextImpact: 8,
	bugChance: 0.2
},
// UI cards
{
	type: 'UI',
	promptText: "Make it look like Apple but not too much",
	codeLines: 30,
	vibePoints: 3,
	contextImpact: 10,
	bugChance: 0.2,
	feature: 'ui'
}, {
	type: 'UI',
	promptText: "I want that Material Design vibe but more flat",
	codeLines: 35,
	vibePoints: 3,
	contextImpact: 12,
	bugChance: 0.3,
	feature: 'ui'
},
// Database cards
{
	type: 'Database',
	promptText: "Store stuff efficiently, you know?",
	codeLines: 40,
	vibePoints: 4,
	contextImpact: 15,
	bugChance: 0.3,
	feature: 'database'
}, {
	type: 'Database',
	promptText: "Like SQL but without actual SQL",
	codeLines: 45,
	vibePoints: 4,
	contextImpact: 20,
	bugChance: 0.4,
	feature: 'database'
},
// API cards
{
	type: 'API',
	promptText: "Make endpoints that just work",
	codeLines: 35,
	vibePoints: 3,
	contextImpact: 12,
	bugChance: 0.25,
	feature: 'api'
}, {
	type: 'API',
	promptText: "RESTful but also GraphQL-ish",
	codeLines: 40,
	vibePoints: 4,
	contextImpact: 15,
	bugChance: 0.3,
	feature: 'api'
},
// Security cards
{
	type: 'Security',
	promptText: "Make it unhackable please",
	codeLines: 25,
	vibePoints: 3,
	contextImpact: 10,
	bugChance: 0.2,
	feature: 'security'
}, {
	type: 'Security',
	promptText: "Do that OAuth thing everyone uses",
	codeLines: 30,
	vibePoints: 3,
	contextImpact: 12,
	bugChance: 0.25,
	feature: 'security'
},
// Special cards
{
	type: 'refactor',
	promptText: "Clean up that spaghetti code, please",
	codeLines: 5,
	vibePoints: 2,
	contextImpact: -20,
	bugChance: 0.1
}, {
	type: 'coffee',
	promptText: "Need caffeine to think straight",
	codeLines: 0,
	vibePoints: 3,
	contextImpact: 0,
	bugChance: 0
}, {
	type: 'debug',
	promptText: "Find and squash all those little bugs",
	codeLines: -10,
	vibePoints: 3,
	contextImpact: -5,
	bugChance: -0.5
}];
// Current hand and deck of cards
var currentHand = [];
var cardDeck = [];
var discardPile = [];
var bugContainer;
// UI Elements
var statsText;
var contextBar;
var progressBar;
var dayIndicator;
var endDayButton;
var deckVisual;
var codebaseContainer = null;
// Initialize the game
function initializeGame() {
	gameState = {
		day: 1,
		codeLines: 0,
		vibePoints: 5,
		contextCollapse: 0,
		bugs: 0,
		phase: 'playing',
		canPlayCard: true,
		features: {
			ui: false,
			database: false,
			api: false,
			security: false
		}
	};
	// Clear existing elements
	while (game.children.length > 0) {
		game.removeChild(game.children[0]);
	}
	// Reset card collections
	currentHand = [];
	cardDeck = [];
	discardPile = [];
	// Create background
	var background = LK.getAsset('background', {
		anchorX: 0.5,
		anchorY: 0.5,
		x: 2048 / 2,
		y: 2732 / 2
	});
	game.addChild(background);
	// Create UI elements
	createUI();
	// Create bug container
	bugContainer = new Container();
	bugContainer.x = 2048 / 2;
	bugContainer.y = 500;
	game.addChild(bugContainer);
	// Initialize deck
	initializeDeck();
	// Draw initial hand
	drawHand();
	// Update stats display
	updateStatsDisplay();
	// Play background music
	LK.playMusic('gameMusic');
}
function createUI() {
	// Stats display
	statsText = new Text2("Code Lines: 0 / " + TARGET_CODE_LINES + "\nVibe Points: 5\nBugs: 0/" + MAX_BUGS, {
		size: 55,
		fill: 0xFFFFFF
	});
	statsText.anchor.set(0, 0);
	statsText.x = 150;
	statsText.y = 150;
	game.addChild(statsText);
	// Project title
	var projectTitle = new Text2("PROJECT: VIBE CODER", {
		size: 75,
		fill: 0xFFFFFF
	});
	projectTitle.anchor.set(0.5, 0);
	projectTitle.x = 2048 / 2;
	projectTitle.y = 50;
	game.addChild(projectTitle);
	// Context collapse bar background
	var contextBarBg = LK.getAsset('progressBarBg', {
		anchorX: 0,
		anchorY: 0.5,
		x: 224,
		y: 300
	});
	game.addChild(contextBarBg);
	// Context collapse bar
	contextBar = LK.getAsset('progressBar', {
		anchorX: 0,
		anchorY: 0.5,
		x: 224,
		y: 300,
		width: 0
	});
	game.addChild(contextBar);
	// Context bar label
	var contextLabel = new Text2("Context Collapse:", {
		size: 45,
		fill: 0xFFFFFF
	});
	contextLabel.anchor.set(0, 0.5);
	contextLabel.x = 150;
	contextLabel.y = 300;
	game.addChild(contextLabel);
	// Progress bar background
	var progressBarBg = LK.getAsset('progressBarBg', {
		anchorX: 0,
		anchorY: 0.5,
		x: 224,
		y: 380
	});
	game.addChild(progressBarBg);
	// Progress bar
	progressBar = LK.getAsset('progressBar', {
		anchorX: 0,
		anchorY: 0.5,
		x: 224,
		y: 380,
		width: 0
	});
	game.addChild(progressBar);
	// Progress bar label
	var progressLabel = new Text2("Project Progress:", {
		size: 45,
		fill: 0xFFFFFF
	});
	progressLabel.anchor.set(0, 0.5);
	progressLabel.x = 150;
	progressLabel.y = 380;
	game.addChild(progressLabel);
	// Day indicator
	dayIndicator = new DayIndicator();
	dayIndicator.x = 1848;
	dayIndicator.y = 200;
	game.addChild(dayIndicator);
	// End day button
	endDayButton = new MenuButton("END DAY", endDay);
	endDayButton.x = 1848;
	endDayButton.y = 400;
	game.addChild(endDayButton);
	// Project area separator
	var separator = new Text2("───────────────────────────────────────────────", {
		size: 55,
		fill: 0xFFFFFF
	});
	separator.anchor.set(0.5, 0.5);
	separator.x = 2048 / 2;
	separator.y = projectAreaY;
	game.addChild(separator);
	// Project area label
	var projectAreaLabel = new Text2("PROJECT AREA", {
		size: 45,
		fill: 0xFFFFFF
	});
	projectAreaLabel.anchor.set(0.5, 0);
	projectAreaLabel.x = 2048 / 2;
	projectAreaLabel.y = projectAreaY - 80;
	game.addChild(projectAreaLabel);
	// Features checklist
	var featuresText = new Text2("Required Features:\n□ UI Framework\n□ Database\n□ API Integration\n□ Security", {
		size: 45,
		fill: 0xFFFFFF
	});
	featuresText.anchor.set(0, 0);
	featuresText.x = 1600;
	featuresText.y = 150;
	game.addChild(featuresText);
	// Deck visual
	deckVisual = LK.getAsset('deck', {
		anchorX: 0.5,
		anchorY: 0.5,
		x: deckX,
		y: deckY
	});
	game.addChild(deckVisual);
	// Deck label
	var deckLabel = new Text2("DECK", {
		size: 45,
		fill: 0xFFFFFF
	});
	deckLabel.anchor.set(0.5, 0);
	deckLabel.x = deckX;
	deckLabel.y = deckY + 270;
	game.addChild(deckLabel);
	// Hand area label
	var handLabel = new Text2("YOUR HAND", {
		size: 45,
		fill: 0xFFFFFF
	});
	handLabel.anchor.set(0.5, 0);
	handLabel.x = 2048 / 2;
	handLabel.y = handY - 280;
	game.addChild(handLabel);
	// Codebase visualization
	var codebaseContainer = new Container();
	codebaseContainer.x = 2048 / 2;
	codebaseContainer.y = projectAreaY - 200;
	game.addChild(codebaseContainer);
}
function initializeDeck() {
	// Create a copy of all card templates
	cardDeck = [];
	// Add multiple copies of each card template to the deck
	cardTemplates.forEach(function (template) {
		// Add more basic cards
		var count = template.type === 'basic' ? 3 : template.type === 'refactor' || template.type === 'coffee' || template.type === 'debug' ? 1 : 2;
		for (var i = 0; i < count; i++) {
			cardDeck.push(Object.assign({}, template));
		}
	});
	// Shuffle the deck
	shuffleDeck(cardDeck);
}
function shuffleDeck(deck) {
	for (var i = deck.length - 1; i > 0; i--) {
		var j = Math.floor(Math.random() * (i + 1));
		var _ref = [deck[j], deck[i]];
		deck[i] = _ref[0];
		deck[j] = _ref[1];
	}
}
function drawHand() {
	// Only remove cards from display that aren't in the currentHand anymore
	for (var i = game.children.length - 1; i >= 0; i--) {
		var child = game.children[i];
		if (child instanceof Card && currentHand.indexOf(child) === -1 && !child.isDragging) {
			game.removeChild(child);
		}
	}
	// Check if we need to reshuffle the discard pile
	if (cardDeck.length < HAND_SIZE - currentHand.length && discardPile.length > 0) {
		// Add discard pile back to deck and shuffle
		cardDeck = cardDeck.concat(discardPile);
		discardPile = [];
		shuffleDeck(cardDeck);
		// Animate the deck
		tween(deckVisual, {
			scaleX: 1.2,
			scaleY: 1.2
		}, {
			duration: 300,
			onFinish: function onFinish() {
				tween(deckVisual, {
					scaleX: 1,
					scaleY: 1
				}, {
					duration: 300
				});
			}
		});
	}
	// Draw up to hand size but don't remove current cards
	while (currentHand.length < HAND_SIZE && cardDeck.length > 0) {
		var cardTemplate = cardDeck.pop();
		var card = new Card(cardTemplate.type, cardTemplate.promptText, cardTemplate.codeLines, cardTemplate.vibePoints, cardTemplate.contextImpact, cardTemplate.bugChance);
		// Add feature property if it exists
		if (cardTemplate.feature) {
			card.feature = cardTemplate.feature;
		}
		currentHand.push(card);
		game.addChild(card);
	}
	// Position cards in hand
	positionCardsInHand();
}
function positionCardsInHand() {
	var cardWidth = 400;
	var spacing = 50;
	var totalWidth = currentHand.length * cardWidth + (currentHand.length - 1) * spacing;
	var startX = (2048 - totalWidth) / 2 + cardWidth / 2;
	currentHand.forEach(function (card, index) {
		card.x = startX + index * (cardWidth + spacing);
		card.y = handY;
		card.originalX = card.x;
		card.originalY = card.y;
		card.isDragging = false;
	});
}
function playCard(card) {
	if (currentHand.indexOf(card) === -1) {
		return;
	}
	// Apply all game state changes
	gameState.vibePoints += card.vibePoints;
	gameState.codeLines += card.codeLines;
	gameState.contextCollapse += card.contextImpact;
	gameState.contextCollapse = Math.max(0, Math.min(gameState.contextCollapse, MAX_CONTEXT_COLLAPSE));
	if (card.feature) {
		gameState.features[card.feature] = true;
	}
	LK.getSound('cardPlace').play();
	// Remove from hand and add to discard
	var index = currentHand.indexOf(card);
	if (index > -1) {
		currentHand.splice(index, 1);
		discardPile.push({
			type: card.type,
			promptText: card.promptText,
			codeLines: card.codeLines,
			vibePoints: card.vibePoints,
			contextImpact: card.contextImpact,
			bugChance: card.bugChance,
			feature: card.feature
		});
	}
	// Fade out card AFTER it's been in place for a moment
	LK.setTimeout(function () {
		tween(card, {
			alpha: 0
		}, {
			duration: 400,
			onFinish: function onFinish() {
				game.removeChild(card);
				card.destroy();
				checkForBugs(card.bugChance);
				updateStatsDisplay();
				positionCardsInHand();
				if (currentHand.length < HAND_SIZE) {
					drawHand();
				}
				checkGameState();
			}
		});
	}, 500); // Wait half a second before fading
}
function updateCodebaseVisualization() {
	if (!codebaseContainer) {
		return;
	}
	// Clear existing visualization
	while (codebaseContainer.children.length > 0) {
		codebaseContainer.removeChild(codebaseContainer.children[0]);
	}
	// Calculate how many code blocks to show based on current code lines
	var totalBlocks = Math.min(20, Math.floor(gameState.codeLines / 50));
	// Create blocks
	for (var i = 0; i < totalBlocks; i++) {
		var block = new Container();
		// Create a code block shape
		var blockShape = new Sprite();
		blockShape.width = 50;
		blockShape.height = 30;
		blockShape.color = Math.random() > 0.5 ? 0x4a86e8 : 0x34a853;
		block.addChild(blockShape);
		// Position in a grid or pattern
		block.x = i % 10 * 60 - 270;
		block.y = Math.floor(i / 10) * 40 - 20;
		codebaseContainer.addChild(block);
	}
}
function checkForBugs(bugChance) {
	// Adjust bug chance based on context collapse
	var adjustedBugChance = bugChance + gameState.contextCollapse / MAX_CONTEXT_COLLAPSE * 0.3;
	// Special case for debug card
	if (bugChance < 0) {
		// Reduce bugs by a fixed amount
		var bugsToRemove = Math.min(gameState.bugs, Math.abs(Math.floor(bugChance * 10)));
		for (var i = 0; i < bugsToRemove; i++) {
			if (bugContainer.children.length > 0) {
				var bug = bugContainer.children[bugContainer.children.length - 1];
				bugContainer.removeChild(bug);
				bug.destroy();
			}
		}
		gameState.bugs -= bugsToRemove;
		return;
	}
	// Roll for bug
	if (Math.random() < adjustedBugChance && gameState.bugs < MAX_BUGS) {
		// Create a new bug
		var bug = new Bug();
		// Position randomly in the project area
		bug.x = Math.random() * 1600 - 800; // -800 to 800
		bug.y = Math.random() * 400 - 200; // -200 to 200
		bugContainer.addChild(bug);
		gameState.bugs++;
		// Play bug sound
		LK.getSound('bugAppear').play();
		// Animate bug appearance
		bug.scale.set(0);
		tween(bug, {
			scaleX: 1,
			scaleY: 1
		}, {
			duration: 300
		});
	}
}
function updateStatsDisplay() {
	// Update stats text
	statsText.setText("Code Lines: 0 / " + TARGET_CODE_LINES + "\nVibe Points: " + gameState.vibePoints + "\nBugs: 0/" + MAX_BUGS);
	// Update context bar
	var contextWidth = gameState.contextCollapse / MAX_CONTEXT_COLLAPSE * 1600;
	tween(contextBar, {
		width: contextWidth
	}, {
		duration: 300
	});
	// Update progress bar
	var progressWidth = Math.min(gameState.codeLines / TARGET_CODE_LINES, 1) * 1600;
	tween(progressBar, {
		width: progressWidth
	}, {
		duration: 300
	});
	// Update features checklist text
	var featuresStatus = "Required Features:\n" + (gameState.features.ui ? "☑" : "□") + " UI Framework\n" + (gameState.features.database ? "☑" : "□") + " Database\n" + (gameState.features.api ? "☑" : "□") + " API Integration\n" + (gameState.features.security ? "☑" : "□") + " Security";
	// Find and update features text
	game.children.forEach(function (child) {
		if (child instanceof Text2 && child.getText && typeof child.getText === 'function') {
			var text = child.getText();
			if (text && text.includes("Required Features")) {
				child.setText(featuresStatus);
			}
		}
	});
	updateCodebaseVisualization();
}
function checkGameState() {
	// Check for game over conditions
	if (gameState.bugs >= MAX_BUGS) {
		showGameOver("Too many bugs! Your project crashed!");
		return;
	}
	if (gameState.contextCollapse >= MAX_CONTEXT_COLLAPSE) {
		showGameOver("Context collapse! Your AI forgot what it was doing!");
		return;
	}
	// Check if player can play any more cards
	var canPlayAnyCard = false;
	currentHand.forEach(function (card) {
		// No vibe point cost constraint since cards give vibe points
		canPlayAnyCard = true;
	});
	gameState.canPlayCard = canPlayAnyCard;
	// Check if player needs to end their day
	if (!canPlayAnyCard && cardDeck.length === 0 && discardPile.length === 0) {
		endDay();
	}
}
function endDay() {
	if (gameState.day >= MAX_DAYS) {
		// Final evaluation
		evaluateProject();
	} else {
		// Advance to next day
		gameState.day++;
		dayIndicator.updateDay(gameState.day);
		// Play day change sound
		LK.getSound('dayChange').play();
		// Discard current hand
		currentHand.forEach(function (card) {
			discardPile.push({
				type: card.type,
				promptText: card.promptText,
				codeLines: card.codeLines,
				vibePoints: card.vibePoints,
				contextImpact: card.contextImpact,
				bugChance: card.bugChance,
				feature: card.feature
			});
			game.removeChild(card);
			card.destroy();
		});
		currentHand = [];
		// Replenish vibe points
		gameState.vibePoints = 3;
		// Reduce context collapse slightly
		gameState.contextCollapse = Math.max(0, gameState.contextCollapse - 10);
		// Draw new hand
		drawHand();
		// Update stats
		updateStatsDisplay();
	}
}
function evaluateProject() {
	var featureCount = (gameState.features.ui ? 1 : 0) + (gameState.features.database ? 1 : 0) + (gameState.features.api ? 1 : 0) + (gameState.features.security ? 1 : 0);
	var codeProgress = gameState.codeLines / TARGET_CODE_LINES;
	// Calculate score (out of 100)
	var score = codeProgress * 50 + featureCount * 10 + Math.max(0, 10 - gameState.bugs) * 2;
	score = Math.round(score);
	// Set the final score
	LK.setScore(score);
	if (score >= 80) {
		showYouWin("Project Success! Score: " + score + "/100");
	} else if (score >= 50) {
		showGameOver("Project Submitted With Issues. Score: " + score + "/100");
	} else {
		showGameOver("Project Failed! Score: " + score + "/100");
	}
}
function showYouWin(message) {
	// Show win message
	var messageText = new Text2(message, {
		size: 75,
		fill: 0xFFFFFF
	});
	messageText.anchor.set(0.5, 0.5);
	messageText.x = 2048 / 2;
	messageText.y = 2732 / 2 - 100;
	game.addChild(messageText);
	// Add some delay before showing game win
	LK.setTimeout(function () {
		LK.showYouWin();
	}, 2000);
}
function showGameOver(message) {
	// Show game over message
	var messageText = new Text2(message, {
		size: 75,
		fill: 0xFFFFFF
	});
	messageText.anchor.set(0.5, 0.5);
	messageText.x = 2048 / 2;
	messageText.y = 2732 / 2 - 100;
	game.addChild(messageText);
	// Add some delay before showing game over
	LK.setTimeout(function () {
		LK.showGameOver();
	}, 2000);
}
function showMainMenu() {
	// Clear existing elements
	while (game.children.length > 0) {
		game.removeChild(game.children[0]);
	}
	// Create background
	var background = LK.getAsset('background', {
		anchorX: 0.5,
		anchorY: 0.5,
		x: 2048 / 2,
		y: 2732 / 2
	});
	game.addChild(background);
	// Title
	var titleText = new Text2("VIBE CODER", {
		size: 135,
		fill: 0xFFFFFF
	});
	titleText.anchor.set(0.5, 0.5);
	titleText.x = 2048 / 2;
	titleText.y = 600;
	game.addChild(titleText);
	// Subtitle
	var subtitleText = new Text2("The AI Coding Simulator", {
		size: 75,
		fill: 0x4A86E8
	});
	subtitleText.anchor.set(0.5, 0.5);
	subtitleText.x = 2048 / 2;
	subtitleText.y = 700;
	game.addChild(subtitleText);
	// Description
	var descText = new Text2("Build a project in 10 days using vague AI prompts.\nBalance code lines, vibe points, and technical debt.\nAvoid bugs and context collapse!", {
		size: 55,
		fill: 0xFFFFFF
	});
	descText.anchor.set(0.5, 0.5);
	descText.x = 2048 / 2;
	descText.y = 900;
	game.addChild(descText);
	// Start button
	var startButton = new MenuButton("START GAME", initializeGame);
	startButton.x = 2048 / 2;
	startButton.y = 1200;
	game.addChild(startButton);
	// Play music
	LK.playMusic('gameMusic', {
		fade: {
			start: 0,
			end: 0.3,
			duration: 1000
		}
	});
}
// Game drag state
var dragNode = null;
// Global move handler
// Game event handlers
game.move = function (x, y, obj) {
	// Empty or handle other objects
};
game.down = function (x, y, obj) {
	// This is handled by individual card objects
};
game.up = function (x, y, obj) {
	// This is handled by individual card objects
};
// Initialize with main menu
showMainMenu();

===================================================================
--- original.js
+++ change.js
@@ -61,8 +61,11 @@
 	if (typeof requestAnimationFrame === 'undefined') {
 		requestAnimationFrame = function requestAnimationFrame(callback) {
 			return setTimeout(callback, 1000 / 60);
 		};
+		cancelAnimationFrame = function cancelAnimationFrame(id) {
+			clearTimeout(id);
+		};
 	}
 	var lastX = 0;
 	var lastY = 0;
 	// Card background