/**** * Classes ****/ // Class for the balls var Ball = Container.expand(function () { var self = Container.call(this); var graphics = self.attachAsset('ball', { anchorX: 0.5, anchorY: 0.5 }); self.speedX = 0; self.speedY = 0; self.level = 1; // Initialize level self.updateAsset = function () { var assetName = 'ball' + (self.level > 1 ? self.level : ''); self.removeChild(graphics); graphics = self.attachAsset(assetName, { anchorX: 0.5, anchorY: 0.5 }); }; self.updateAsset(); self.update = function () { self.x += self.speedX; self.y += self.speedY; self.speedX *= 0.98; // Deceleration in X direction self.speedY *= 0.98; // Deceleration in Y direction // Bounce off the screen edges if (self.x - self.width / 2 < 0) { self.x = self.width / 2; self.speedX *= -1; } if (self.x + self.width / 2 > 2048) { self.x = 2048 - self.width / 2; self.speedX *= -1; } if (self.y - self.height / 2 < 0) { self.y = self.height / 2; self.speedY *= -1; } if (self.y + self.height / 2 > 2732) { self.y = 2732 - self.height / 2; self.speedY *= -1; } // Check for collision with draggable object handleCollision(self, draggable, mass); // Check for collision with other balls and merge if same level for (var i = 0; i < balls.length; i++) { if (balls[i] !== self) { if (self.intersects(balls[i])) { if (self.level === balls[i].level) { if (self.level < 10) { self.level += 1; self.updateAsset(); balls[i].destroy(); balls.splice(i, 1); } else { // If both balls are level 10, destroy both self.destroy(); balls[i].destroy(); balls.splice(i, 1); } } else { handleCollision(self, balls[i], mass); } } } } }; return self; }); // Assets will be automatically initialized by the LK engine based on their usage in the code. // Class for the draggable object var DraggableObject = Container.expand(function () { var self = Container.call(this); var graphics = self.attachAsset('draggable', { anchorX: 0.5, anchorY: 0.5 }); self.speed = 0; self.dragging = false; self.update = function () { if (!self.dragging || true) { // Always check for collision self.x += self.speedX; self.y += self.speedY; self.speedX *= 0.98; // Deceleration in X direction self.speedY *= 0.98; // Deceleration in Y direction // Check for collision with balls for (var i = 0; i < balls.length; i++) { handleCollision(self, balls[i], mass); } // Bounce off the screen edges if (self.x - self.width / 2 < 0) { self.x = self.width / 2; self.speedX *= -1; } if (self.x + self.width / 2 > 2048) { self.x = 2048 - self.width / 2; self.speedX *= -1; } if (self.y - self.height / 2 < 0) { self.y = self.height / 2; self.speedY *= -1; } if (self.y + self.height / 2 > 2732) { self.y = 2732 - self.height / 2; self.speedY *= -1; } } }; self.down = function (x, y, obj) { self.dragging = true; self.speed = 0; self.ballCreated = false; // Reset flag to allow ball creation }; self.up = function (x, y, obj) { self.dragging = false; // Create a new level 1 ball at the initial position of the draggable if (!self.ballCreated) { var newBall = new Ball(); newBall.level = 1; // Ensure the new ball is level 1 newBall.x = self.x; newBall.y = self.y; balls.push(newBall); game.addChild(newBall); self.ballCreated = true; } var game_position = game.toLocal(obj.global); var directionX = self.x - game_position.x > 0 ? 1 : -1; // Determine the direction based on the dragging direction var directionY = self.y - game_position.y > 0 ? 1 : -1; // Determine the direction based on the dragging direction self.speedX = Math.abs(game_position.x - self.x) * releaseForceMultiplier * directionX; // Calculate speed in X direction based on drag distance self.speedY = Math.abs(game_position.y - self.y) * releaseForceMultiplier * directionY; // Calculate speed in Y direction based on drag distance }; return self; }); /**** * Initialize Game ****/ var game = new LK.Game({ backgroundColor: 0x000000 // Init game with black background }); /**** * Game Code ****/ // Add more assets for higher levels as needed // Global mass variable to affect ball movement based on level function handleCollision(obj1, obj2, mass) { var dx = obj1.x - obj2.x; var dy = obj1.y - obj2.y; var distance = Math.sqrt(dx * dx + dy * dy); var minDistance = (obj1.width + obj2.width) / 2; if (distance < minDistance) { var overlap = minDistance - distance + 1; var collisionAngle = Math.atan2(dy, dx); var totalMass = 2; var obj1Mass = mass * obj1.level; var obj2Mass = mass * obj2.level; // Adjust positions to prevent overlap obj1.x += overlap * (obj1Mass / totalMass) * Math.cos(collisionAngle); obj1.y += overlap * (obj1Mass / totalMass) * Math.sin(collisionAngle); obj2.x -= overlap * (obj2Mass / totalMass) * Math.cos(collisionAngle); obj2.y -= overlap * (obj2Mass / totalMass) * Math.sin(collisionAngle); // Calculate new speeds var magnitude1 = Math.sqrt(obj1.speedX * obj1.speedX + obj1.speedY * obj1.speedY); var magnitude2 = Math.sqrt(obj2.speedX * obj2.speedX + obj2.speedY * obj2.speedY); var direction1 = Math.atan2(obj1.speedY, obj1.speedX); var direction2 = Math.atan2(obj2.speedY, obj2.speedX); var newSpeedX1 = magnitude1 * Math.cos(direction1 - collisionAngle); var newSpeedY1 = magnitude2 * Math.sin(direction2 - collisionAngle); var newSpeedX2 = magnitude2 * Math.cos(direction2 - collisionAngle); var newSpeedY2 = magnitude1 * Math.sin(direction1 - collisionAngle); obj1.speedX = Math.cos(collisionAngle) * newSpeedX1 + Math.cos(collisionAngle + Math.PI / 2) * newSpeedY1; obj1.speedY = Math.sin(collisionAngle) * newSpeedX1 + Math.sin(collisionAngle + Math.PI / 2) * newSpeedY1; obj2.speedX = Math.cos(collisionAngle) * newSpeedX2 + Math.cos(collisionAngle + Math.PI / 2) * newSpeedY2; obj2.speedY = Math.sin(collisionAngle) * newSpeedX2 + Math.sin(collisionAngle + Math.PI / 2) * newSpeedY2; } } var mass = 1.1; // Adjust this value to change how much level affects mass var releaseForceMultiplier = 0.12; // Global variable for the force applied to the draggable object upon release var balls = []; for (var i = 0; i < 10; i++) { var ball = game.addChild(new Ball()); ball.x = Math.random() * 2048; ball.y = Math.random() * 2732; ball.speedX = (Math.random() - 0.5) * 10; ball.speedY = (Math.random() - 0.5) * 10; balls.push(ball); } var draggable = game.addChild(new DraggableObject()); draggable.x = 1024; draggable.y = 1366; // Event listeners game.down = function (x, y, obj) { if (draggable.intersects(obj)) { draggable.down(x, y, obj); } }; game.up = function (x, y, obj) { if (draggable.dragging) { draggable.up(x, y, obj); } }; game.update = function () { draggable.update(); for (var i = 0; i < balls.length; i++) { balls[i].update(); // Check for collision with draggable for (var j = i + 1; j < balls.length; j++) { if (i !== j) { var dx = balls[i].x - balls[j].x; var dy = balls[i].y - balls[j].y; var distance = Math.sqrt(dx * dx + dy * dy); var minDistance = balls[i].width / 2 + balls[j].width / 2; if (distance < minDistance) { var overlap = minDistance - distance + 1; var collisionAngle = Math.atan2(dy, dx); var totalMass = 2; var selfMass = 1; var otherMass = 1; balls[i].x += overlap * (selfMass / totalMass) * Math.cos(collisionAngle); balls[i].y += overlap * (selfMass / totalMass) * Math.sin(collisionAngle); balls[j].x -= overlap * (otherMass / totalMass) * Math.cos(collisionAngle); balls[j].y -= overlap * (otherMass / totalMass) * Math.sin(collisionAngle); var magnitude1 = Math.sqrt(balls[i].speedX * balls[i].speedX + balls[i].speedY * balls[i].speedY); var magnitude2 = Math.sqrt(balls[j].speedX * balls[j].speedX + balls[j].speedY * balls[j].speedY); var direction1 = Math.atan2(balls[i].speedY, balls[i].speedX); var direction2 = Math.atan2(balls[j].speedY, balls[j].speedX); var newSpeedX1 = magnitude1 * Math.cos(direction1 - collisionAngle); var newSpeedY1 = magnitude2 * Math.sin(direction2 - collisionAngle); var newSpeedX2 = magnitude2 * Math.cos(direction2 - collisionAngle); var newSpeedY2 = magnitude1 * Math.sin(direction1 - collisionAngle); balls[i].speedX = Math.cos(collisionAngle) * newSpeedX1 + Math.cos(collisionAngle + Math.PI / 2) * newSpeedY1; balls[i].speedY = Math.sin(collisionAngle) * newSpeedX1 + Math.sin(collisionAngle + Math.PI / 2) * newSpeedY1; balls[j].speedX = Math.cos(collisionAngle) * newSpeedX2 + Math.cos(collisionAngle + Math.PI / 2) * newSpeedY2; balls[j].speedY = Math.sin(collisionAngle) * newSpeedX2 + Math.sin(collisionAngle + Math.PI / 2) * newSpeedY2; } } } // Check for collision with other balls for (var j = i + 1; j < balls.length; j++) { if (balls[i].intersects(balls[j])) { var dx = balls[i].x - balls[j].x; var dy = balls[i].y - balls[j].y; var distance = Math.sqrt(dx * dx + dy * dy); var collisionAngle = Math.atan2(dy, dx); var magnitude1 = Math.sqrt(balls[i].speedX * balls[i].speedX + balls[i].speedY * balls[i].speedY); var magnitude2 = Math.sqrt(balls[j].speedX * balls[j].speedX + balls[j].speedY * balls[j].speedY); var direction1 = Math.atan2(balls[i].speedY, balls[i].speedX); var direction2 = Math.atan2(balls[j].speedY, balls[j].speedX); var newSpeedX1 = magnitude1 * Math.cos(direction1 - collisionAngle); var newSpeedY1 = magnitude2 * Math.sin(direction2 - collisionAngle); var newSpeedX2 = magnitude2 * Math.cos(direction2 - collisionAngle); var newSpeedY2 = magnitude1 * Math.sin(direction1 - collisionAngle); balls[i].speedX = Math.cos(collisionAngle) * newSpeedX1 + Math.cos(collisionAngle + Math.PI / 2) * newSpeedY1; balls[i].speedY = Math.sin(collisionAngle) * newSpeedX1 + Math.sin(collisionAngle + Math.PI / 2) * newSpeedY1; balls[j].speedX = Math.cos(collisionAngle) * newSpeedX2 + Math.cos(collisionAngle + Math.PI / 2) * newSpeedY2; balls[j].speedY = Math.sin(collisionAngle) * newSpeedX2 + Math.sin(collisionAngle + Math.PI / 2) * newSpeedY2; } } } };

Merge Ball by Octo