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

Play

Maria vs Monsters

nox

MariavsMonsters

7.8K

2mo

Playit

Slash left or right, throw, collect and jump to survive an endless wave of adorable slimes in a vibrant, cherry blossom forest. Fast, fun, and addictively simple! Controls: Melee [Left/Right] Tap, Range [Hold], Jump [Up] Tap

#YusufRemixChallenge

#Arcade

#Infinite

#Endless

#Casual

#HyperCasual

Creation History

User prompt

User prompt

it doesn't animate properly, it disappears

User prompt

function attack() { player.asset = 'player_attackFake1'; setTimeout(function() { player.asset = 'player_attackFake2'; setTimeout(function() { player.asset = 'player_idle'; }, 500); }, 500); }

Code edit (3 edits merged)

Please save this source code

User prompt

update the current player's asset instead of instantiating a new one every time.

User prompt

function attack does not work, the player disappears

User prompt

Please fix the bug: 'Uncaught TypeError: player.setTexture is not a function' in or related to this line: 'player.setTexture(LK.getAsset('player_attackf01', {}));' Line Number: 26

User prompt

when clicking anywhere on the screen call function attack

User prompt

function attack simulates an attack, it changes player_idle with player_fattack01 and 0.5 seconds later with player_fattack02 and 0.5 seconds later changes it back to player_idle, ↪💡 Consider importing and using the following plugins: @upit/tween.v1

User prompt

creation a function called attack and leave it blank

User prompt

make the breathing loop indefinitly ↪💡 Consider importing and using the following plugins: @upit/tween.v1

Code edit (1 edits merged)

Please save this source code

User prompt

its not animating, fix it ↪💡 Consider importing and using the following plugins: @upit/tween.v1

User prompt

make it more obvious, its not scaling properly

User prompt

simulate breathing with player_idle ↪💡 Consider importing and using the following plugins: @upit/tween.v1

User prompt

initialize player_idle in the center of the screen

User prompt

delete the entire codebase

User prompt

replace player with player_idle

Remix started

Copy Mario vs Monsters

/**** 
* Plugins
****/ 
var tween = LK.import("@upit/tween.v1");

/**** 
* Initialize Game
****/ 
var game = new LK.Game({
	backgroundColor: 0x000000
});

/**** 
* Game Code
****/ 
// Create a new function called attack
function attack() {
	player.setTexture(LK.getAsset('player_attackf01', {}));
	LK.setTimeout(function () {
		player.setTexture(LK.getAsset('player_attackf02', {}));
		LK.setTimeout(function () {
			player.setTexture(LK.getAsset('player_idle', {}));
		}, 500);
	}, 500);
}
// 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
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
						});
					}
				});
			}
		});
	}
});

===================================================================
--- original.js
+++ change.js
@@ -14,13 +14,13 @@
 * Game Code
 ****/ 
 // Create a new function called attack
 function attack() {
-	player.setAsset('player_attackf01');
+	player.setTexture(LK.getAsset('player_attackf01', {}));
 	LK.setTimeout(function () {
-		player.setAsset('player_attackf02');
+		player.setTexture(LK.getAsset('player_attackf02', {}));
 		LK.setTimeout(function () {
-			player.setAsset('player_idle');
+			player.setTexture(LK.getAsset('player_idle', {}));
 		}, 500);
 	}, 500);
 }
 // Create a new instance of the player_idle asset