Upit | Learn about creating the game biscuit clicker with gen AI

===================================================================\n--- original.js\n+++ change.js\n@@ -1,72 +1,98 @@\n-/****\n+/**** \n * Classes\n ****/\n-var Cookie = Container.expand(function () {\n- var self = Container.call(this);\n- var cookieGraphic = self.attachAsset('cookie', {\n- anchorX: 0.5,\n- anchorY: 0.5\n- });\n- self.interactive = true;\n- self.buttonMode = true;\n- self.on('down', function () {\n- game.incrementScore();\n- });\n+var Upgrade = Container.expand(function (name, cost, multiplier) {\n+\tvar self = Container.call(this);\n+\tself.name = name;\n+\tself.cost = cost;\n+\tself.multiplier = multiplier;\n+\tself.level = 0;\n+\tself.upgradeGraphic = self.attachAsset('factory', {\n+\t\t// Using 'factory' asset as placeholder\n+\t\tanchorX: 0.5,\n+\t\tanchorY: 0.5\n+\t});\n+\tself.interactive = true;\n+\tself.buttonMode = true;\n+\tself.on('down', function () {\n+\t\tif (game.score >= self.cost) {\n+\t\t\tgame.score -= self.cost;\n+\t\t\tself.level++;\n+\t\t\tgame.cookie.setMultiplier(game.cookie.clickMultiplier + self.multiplier);\n+\t\t\tgame.scoreText.setText(game.score.toString());\n+\t\t\tLK.effects.playSound('upgradeSound');\n+\t\t\t// Update the upgrade display\n+\t\t\tself.upgradeGraphic.setText(self.name + ' (Level ' + self.level + ') - Cost: ' + self.cost + ' Cookies | Multiplier: ' + self.multiplier + 'x');\n+\t\t}\n+\t});\n });\n+var ClickableCookie = Container.expand(function () {\n+\tvar self = Container.call(this);\n+\tvar cookieGraphic = self.attachAsset('cookie', {\n+\t\tanchorX: 0.5,\n+\t\tanchorY: 0.5\n+\t});\n+\tself.interactive = true;\n+\tself.buttonMode = true;\n+\tself.clickMultiplier = 1;\n+\tself.on('down', function () {\n+\t\tgame.incrementScore(self.clickMultiplier);\n+\t\tLK.effects.playSound('clickSound');\n+\t});\n+\tself.setMultiplier = function (multiplier) {\n+\t\tself.clickMultiplier = multiplier;\n+\t};\n+});\n var Factory = Container.expand(function () {\n- var self = Container.call(this);\n- var factoryGraphic = self.attachAsset('factory', {\n- anchorX: 0.5,\n- anchorY: 0.5\n- });\n- self.x = 2048 / 2;\n- self.y = 2732 - 300;\n- game.addChild(self);\n- self.produceCookies = function () {\n- game.incrementScore(1);\n- };\n+\tvar self = Container.call(this);\n+\tvar factoryGraphic = self.attachAsset('factory', {\n+\t\tanchorX: 0.5,\n+\t\tanchorY: 0.5\n+\t});\n+\tself.x = 2048 / 2;\n+\tself.y = 2732 - 300;\n+\tgame.addChild(self);\n+\tself.produceCookies = function () {\n+\t\tgame.incrementScore(1);\n+\t};\n });\n \n-/****\n+/**** \n * Initialize Game\n ****/\n var game = new LK.Game({\n- backgroundColor: 0x000000 // Init game with black background\n+\tbackgroundColor: 0x000000 // Init game with black background\n });\n \n-/****\n+/**** \n * Game Code\n ****/\n game.score = 0;\n-game.cookie = game.addChild(new Cookie());\n+game.cookie = game.addChild(new ClickableCookie());\n game.cookie.x = 2048 / 2;\n game.cookie.y = 2732 / 2;\n-game.factory = new Factory();\n game.scoreText = new Text2('0', {\n- size: 150,\n- fill: "#ffffff",\n- anchorX: 0.5,\n- anchorY: 0\n+\tsize: 150,\n+\tfill: "#ffffff",\n+\tanchorX: 0.5,\n+\tanchorY: 0\n });\n LK.gui.top.addChild(game.scoreText);\n game.incrementScore = function (amount) {\n- amount = amount || 1;\n- game.score += amount;\n- game.scoreText.setText(game.score.toString());\n+\tamount = amount || 1;\n+\tgame.score += amount;\n+\tgame.scoreText.setText(game.score.toString());\n };\n-game.factoryProductionInterval = LK.setInterval(function () {\n- game.factory.produceCookies();\n-}, 1000);\n LK.on('tick', function () {\n- // Game logic that needs to be run every frame\n+\t// Game logic that needs to be run every frame\n });\n // Event listeners for touch events\n game.on('down', function (obj) {\n- // Handle touch down events\n+\t// Handle touch down events\n });\n game.on('up', function (obj) {\n- // Handle touch up events\n+\t// Handle touch up events\n });\n game.on('move', function (obj) {\n- // Handle touch move events\n+\t// Handle touch move events\n });\n\\ No newline at end of file\n

===================================================================
--- original.js
+++ change.js
@@ -1,72 +1,98 @@
-/****
+/**** 
 * Classes
 ****/
-var Cookie = Container.expand(function () {
-  var self = Container.call(this);
-  var cookieGraphic = self.attachAsset('cookie', {
-    anchorX: 0.5,
-    anchorY: 0.5
-  });
-  self.interactive = true;
-  self.buttonMode = true;
-  self.on('down', function () {
-    game.incrementScore();
-  });
+var Upgrade = Container.expand(function (name, cost, multiplier) {
+	var self = Container.call(this);
+	self.name = name;
+	self.cost = cost;
+	self.multiplier = multiplier;
+	self.level = 0;
+	self.upgradeGraphic = self.attachAsset('factory', {
+		// Using 'factory' asset as placeholder
+		anchorX: 0.5,
+		anchorY: 0.5
+	});
+	self.interactive = true;
+	self.buttonMode = true;
+	self.on('down', function () {
+		if (game.score >= self.cost) {
+			game.score -= self.cost;
+			self.level++;
+			game.cookie.setMultiplier(game.cookie.clickMultiplier + self.multiplier);
+			game.scoreText.setText(game.score.toString());
+			LK.effects.playSound('upgradeSound');
+			// Update the upgrade display
+			self.upgradeGraphic.setText(self.name + ' (Level ' + self.level + ') - Cost: ' + self.cost + ' Cookies | Multiplier: ' + self.multiplier + 'x');
+		}
+	});
 });
+var ClickableCookie = Container.expand(function () {
+	var self = Container.call(this);
+	var cookieGraphic = self.attachAsset('cookie', {
+		anchorX: 0.5,
+		anchorY: 0.5
+	});
+	self.interactive = true;
+	self.buttonMode = true;
+	self.clickMultiplier = 1;
+	self.on('down', function () {
+		game.incrementScore(self.clickMultiplier);
+		LK.effects.playSound('clickSound');
+	});
+	self.setMultiplier = function (multiplier) {
+		self.clickMultiplier = multiplier;
+	};
+});
 var Factory = Container.expand(function () {
-  var self = Container.call(this);
-  var factoryGraphic = self.attachAsset('factory', {
-    anchorX: 0.5,
-    anchorY: 0.5
-  });
-  self.x = 2048 / 2;
-  self.y = 2732 - 300;
-  game.addChild(self);
-  self.produceCookies = function () {
-    game.incrementScore(1);
-  };
+	var self = Container.call(this);
+	var factoryGraphic = self.attachAsset('factory', {
+		anchorX: 0.5,
+		anchorY: 0.5
+	});
+	self.x = 2048 / 2;
+	self.y = 2732 - 300;
+	game.addChild(self);
+	self.produceCookies = function () {
+		game.incrementScore(1);
+	};
 });
 
-/****
+/**** 
 * Initialize Game
 ****/
 var game = new LK.Game({
-  backgroundColor: 0x000000 // Init game with black background
+	backgroundColor: 0x000000 // Init game with black background
 });
 
-/****
+/**** 
 * Game Code
 ****/
 game.score = 0;
-game.cookie = game.addChild(new Cookie());
+game.cookie = game.addChild(new ClickableCookie());
 game.cookie.x = 2048 / 2;
 game.cookie.y = 2732 / 2;
-game.factory = new Factory();
 game.scoreText = new Text2('0', {
-  size: 150,
-  fill: "#ffffff",
-  anchorX: 0.5,
-  anchorY: 0
+	size: 150,
+	fill: "#ffffff",
+	anchorX: 0.5,
+	anchorY: 0
 });
 LK.gui.top.addChild(game.scoreText);
 game.incrementScore = function (amount) {
-  amount = amount || 1;
-  game.score += amount;
-  game.scoreText.setText(game.score.toString());
+	amount = amount || 1;
+	game.score += amount;
+	game.scoreText.setText(game.score.toString());
 };
-game.factoryProductionInterval = LK.setInterval(function () {
-  game.factory.produceCookies();
-}, 1000);
 LK.on('tick', function () {
-  // Game logic that needs to be run every frame
+	// Game logic that needs to be run every frame
 });
 // Event listeners for touch events
 game.on('down', function (obj) {
-  // Handle touch down events
+	// Handle touch down events
 });
 game.on('up', function (obj) {
-  // Handle touch up events
+	// Handle touch up events
 });
 game.on('move', function (obj) {
-  // Handle touch move events
+	// Handle touch move events
 });
\ No newline at end of file

Creation History

Biscuits: 0

Upgrades

Images