Play
:quality(85)/https:%2F%2Fcdn.frvr.ai/6885e1c42909a00dd5b28bcd.png)
:quality(85)/https:%2F%2Fcdn.frvr.ai/6885e1bc2909a00dd5b28bca.png)
#hackandslash
#sidescroller
#action
#endless
#combat
Creation History
User prompt
selesaikan perbaikan sound generation failed
User prompt
repair sound generation failed
User prompt
fix sound generation failed
User prompt
add background asset
User prompt
musuh hanya bisa menembak satu peluru dalam sekali tampil
User prompt
buat image musuh bisa berbalik ke kiri saat di kiri. bisa berbalik kanan saat di kanan
User prompt
musuh muncul dari kanan dan kiri bergantian
User prompt
summon enemy
User prompt
seluruh gambar musuh bisa berbalik ke kanan atau kiri
User prompt
gambar armoredEnemy bisa balik ke kanan atau kiri
User prompt
buat image all enemy bisa berbalik ke kanan maupun kiri
User prompt
armoredEnemy bisa bergerak berbalik kanan dan kekiri ↪💡 Consider importing and using the following plugins: @upit/tween.v1
User prompt
efek meledak musuh terpecah pecah ↪💡 Consider importing and using the following plugins: @upit/tween.v1
User prompt
player image bisa berbalik ke kanan atau kiri
User prompt
musuh hanya dapat menembak 2 peluru
User prompt
musuh hanya dapat menembakkan 3 kali peluru
User prompt
player dapat meloncat saat swipe ke atas ↪💡 Consider importing and using the following plugins: @upit/tween.v1
User prompt
player dapat hancurkan peluruh musuh ↪💡 Consider importing and using the following plugins: @upit/tween.v1
User prompt
perbaiki tembkkan musuh. buat horizontal ↪💡 Consider importing and using the following plugins: @upit/tween.v1
User prompt
tambah musuh yang bisa menembakkan peluru setiap 1 detik ↪💡 Consider importing and using the following plugins: @upit/tween.v1
User prompt
ada efek musuh meledak ↪💡 Consider importing and using the following plugins: @upit/tween.v1
User prompt
musuh muncul acak kadang dari kanan kadang dari kiri
User prompt
can attack left and right ↪💡 Consider importing and using the following plugins: @upit/tween.v1
User prompt
player dash and slash combination attack ↪💡 Consider importing and using the following plugins: @upit/tween.v1
User prompt
enemy act long jump ↪💡 Consider importing and using the following plugins: @upit/tween.v1
/****
* Plugins
****/
var tween = LK.import("@upit/tween.v1");
/****
* Classes
****/
var Enemy = Container.expand(function (type) {
var self = Container.call(this);
var assetName = type === 'armored' ? 'armoredEnemy' : 'basicEnemy';
var enemyGraphics = self.attachAsset(assetName, {
anchorX: 0.5,
anchorY: 1.0
});
self.type = type || 'basic';
self.speed = type === 'armored' ? -3 : -4;
self.maxHealth = 1;
self.health = self.maxHealth;
self.damage = type === 'armored' ? 30 : 20;
self.points = type === 'armored' ? 30 : 10;
self.takeDamage = function (damage) {
self.health -= damage;
LK.effects.flashObject(self, 0xffffff, 200);
LK.getSound('enemyHit').play();
if (self.health <= 0) {
// Award points
LK.setScore(LK.getScore() + self.points);
// Chance to drop power-up
if (Math.random() < 0.15) {
var powerUp = game.addChild(new PowerUp());
powerUp.x = self.x;
powerUp.y = self.y - 20;
powerUps.push(powerUp);
}
// Remove from enemies array
var index = enemies.indexOf(self);
if (index > -1) {
enemies.splice(index, 1);
}
self.destroy();
}
};
// Initialize jumping properties
self.baseY = 0;
self.isJumping = false;
self.jumpTimer = 0;
self.jumpInterval = 150 + Math.random() * 90; // Random jump interval between 2.5-4 seconds for long jumps
self.startJump = function () {
if (!self.isJumping) {
self.isJumping = true;
self.baseY = self.y;
var baseX = self.x;
var jumpDistance = 200 + Math.random() * 150; // Long horizontal jump 200-350 pixels
var jumpHeight = 120 + Math.random() * 80; // Higher jump 120-200 pixels
// Long jump with arc motion - jump up and forward
tween(self, {
y: self.baseY - jumpHeight,
x: baseX - jumpDistance
}, {
duration: 800,
// Longer duration for long jump
easing: tween.easeOut,
onFinish: function onFinish() {
// Fall back down while continuing forward motion
tween(self, {
y: self.baseY
}, {
duration: 600,
easing: tween.bounceOut,
onFinish: function onFinish() {
self.isJumping = false;
}
});
}
});
}
};
self.update = function () {
self.x += self.speed;
// Handle jumping
self.jumpTimer++;
if (self.jumpTimer >= self.jumpInterval && !self.isJumping) {
self.startJump();
self.jumpTimer = 0;
self.jumpInterval = 150 + Math.random() * 90; // Reset random interval for long jumps
}
// Check collision with player
if (self.intersects(player) && !player.invulnerable) {
player.takeDamage(self.damage);
}
};
return self;
});
var Player = Container.expand(function () {
var self = Container.call(this);
var playerGraphics = self.attachAsset('player', {
anchorX: 0.5,
anchorY: 1.0
});
self.maxHealth = 100;
self.health = self.maxHealth;
self.slashDamage = 1;
self.slashRange = 150;
self.isSlashing = false;
self.slashCooldown = 0;
self.isDashing = false;
self.dashCooldown = 0;
self.dashDistance = 200;
self.dashDuration = 300;
self.invulnerable = false;
self.invulnerabilityTime = 0;
self.facingDirection = 1; // 1 for right, -1 for left
self.dashSlash = function () {
if (self.slashCooldown <= 0 && self.dashCooldown <= 0 && !self.isSlashing && !self.isDashing) {
self.isDashing = true;
self.isSlashing = true;
self.slashCooldown = 60; // 1 second cooldown
self.dashCooldown = 60;
var startX = self.x;
var dashTargetX = self.facingDirection > 0 ? Math.min(startX + self.dashDistance, 2048 - 40) : Math.max(startX - self.dashDistance, 40);
// Dash forward with tween
tween(self, {
x: dashTargetX
}, {
duration: self.dashDuration,
easing: tween.easeOut,
onFinish: function onFinish() {
self.isDashing = false;
}
});
// Create extended slash effect during dash
var slashEffect = game.addChild(LK.getAsset('slashEffect', {
anchorX: 0.5,
anchorY: 0.5
}));
slashEffect.x = self.x + 75 * self.facingDirection;
slashEffect.y = self.y - 60;
slashEffect.alpha = 0.9;
slashEffect.scaleX = 2.0 * self.facingDirection;
slashEffect.scaleY = 1.5;
// Follow player during dash
var slashFollowInterval = LK.setInterval(function () {
if (self.isDashing) {
slashEffect.x = self.x + 75 * self.facingDirection;
}
}, 16);
// Animate slash effect
tween(slashEffect, {
scaleX: 2.5,
scaleY: 2.0,
alpha: 0
}, {
duration: self.dashDuration,
onFinish: function onFinish() {
LK.clearInterval(slashFollowInterval);
slashEffect.destroy();
}
});
LK.getSound('slash').play();
// Extended damage check during dash
var damageCheckInterval = LK.setInterval(function () {
if (self.isDashing) {
for (var i = 0; i < enemies.length; i++) {
var enemy = enemies[i];
var distance = Math.sqrt(Math.pow(enemy.x - self.x, 2) + Math.pow(enemy.y - self.y, 2));
var enemyInFront = self.facingDirection > 0 ? enemy.x > self.x - 50 && enemy.x < self.x + 150 : enemy.x < self.x + 50 && enemy.x > self.x - 150;
if (distance < self.slashRange * 1.5 && enemyInFront) {
enemy.takeDamage(self.slashDamage * 2); // Double damage during dash
}
}
}
}, 30);
LK.setTimeout(function () {
LK.clearInterval(damageCheckInterval);
self.isSlashing = false;
}, self.dashDuration);
}
};
self.slash = function () {
if (self.slashCooldown <= 0 && !self.isSlashing && !self.isDashing) {
self.isSlashing = true;
self.slashCooldown = 20; // 1/3 second at 60fps
// Create slash effect
var slashEffect = game.addChild(LK.getAsset('slashEffect', {
anchorX: 0.5,
anchorY: 0.5
}));
slashEffect.x = self.x + 75 * self.facingDirection;
slashEffect.y = self.y - 60;
slashEffect.alpha = 0.8;
slashEffect.scaleX = self.facingDirection;
// Animate slash effect
tween(slashEffect, {
scaleX: 1.5,
scaleY: 1.5,
alpha: 0
}, {
duration: 200,
onFinish: function onFinish() {
slashEffect.destroy();
}
});
LK.getSound('slash').play();
// Check for enemy hits
for (var i = 0; i < enemies.length; i++) {
var enemy = enemies[i];
var distance = Math.sqrt(Math.pow(enemy.x - self.x, 2) + Math.pow(enemy.y - self.y, 2));
var enemyInRange = self.facingDirection > 0 ? enemy.x > self.x - 50 && enemy.x < self.x + self.slashRange : enemy.x < self.x + 50 && enemy.x > self.x - self.slashRange;
if (distance < self.slashRange && enemyInRange) {
enemy.takeDamage(self.slashDamage);
}
}
LK.setTimeout(function () {
self.isSlashing = false;
}, 200);
}
};
self.takeDamage = function (damage) {
if (!self.invulnerable) {
self.health -= damage;
self.invulnerable = true;
self.invulnerabilityTime = 120; // 2 seconds at 60fps
// Flash effect
LK.effects.flashObject(self, 0xff0000, 500);
if (self.health <= 0) {
self.health = 0;
LK.showGameOver();
}
}
};
self.update = function () {
if (self.slashCooldown > 0) {
self.slashCooldown--;
}
if (self.dashCooldown > 0) {
self.dashCooldown--;
}
if (self.invulnerabilityTime > 0) {
self.invulnerabilityTime--;
if (self.invulnerabilityTime <= 0) {
self.invulnerable = false;
}
}
};
return self;
});
var PowerUp = Container.expand(function () {
var self = Container.call(this);
var powerUpGraphics = self.attachAsset('powerUp', {
anchorX: 0.5,
anchorY: 0.5
});
self.speed = -2;
self.bobOffset = 0;
self.update = function () {
self.x += self.speed;
self.bobOffset += 0.1;
self.y += Math.sin(self.bobOffset) * 0.5;
// Check collision with player
if (self.intersects(player)) {
self.collect();
}
};
self.collect = function () {
LK.getSound('powerUpSound').play();
// Random power-up effect
var powerType = Math.floor(Math.random() * 3);
switch (powerType) {
case 0:
// Increased damage
player.slashDamage += 1;
break;
case 1:
// Wider slash range
player.slashRange += 50;
break;
case 2:
// Temporary invincibility
player.invulnerable = true;
player.invulnerabilityTime = 300; // 5 seconds
break;
}
// Remove from powerUps array
var index = powerUps.indexOf(self);
if (index > -1) {
powerUps.splice(index, 1);
}
self.destroy();
};
return self;
});
/****
* Initialize Game
****/
var game = new LK.Game({
backgroundColor: 0x2c3e50
});
/****
* Game Code
****/
// Game variables
var player;
var enemies = [];
var powerUps = [];
var enemySpawnTimer = 0;
var enemySpawnRate = 180; // Start spawning every 3 seconds
var gameTime = 0;
var healthBar;
var healthBarBg;
// Create UI elements
var scoreTxt = new Text2('Score: 0', {
size: 60,
fill: 0xFFFFFF
});
scoreTxt.anchor.set(0, 0);
scoreTxt.x = 120;
scoreTxt.y = 50;
LK.gui.topLeft.addChild(scoreTxt);
// Create health bar background
healthBarBg = game.addChild(LK.getAsset('healthBarBg', {
anchorX: 0,
anchorY: 0
}));
healthBarBg.x = 120;
healthBarBg.y = 120;
// Create health bar
healthBar = game.addChild(LK.getAsset('healthBar', {
anchorX: 0,
anchorY: 0
}));
healthBar.x = 122;
healthBar.y = 122;
// Create health text
var healthTxt = new Text2('Health', {
size: 40,
fill: 0xFFFFFF
});
healthTxt.anchor.set(0, 0);
healthTxt.x = 120;
healthTxt.y = 160;
game.addChild(healthTxt);
// Create player
player = game.addChild(new Player());
player.x = 300;
player.y = 2732 - 150; // Near bottom of screen
// Touch controls for movement and slashing
var isDragging = false;
var lastTouchX = 0;
game.down = function (x, y, obj) {
isDragging = true;
lastTouchX = x;
// Set facing direction based on touch position relative to player
if (x < player.x) {
player.facingDirection = -1; // Face left
} else {
player.facingDirection = 1; // Face right
}
player.dashSlash();
};
game.move = function (x, y, obj) {
if (isDragging) {
var deltaX = x - lastTouchX;
player.x += deltaX * 0.5; // Smooth movement multiplier
// Keep player within screen bounds
if (player.x < 40) player.x = 40;
if (player.x > 2048 - 40) player.x = 2048 - 40;
lastTouchX = x;
}
};
game.up = function (x, y, obj) {
isDragging = false;
};
// Spawn enemies
function spawnEnemy() {
var enemyType = Math.random() < 0.7 ? 'basic' : 'armored';
var enemy = game.addChild(new Enemy(enemyType));
enemy.x = 2048 + 100; // Start off-screen right
enemy.y = 2732 - 150 + Math.random() * 100 - 50; // Vary height slightly
enemies.push(enemy);
}
// Main game loop
game.update = function () {
gameTime++;
// Update score display
scoreTxt.setText('Score: ' + LK.getScore());
// Update health bar
var healthPercent = player.health / player.maxHealth;
healthBar.width = 200 * healthPercent;
// Spawn enemies
enemySpawnTimer++;
if (enemySpawnTimer >= enemySpawnRate) {
spawnEnemy();
enemySpawnTimer = 0;
// Increase difficulty over time
if (enemySpawnRate > 60) {
// Minimum spawn rate
enemySpawnRate -= 0.5;
}
}
// Clean up off-screen enemies
for (var i = enemies.length - 1; i >= 0; i--) {
var enemy = enemies[i];
if (enemy.x < -100) {
enemy.destroy();
enemies.splice(i, 1);
}
}
// Clean up off-screen power-ups
for (var i = powerUps.length - 1; i >= 0; i--) {
var powerUp = powerUps[i];
if (powerUp.x < -100) {
powerUp.destroy();
powerUps.splice(i, 1);
}
}
}; ===================================================================
--- original.js
+++ change.js
@@ -109,16 +109,17 @@
self.dashDistance = 200;
self.dashDuration = 300;
self.invulnerable = false;
self.invulnerabilityTime = 0;
+ self.facingDirection = 1; // 1 for right, -1 for left
self.dashSlash = function () {
if (self.slashCooldown <= 0 && self.dashCooldown <= 0 && !self.isSlashing && !self.isDashing) {
self.isDashing = true;
self.isSlashing = true;
self.slashCooldown = 60; // 1 second cooldown
self.dashCooldown = 60;
var startX = self.x;
- var dashTargetX = Math.min(startX + self.dashDistance, 2048 - 40);
+ var dashTargetX = self.facingDirection > 0 ? Math.min(startX + self.dashDistance, 2048 - 40) : Math.max(startX - self.dashDistance, 40);
// Dash forward with tween
tween(self, {
x: dashTargetX
}, {
@@ -132,17 +133,17 @@
var slashEffect = game.addChild(LK.getAsset('slashEffect', {
anchorX: 0.5,
anchorY: 0.5
}));
- slashEffect.x = self.x + 75;
+ slashEffect.x = self.x + 75 * self.facingDirection;
slashEffect.y = self.y - 60;
slashEffect.alpha = 0.9;
- slashEffect.scaleX = 2.0;
+ slashEffect.scaleX = 2.0 * self.facingDirection;
slashEffect.scaleY = 1.5;
// Follow player during dash
var slashFollowInterval = LK.setInterval(function () {
if (self.isDashing) {
- slashEffect.x = self.x + 75;
+ slashEffect.x = self.x + 75 * self.facingDirection;
}
}, 16);
// Animate slash effect
tween(slashEffect, {
@@ -162,9 +163,10 @@
if (self.isDashing) {
for (var i = 0; i < enemies.length; i++) {
var enemy = enemies[i];
var distance = Math.sqrt(Math.pow(enemy.x - self.x, 2) + Math.pow(enemy.y - self.y, 2));
- if (distance < self.slashRange * 1.5 && enemy.x > self.x - 100 && enemy.x < self.x + 100) {
+ var enemyInFront = self.facingDirection > 0 ? enemy.x > self.x - 50 && enemy.x < self.x + 150 : enemy.x < self.x + 50 && enemy.x > self.x - 150;
+ if (distance < self.slashRange * 1.5 && enemyInFront) {
enemy.takeDamage(self.slashDamage * 2); // Double damage during dash
}
}
}
@@ -183,11 +185,12 @@
var slashEffect = game.addChild(LK.getAsset('slashEffect', {
anchorX: 0.5,
anchorY: 0.5
}));
- slashEffect.x = self.x + 75;
+ slashEffect.x = self.x + 75 * self.facingDirection;
slashEffect.y = self.y - 60;
slashEffect.alpha = 0.8;
+ slashEffect.scaleX = self.facingDirection;
// Animate slash effect
tween(slashEffect, {
scaleX: 1.5,
scaleY: 1.5,
@@ -202,9 +205,10 @@
// Check for enemy hits
for (var i = 0; i < enemies.length; i++) {
var enemy = enemies[i];
var distance = Math.sqrt(Math.pow(enemy.x - self.x, 2) + Math.pow(enemy.y - self.y, 2));
- if (distance < self.slashRange && enemy.x > self.x - 50) {
+ var enemyInRange = self.facingDirection > 0 ? enemy.x > self.x - 50 && enemy.x < self.x + self.slashRange : enemy.x < self.x + 50 && enemy.x > self.x - self.slashRange;
+ if (distance < self.slashRange && enemyInRange) {
enemy.takeDamage(self.slashDamage);
}
}
LK.setTimeout(function () {
@@ -347,8 +351,14 @@
var lastTouchX = 0;
game.down = function (x, y, obj) {
isDragging = true;
lastTouchX = x;
+ // Set facing direction based on touch position relative to player
+ if (x < player.x) {
+ player.facingDirection = -1; // Face left
+ } else {
+ player.facingDirection = 1; // Face right
+ }
player.dashSlash();
};
game.move = function (x, y, obj) {
if (isDragging) {
Images
:quality(85)/https:%2F%2Fcdn.frvr.ai/6885ef5b2909a00dd5b28c3f.png%3F3)
efek slash kepala naga petir ke depan. In-Game asset. 2d. High contrast. No shadows
:quality(85)/https:%2F%2Fcdn.frvr.ai/6885f0ad2909a00dd5b28c56.png%3F3)
side scroller blue steel armored ninja aksi koreographi dua tangan memegang pedang ke depan In-Game asset. 2d. No shadows
:quality(85)/https:%2F%2Fcdn.frvr.ai/6885f1392909a00dd5b28c61.png%3F3)
side scroller image fat orc samurai front holding big axe. In-Game asset. 2d. High contrast. No shadows
:quality(85)/https:%2F%2Fcdn.frvr.ai/6885f5212909a00dd5b28c73.png%3F3)
side scroller kepala evil kelinci berapi. In-Game asset. 2d. High contrast. No shadows
:quality(85)/https:%2F%2Fcdn.frvr.ai/6885f78f2909a00dd5b28caa.png%3F3)
realistic 2d anime style front field old samurai palace temple with pig evil ornament at midnight. In-Game asset. 2d. High contrast. No shadows
Sounds & Music
Used plugins
@upit/tween
