User prompt
Te dije q le agas una animación al caminar al saltar y q cuando presione el botón de atacar ataque con la espada q tiene y al aserlo tenga una animación ↪💡 Consider importing and using the following plugins: @upit/tween.v1
User prompt
Y quiero q en ves de q ataque disparando ataque con la espada q tiene y que tenga una animación de caminar y de cuando ataca ↪💡 Consider importing and using the following plugins: @upit/tween.v1
User prompt
Quiero q le quites el fondo blanco a la imagen q puse para el hombre palo
User prompt
Mira quiero q cambias a los enemigos por un stickman rojo los stickmans son muñecos de palo osea una bolita la cabeza y el torso un palo largo y la manitas y los pies un palo más pequeño y aparte agregale animaciones y q ataquen al jugador con una espada ↪💡 Consider importing and using the following plugins: @upit/tween.v1
User prompt
Puedes hacer q los controles sean un poco más grandes y q dentro tenga un icono como un stickman saltando en el botón de salto y haci en el de derecha y izquierda
User prompt
Puedes hacer que la barra sea más visible
User prompt
Esta perfecto pero da saltos ilimitados quiero q arriba del personaje aya una barra q como la estamina pero q la barra este blanca cuando pueda dar un doble salto y q se ponga gris cuando ya haya dado el doble salto y para cargar el doble salto tenga q tocar el piso
User prompt
Sigue sin funcionar
User prompt
El botón de jump cuando lo presionó no hace la acción
User prompt
Quiero q me des un control diseñado para móviles
User prompt
Sigue sin aparecer nada
User prompt
No aparece nada cuando le doy a play
User prompt
Puedes seguir asiendo el código del juego ↪💡 Consider importing and using the following plugins: @upit/tween.v1
Code edit (1 edits merged)
Please save this source code
User prompt
Stickman Vs. Digital Warrior
Initial prompt
Quiero crear un videojuego plataformero en estilo pixel art, con estética retro pero moderna. El protagonista es un Stickman guerrero, ágil y con movimientos fluidos. El juego se centra en batallas rápidas, acción intensa y exploración de niveles llenos de enemigos, trampas y secretos. Se llama Stickman Vs., y ocurre en un universo digital futurista donde distintas dimensiones pixeladas están colapsando y los Stickman luchan por sobrevivir. Quiero que tenga: Niveles con plataformas, obstáculos y mecánicas únicas (como gravedad invertida, plataformas que desaparecen, etc.). Combate cuerpo a cuerpo y a distancia (puñetazos, espadas, rayos láser). Jefes épicos con ataques especiales. Estilo visual pixelado pero detallado, como si fuera un juego del futuro hecho en 16 bits. Puede ser para un jugador o con modo VS local.
/****
* Plugins
****/
var tween = LK.import("@upit/tween.v1");
/****
* Classes
****/
var Enemy = Container.expand(function () {
var self = Container.call(this);
var graphics = self.attachAsset('enemy', {
anchorX: 0.5,
anchorY: 1.0
});
self.velocityX = 0;
self.velocityY = 0;
self.health = 50;
self.speed = 2;
self.direction = 1;
self.onGround = false;
self.update = function () {
// Apply gravity
if (!self.onGround) {
self.velocityY += 0.8;
}
// Simple AI movement
self.velocityX = self.speed * self.direction;
// Apply velocity
self.x += self.velocityX;
self.y += self.velocityY;
// Reset ground detection
self.onGround = false;
// Reverse direction at edges
if (self.x < 50 || self.x > 1998) {
self.direction *= -1;
}
};
self.takeDamage = function (damage) {
self.health -= damage;
// Damage flash effect
tween(graphics, {
tint: 0xFF0000
}, {
duration: 100,
onFinish: function onFinish() {
tween(graphics, {
tint: 0xFF4444
}, {
duration: 100
});
}
});
if (self.health <= 0) {
self.destroy();
return true;
}
return false;
};
return self;
});
var Platform = Container.expand(function () {
var self = Container.call(this);
var graphics = self.attachAsset('platform', {
anchorX: 0.5,
anchorY: 0.5
});
return self;
});
var Projectile = Container.expand(function () {
var self = Container.call(this);
var graphics = self.attachAsset('projectile', {
anchorX: 0.5,
anchorY: 0.5
});
self.velocityX = 0;
self.velocityY = 0;
self.lifetime = 180; // 3 seconds at 60fps
self.update = function () {
self.x += self.velocityX;
self.y += self.velocityY;
self.lifetime--;
// Remove if lifetime expired or off screen
if (self.lifetime <= 0 || self.x < -50 || self.x > 2098 || self.y > 2800) {
self.destroy();
}
};
return self;
});
var Stickman = Container.expand(function () {
var self = Container.call(this);
var graphics = self.attachAsset('stickman', {
anchorX: 0.5,
anchorY: 1.0
});
// Movement properties
self.velocityX = 0;
self.velocityY = 0;
self.onGround = false;
self.speed = 8;
self.jumpPower = -18;
self.health = 100;
self.maxHealth = 100;
self.facingRight = true;
// Combat properties
self.canAttack = true;
self.attackCooldown = 0;
self.lastAttackTime = 0;
self.update = function () {
// Apply gravity
if (!self.onGround) {
self.velocityY += 0.8;
}
// Apply velocity
self.x += self.velocityX;
self.y += self.velocityY;
// Apply friction
self.velocityX *= 0.85;
// Reset ground detection
self.onGround = false;
// Reset double jump when touching ground later in collision detection
// Update attack cooldown
if (self.attackCooldown > 0) {
self.attackCooldown--;
}
// Keep player in bounds
if (self.x < 30) self.x = 30;
if (self.x > 2018) self.x = 2018;
};
self.moveLeft = function () {
self.velocityX = -self.speed;
self.facingRight = false;
graphics.scaleX = -1;
};
self.moveRight = function () {
self.velocityX = self.speed;
self.facingRight = true;
graphics.scaleX = 1;
};
self.jump = function () {
console.log("Jump called! onGround:", self.onGround, "velocityY:", self.velocityY);
if (self.onGround || Math.abs(self.velocityY) < 2) {
// First jump
self.velocityY = self.jumpPower;
self.onGround = false;
LK.getSound('jump').play();
console.log("Jump executed! New velocityY:", self.velocityY);
} else if (self.canDoubleJump && !self.hasUsedDoubleJump) {
// Double jump
self.velocityY = self.jumpPower * 0.8;
self.hasUsedDoubleJump = true;
self.canDoubleJump = false;
LK.getSound('jump').play();
console.log("Double jump executed!");
} else {
console.log("Cannot jump - not on ground and no double jump available");
}
};
self.attack = function () {
if (self.attackCooldown <= 0) {
self.attackCooldown = 30;
LK.getSound('attack').play();
// Flash attack animation
tween(graphics, {
tint: 0xFFFF00
}, {
duration: 100,
onFinish: function onFinish() {
tween(graphics, {
tint: 0xFFFFFF
}, {
duration: 100
});
}
});
// Create projectile
var projectile = new Projectile();
projectile.x = self.x + (self.facingRight ? 40 : -40);
projectile.y = self.y - 40;
projectile.velocityX = self.facingRight ? 12 : -12;
projectiles.push(projectile);
game.addChild(projectile);
}
};
self.takeDamage = function (damage) {
self.health -= damage;
LK.getSound('hit').play();
// Damage flash effect
tween(graphics, {
tint: 0xFF0000
}, {
duration: 150,
onFinish: function onFinish() {
tween(graphics, {
tint: 0xFFFFFF
}, {
duration: 150
});
}
});
if (self.health <= 0) {
LK.showGameOver();
}
};
return self;
});
/****
* Initialize Game
****/
var game = new LK.Game({
backgroundColor: 0x001122 // Dark digital blue background
});
/****
* Game Code
****/
// Game arrays
// Initialize assets for Stickman Vs. Digital Warrior
var platforms = [];
var enemies = [];
var projectiles = [];
// Create ground
var ground = game.addChild(LK.getAsset('ground', {
anchorX: 0.5,
anchorY: 1.0,
x: 1024,
y: 2732
}));
// Create platforms
var platformData = [{
x: 300,
y: 2500
}, {
x: 600,
y: 2300
}, {
x: 1000,
y: 2400
}, {
x: 1400,
y: 2200
}, {
x: 1700,
y: 2500
}];
for (var i = 0; i < platformData.length; i++) {
var platform = new Platform();
platform.x = platformData[i].x;
platform.y = platformData[i].y;
platforms.push(platform);
game.addChild(platform);
}
// Create player
var player = new Stickman();
player.x = 1024;
player.y = 2600;
player.canDoubleJump = true;
player.hasUsedDoubleJump = false;
game.addChild(player);
// Create double jump stamina bar
var staminaBarBackground = LK.getAsset('platform', {
width: 120,
height: 20,
anchorX: 0.5,
anchorY: 0.5,
tint: 0x000000
});
game.addChild(staminaBarBackground);
var staminaBar = LK.getAsset('platform', {
width: 110,
height: 14,
anchorX: 0.5,
anchorY: 0.5,
tint: 0xFFFFFF
});
game.addChild(staminaBar);
// Create enemies
var enemyData = [{
x: 700,
y: 2250
}, {
x: 1200,
y: 2350
}, {
x: 1500,
y: 2150
}];
for (var i = 0; i < enemyData.length; i++) {
var enemy = new Enemy();
enemy.x = enemyData[i].x;
enemy.y = enemyData[i].y;
enemies.push(enemy);
game.addChild(enemy);
}
// UI Elements
var healthText = new Text2('Health: 100', {
size: 40,
fill: 0x00FF00
});
healthText.anchor.set(0, 0);
LK.gui.left.addChild(healthText);
healthText.y = 200; // Position below top-left menu area
var scoreText = new Text2('Score: 0', {
size: 40,
fill: 0xFFFFFF
});
scoreText.anchor.set(0.5, 0);
LK.gui.top.addChild(scoreText);
// Mobile Controls UI
var leftButton = LK.getAsset('platform', {
width: 160,
height: 160,
anchorX: 0.5,
anchorY: 0.5,
alpha: 0.6,
tint: 0x4444FF
});
leftButton.x = 150;
leftButton.y = LK.gui.bottom.y - 200;
leftButton.interactive = true;
leftButton.buttonMode = true;
LK.gui.addChild(leftButton);
// Left arrow icon (stickman moving left)
var leftIcon = LK.getAsset('stickman', {
width: 40,
height: 50,
anchorX: 0.5,
anchorY: 0.5,
alpha: 0.8,
scaleX: -1
});
leftIcon.x = leftButton.x;
leftIcon.y = leftButton.y;
LK.gui.addChild(leftIcon);
var rightButton = LK.getAsset('platform', {
width: 160,
height: 160,
anchorX: 0.5,
anchorY: 0.5,
alpha: 0.6,
tint: 0x4444FF
});
rightButton.x = 300;
rightButton.y = LK.gui.bottom.y - 200;
rightButton.interactive = true;
rightButton.buttonMode = true;
LK.gui.addChild(rightButton);
// Right arrow icon (stickman moving right)
var rightIcon = LK.getAsset('stickman', {
width: 40,
height: 50,
anchorX: 0.5,
anchorY: 0.5,
alpha: 0.8
});
rightIcon.x = rightButton.x;
rightIcon.y = rightButton.y;
LK.gui.addChild(rightIcon);
var jumpButton = LK.getAsset('platform', {
width: 180,
height: 180,
anchorX: 0.5,
anchorY: 0.5,
alpha: 0.6,
tint: 0x44FF44
});
jumpButton.x = LK.gui.right.x - 200;
jumpButton.y = LK.gui.bottom.y - 180;
jumpButton.interactive = true;
jumpButton.buttonMode = true;
LK.gui.addChild(jumpButton);
// Jump icon (stickman jumping)
var jumpIcon = LK.getAsset('stickman', {
width: 50,
height: 60,
anchorX: 0.5,
anchorY: 0.5,
alpha: 0.8,
rotation: -0.3
});
jumpIcon.x = jumpButton.x;
jumpIcon.y = jumpButton.y - 10;
LK.gui.addChild(jumpIcon);
var attackButton = LK.getAsset('platform', {
width: 160,
height: 160,
anchorX: 0.5,
anchorY: 0.5,
alpha: 0.6,
tint: 0xFF4444
});
attackButton.x = LK.gui.right.x - 350;
attackButton.y = LK.gui.bottom.y - 180;
attackButton.interactive = true;
attackButton.buttonMode = true;
LK.gui.addChild(attackButton);
// Attack label (keeping text for attack button)
var attackLabel = new Text2('ATK', {
size: 35,
fill: 0xFFFFFF
});
attackLabel.anchor.set(0.5, 0.5);
attackLabel.x = attackButton.x;
attackLabel.y = attackButton.y;
LK.gui.addChild(attackLabel);
// Input handling
var leftPressed = false;
var rightPressed = false;
var currentTouchId = null;
// Button press detection
leftButton.down = function (x, y, obj) {
leftPressed = true;
currentTouchId = 'left';
tween(leftButton, {
alpha: 0.9
}, {
duration: 100
});
};
leftButton.up = function (x, y, obj) {
leftPressed = false;
if (currentTouchId === 'left') currentTouchId = null;
tween(leftButton, {
alpha: 0.6
}, {
duration: 100
});
};
rightButton.down = function (x, y, obj) {
rightPressed = true;
currentTouchId = 'right';
tween(rightButton, {
alpha: 0.9
}, {
duration: 100
});
};
rightButton.up = function (x, y, obj) {
rightPressed = false;
if (currentTouchId === 'right') currentTouchId = null;
tween(rightButton, {
alpha: 0.6
}, {
duration: 100
});
};
jumpButton.down = function (x, y, obj) {
console.log("Jump button pressed!");
player.jump();
tween(jumpButton, {
alpha: 0.9
}, {
duration: 100
});
};
jumpButton.up = function (x, y, obj) {
tween(jumpButton, {
alpha: 0.6
}, {
duration: 100
});
};
attackButton.down = function (x, y, obj) {
player.attack();
tween(attackButton, {
alpha: 0.9
}, {
duration: 100
});
};
attackButton.up = function (x, y, obj) {
tween(attackButton, {
alpha: 0.6
}, {
duration: 100
});
};
game.down = function (x, y, obj) {
// Fallback touch handling for areas outside buttons
};
game.up = function (x, y, obj) {
// Fallback touch release handling
};
// Collision detection function
function checkCollisions(obj, platforms) {
for (var i = 0; i < platforms.length; i++) {
var platform = platforms[i];
if (obj.intersects(platform)) {
// Landing on top of platform
if (obj.velocityY > 0 && obj.y - 40 < platform.y) {
obj.y = platform.y - 40;
obj.velocityY = 0;
obj.onGround = true;
// Reset double jump when landing
if (obj === player) {
obj.canDoubleJump = true;
obj.hasUsedDoubleJump = false;
}
}
}
}
// Ground collision
if (obj.y > 2632) {
obj.y = 2632;
obj.velocityY = 0;
obj.onGround = true;
// Reset double jump when landing on ground
if (obj === player) {
obj.canDoubleJump = true;
obj.hasUsedDoubleJump = false;
}
}
}
game.update = function () {
// Handle input
if (leftPressed) {
player.moveLeft();
}
if (rightPressed) {
player.moveRight();
}
// Check collisions for player
checkCollisions(player, platforms);
// Check collisions for enemies
for (var i = 0; i < enemies.length; i++) {
checkCollisions(enemies[i], platforms);
}
// Update projectiles and check enemy hits
for (var i = projectiles.length - 1; i >= 0; i--) {
var projectile = projectiles[i];
// Check if projectile hits enemies
for (var j = enemies.length - 1; j >= 0; j--) {
var enemy = enemies[j];
if (projectile.intersects(enemy)) {
if (enemy.takeDamage(25)) {
// Enemy destroyed
enemies.splice(j, 1);
LK.setScore(LK.getScore() + 100);
scoreText.setText('Score: ' + LK.getScore());
}
// Remove projectile
projectile.destroy();
projectiles.splice(i, 1);
break;
}
}
// Remove destroyed projectiles
if (projectile.parent === null) {
projectiles.splice(i, 1);
}
}
// Check player-enemy collisions
for (var i = 0; i < enemies.length; i++) {
var enemy = enemies[i];
if (player.intersects(enemy)) {
// Simple knockback and damage
var dx = player.x - enemy.x;
player.velocityX += dx > 0 ? 5 : -5;
player.takeDamage(1);
// Update health display
healthText.setText('Health: ' + Math.max(0, player.health));
healthText.tint = player.health < 30 ? 0xFF0000 : 0x00FF00;
}
}
// Win condition - defeat all enemies
if (enemies.length === 0) {
LK.showYouWin();
}
// Update stamina bar position and appearance
staminaBarBackground.x = player.x;
staminaBarBackground.y = player.y - 100;
staminaBar.x = player.x;
staminaBar.y = player.y - 100;
// Update stamina bar color based on double jump availability
if (player.canDoubleJump && !player.hasUsedDoubleJump) {
staminaBar.tint = 0x00FF00; // Bright green when available
} else {
staminaBar.tint = 0x444444; // Dark gray when used
}
// Camera follow player (simple)
var targetY = Math.max(-1366, Math.min(0, -(player.y - 1366)));
game.y += (targetY - game.y) * 0.1;
}; ===================================================================
--- original.js
+++ change.js
@@ -307,10 +307,10 @@
scoreText.anchor.set(0.5, 0);
LK.gui.top.addChild(scoreText);
// Mobile Controls UI
var leftButton = LK.getAsset('platform', {
- width: 120,
- height: 120,
+ width: 160,
+ height: 160,
anchorX: 0.5,
anchorY: 0.5,
alpha: 0.6,
tint: 0x4444FF
@@ -319,11 +319,23 @@
leftButton.y = LK.gui.bottom.y - 200;
leftButton.interactive = true;
leftButton.buttonMode = true;
LK.gui.addChild(leftButton);
+// Left arrow icon (stickman moving left)
+var leftIcon = LK.getAsset('stickman', {
+ width: 40,
+ height: 50,
+ anchorX: 0.5,
+ anchorY: 0.5,
+ alpha: 0.8,
+ scaleX: -1
+});
+leftIcon.x = leftButton.x;
+leftIcon.y = leftButton.y;
+LK.gui.addChild(leftIcon);
var rightButton = LK.getAsset('platform', {
- width: 120,
- height: 120,
+ width: 160,
+ height: 160,
anchorX: 0.5,
anchorY: 0.5,
alpha: 0.6,
tint: 0x4444FF
@@ -332,11 +344,22 @@
rightButton.y = LK.gui.bottom.y - 200;
rightButton.interactive = true;
rightButton.buttonMode = true;
LK.gui.addChild(rightButton);
+// Right arrow icon (stickman moving right)
+var rightIcon = LK.getAsset('stickman', {
+ width: 40,
+ height: 50,
+ anchorX: 0.5,
+ anchorY: 0.5,
+ alpha: 0.8
+});
+rightIcon.x = rightButton.x;
+rightIcon.y = rightButton.y;
+LK.gui.addChild(rightIcon);
var jumpButton = LK.getAsset('platform', {
- width: 150,
- height: 150,
+ width: 180,
+ height: 180,
anchorX: 0.5,
anchorY: 0.5,
alpha: 0.6,
tint: 0x44FF44
@@ -345,11 +368,23 @@
jumpButton.y = LK.gui.bottom.y - 180;
jumpButton.interactive = true;
jumpButton.buttonMode = true;
LK.gui.addChild(jumpButton);
+// Jump icon (stickman jumping)
+var jumpIcon = LK.getAsset('stickman', {
+ width: 50,
+ height: 60,
+ anchorX: 0.5,
+ anchorY: 0.5,
+ alpha: 0.8,
+ rotation: -0.3
+});
+jumpIcon.x = jumpButton.x;
+jumpIcon.y = jumpButton.y - 10;
+LK.gui.addChild(jumpIcon);
var attackButton = LK.getAsset('platform', {
- width: 120,
- height: 120,
+ width: 160,
+ height: 160,
anchorX: 0.5,
anchorY: 0.5,
alpha: 0.6,
tint: 0xFF4444
@@ -358,33 +393,9 @@
attackButton.y = LK.gui.bottom.y - 180;
attackButton.interactive = true;
attackButton.buttonMode = true;
LK.gui.addChild(attackButton);
-// Control labels
-var leftLabel = new Text2('L', {
- size: 50,
- fill: 0xFFFFFF
-});
-leftLabel.anchor.set(0.5, 0.5);
-leftLabel.x = leftButton.x;
-leftLabel.y = leftButton.y;
-LK.gui.addChild(leftLabel);
-var rightLabel = new Text2('R', {
- size: 50,
- fill: 0xFFFFFF
-});
-rightLabel.anchor.set(0.5, 0.5);
-rightLabel.x = rightButton.x;
-rightLabel.y = rightButton.y;
-LK.gui.addChild(rightLabel);
-var jumpLabel = new Text2('JUMP', {
- size: 40,
- fill: 0xFFFFFF
-});
-jumpLabel.anchor.set(0.5, 0.5);
-jumpLabel.x = jumpButton.x;
-jumpLabel.y = jumpButton.y;
-LK.gui.addChild(jumpLabel);
+// Attack label (keeping text for attack button)
var attackLabel = new Text2('ATK', {
size: 35,
fill: 0xFFFFFF
});
Crea un personaje estilo pixel art, un guerrero simple y fácil de animar. No debe tener manos ni piernas visibles, solo un cuerpo principal con forma redonda u ovalada. El diseño debe sugerir que es un guerrero usando colores llamativos, ojos brillantes o una armadura pixelada pegada al cuerpo. Puede tener una espada flotando al lado o en la espalda como decoración. Debe verse como un personaje de videojuego, pero sin partes que necesiten animación compleja.. In-Game asset. 2d. High contrast. No shadows
Diseña una espada estilo pixel art, sencilla pero llamativa. Debe ser fácil de animar o colocar junto a un personaje. El mango debe ser corto y simple, y la hoja puede ser recta o con un brillo digital. Usa colores llamativos como azul neón, rojo fuego o plateado con detalles pixelados. El diseño debe parecer futurista o mágico, como si fuera un arma especial de un guerrero digital.. In-Game asset. 2d. High contrast. No shadows