Upit | Learn about creating the game Stack Art with gen AI

===================================================================
--- original.js
+++ change.js
@@ -11,18 +11,33 @@
 				self.x += 10;
 			}
 		}
 	};
-	self.stack = function (otherCube) {
+	self.stack = function (otherCube, intersection) {
 		if (otherCube) {
-			self.y = otherCube.y - self.height;
+			if (intersection === 'side') {
+				if (self.x < otherCube.x) {
+					self.x = otherCube.x - self.width;
+				} else {
+					self.x = otherCube.x + otherCube.width;
+				}
+			} else {
+				self.y = otherCube.y - self.height;
+			}
 		} else if (self.y + self.height >= 2732) {
 			self.y = 2732 - self.height;
 		}
 		self.speed = 0;
 	};
 	self.intersectsWith = function (otherCube) {
-		return self.x < otherCube.x + otherCube.width && self.x + self.width > otherCube.x && self.y < otherCube.y + otherCube.height && self.y + self.height > otherCube.y;
+		var intersects = self.x < otherCube.x + otherCube.width && self.x + self.width > otherCube.x && self.y < otherCube.y + otherCube.height && self.y + self.height > otherCube.y;
+		if (intersects) {
+			if (self.x + self.width - otherCube.x < 10 || otherCube.x + otherCube.width - self.x < 10) {
+				return 'side';
+			}
+			return 'top';
+		}
+		return false;
 	};
 });
 var Game = Container.expand(function () {
 	var self = Container.call(this);
@@ -86,10 +101,11 @@
 				cubes[i].move(moveDirection);
 			}
 			var stacked = false;
 			for (var j = 0; j < cubes.length; j++) {
-				if (i != j && cubes[i].intersectsWith(cubes[j])) {
-					cubes[i].stack(cubes[j]);
+				var intersection = cubes[i].intersectsWith(cubes[j]);
+				if (i != j && intersection) {
+					cubes[i].stack(cubes[j], intersection);
 					stacked = true;
 					break;
 				}
 			}
Creation History

Images
