Upit | Learn about creating the game Maria vs Monsters with gen AI

/**** * Plugins ****/ var tween = LK.import("@upit/tween.v1"); /**** * Classes ****/ // Create a new class for the player_attackf01 asset var PlayerAttack = Container.expand(function () { var self = Container.call(this); // Attach the player_attackf01 asset to the PlayerAttack class var playerAttackGraphics = self.attachAsset('player_attackf01', { anchorX: 0.5, anchorY: 0.5 }); }); /**** * Initialize Game ****/ // Mouse or touch down on the game object var game = new LK.Game({ backgroundColor: 0x000000 }); /**** * Game Code ****/ // Create a new instance of the player_idle asset var player = LK.getAsset('player_idle', { anchorX: 0.5, anchorY: 0.5, x: 2048 / 2, y: 2732 / 2 }); // Add the player to the game game.addChild(player); // Import the tween plugin // Simulate breathing with player_idle by scaling it up and down tween(player, { scaleX: 1.05, scaleY: 1.05 }, { duration: 1000, easing: tween.easeInOut, onFinish: function onFinish() { tween(player, { scaleX: 1.0, scaleY: 1.0 }, { duration: 1000, easing: tween.easeInOut, onFinish: function onFinish() { // Repeat the animation tween(player, { scaleX: 1.05, scaleY: 1.05 }, { duration: 1000, easing: tween.easeInOut, onFinish: function onFinish() { // Repeat the animation tween(player, { scaleX: 1.0, scaleY: 1.0 }, { duration: 1000, easing: tween.easeInOut, onFinish: onFinish }); } }); } }); } }); // Mouse or touch down on the game object game.down = function (x, y, obj) { // Destroy the player_idle asset player.destroy(); // Create a new instance of the PlayerAttack class var playerAttack = new PlayerAttack(); // Position the player_attackf01 asset at the center of the screen playerAttack.x = 2048 / 2; playerAttack.y = 2732 / 2; // Add the player_attackf01 asset to the game game.addChild(playerAttack); };

===================================================================
--- original.js
+++ change.js
@@ -3,46 +3,38 @@
 ****/ 
 var tween = LK.import("@upit/tween.v1");
 
 /**** 
+* Classes
+****/ 
+// Create a new class for the player_attackf01 asset
+var PlayerAttack = Container.expand(function () {
+	var self = Container.call(this);
+	// Attach the player_attackf01 asset to the PlayerAttack class
+	var playerAttackGraphics = self.attachAsset('player_attackf01', {
+		anchorX: 0.5,
+		anchorY: 0.5
+	});
+});
+
+/**** 
 * Initialize Game
 ****/ 
+// Mouse or touch down on the game object
 var game = new LK.Game({
 	backgroundColor: 0x000000
 });
 
 /**** 
 * Game Code
 ****/ 
-// Create a new function called attack
-function attack() {
-	// Change player_idle with player_attackf01
-	player.setAsset(LK.getAsset('player_attackf01', {
-		anchorX: 0.5,
-		anchorY: 0.5,
-		x: player.x,
-		y: player.y,
-		scaleX: player.scaleX,
-		scaleY: player.scaleY
-	}));
-	player.update = function () {
-		this.x = player.x;
-		this.y = player.y;
-		this.scaleX = player.scaleX;
-		this.scaleY = player.scaleY;
-	};
-}
 // Create a new instance of the player_idle asset
 var player = LK.getAsset('player_idle', {
 	anchorX: 0.5,
 	anchorY: 0.5,
 	x: 2048 / 2,
 	y: 2732 / 2
 });
-// Add event listener to call attack function on click
-game.down = function (x, y, obj) {
-	attack();
-};
 // Add the player to the game
 game.addChild(player);
 // Import the tween plugin
 // Simulate breathing with player_idle by scaling it up and down
@@ -81,5 +73,17 @@
 				});
 			}
 		});
 	}
-});
\ No newline at end of file
+});
+// Mouse or touch down on the game object
+game.down = function (x, y, obj) {
+	// Destroy the player_idle asset
+	player.destroy();
+	// Create a new instance of the PlayerAttack class
+	var playerAttack = new PlayerAttack();
+	// Position the player_attackf01 asset at the center of the screen
+	playerAttack.x = 2048 / 2;
+	playerAttack.y = 2732 / 2;
+	// Add the player_attackf01 asset to the game
+	game.addChild(playerAttack);
+};
\ No newline at end of file

Creation History

Images

Sounds & Music

Used plugins

Most played remixes