Upit | Learn about creating the game Snake Xenzia 2024 with gen AI

===================================================================
--- original.js
+++ change.js
@@ -1,7 +1,22 @@
 /**** 
 * Classes
 ****/ 
+// Button class
+var Button = Container.expand(function () {
+	var self = Container.call(this);
+	var buttonGraphics = self.attachAsset(self.buttonShape, {
+		anchorX: 0.5,
+		anchorY: 0.5
+	});
+	self.direction = {
+		x: 0,
+		y: 0
+	};
+	self.down = function (x, y, obj) {
+		snake.direction = self.direction;
+	};
+});
 // Food class
 var Food = Container.expand(function () {
 	var self = Container.call(this);
 	var foodGraphics = self.attachAsset('food', {
@@ -90,50 +105,8 @@
 		}
 	};
 	self.init();
 });
-// Virtual Controller class
-var VirtualController = Container.expand(function () {
-	var self = Container.call(this);
-	self.buttons = {
-		'A': self.attachAsset('buttonA', {
-			anchorX: 0.5,
-			anchorY: 0.5
-		}),
-		'S': self.attachAsset('buttonS', {
-			anchorX: 0.5,
-			anchorY: 0.5
-		}),
-		'W': self.attachAsset('buttonW', {
-			anchorX: 0.5,
-			anchorY: 0.5
-		})
-	};
-	self.buttons['A'].x = 100;
-	self.buttons['A'].y = 2732 - 100;
-	self.buttons['S'].x = 200;
-	self.buttons['S'].y = 2732 - 100;
-	self.buttons['W'].x = 300;
-	self.buttons['W'].y = 2732 - 100;
-	self.buttons['A'].down = function (x, y, obj) {
-		snake.direction = {
-			x: -1,
-			y: 0
-		};
-	};
-	self.buttons['S'].down = function (x, y, obj) {
-		snake.direction = {
-			x: 0,
-			y: 1
-		};
-	};
-	self.buttons['W'].down = function (x, y, obj) {
-		snake.direction = {
-			x: 0,
-			y: -1
-		};
-	};
-});
 
 /**** 
 * Initialize Game
 ****/ 
@@ -212,8 +185,40 @@
 			}
 		}
 	}
 };
+// Create virtual controller buttons
+var buttonA = game.addChild(new Button());
+buttonA.buttonShape = 'buttonA';
+buttonA.direction = {
+	x: -1,
+	y: 0
+}; // left
+buttonA.x = 100;
+buttonA.y = 2732 - 100;
+var buttonS = game.addChild(new Button());
+buttonS.buttonShape = 'buttonS';
+buttonS.direction = {
+	x: 0,
+	y: 1
+}; // down
+buttonS.x = 200;
+buttonS.y = 2732 - 100;
+var buttonW = game.addChild(new Button());
+buttonW.buttonShape = 'buttonW';
+buttonW.direction = {
+	x: 0,
+	y: -1
+}; // up
+buttonW.x = 300;
+buttonW.y = 2732 - 100;
+var buttonD = game.addChild(new Button());
+buttonD.buttonShape = 'buttonD';
+buttonD.direction = {
+	x: 1,
+	y: 0
+}; // right
+buttonD.x = 400;
+buttonD.y = 2732 - 100;
 if (foods.length == 0) {
 	spawnFood();
-}
-var controller = game.addChild(new VirtualController());
\ No newline at end of file
+}
\ No newline at end of file
Creation History

Images

Sounds & Music
