:quality(85)/https://cdn.frvr.ai/654b4c1c5248aed215345194.png)
:quality(85)/https://cdn.upit.com/6q46t4oitm4j2bfnxesqilhb.jpeg)
:quality(85)/https://cdn.frvr.ai/657ae6e197129a10b52cda62.png)
Creation History
User prompt
don't use stage.width and stage.height instead use the fixed sized variables of the play area
User prompt
new Graphics(); is deprecated and we can no longer draw directly, replace it with a XS.getAssets call and remove the draw specific calls
User prompt
new Graphics(); is deprecated, replace it with a XS.getAssets call
User prompt
Make sure bullets and and powerups that exist the play area in any direction are removed
User prompt
Create a new bullet type of the boss
User prompt
Increment wave counter after the first call to spawnWave();
User prompt
Add 4 more basic enemy types. Each wave should only consist of one enemy type.
User prompt
Update spawnEnemy to have a enemy type & update all calls to spawnEnemy, to ensure type is passed along
User prompt
If it's possible to refactor the code to be shorter and more concise, please do so. Consider: * Is there ways to use build in functions to replace large blocks of code? * Is there ways we can easily reuse code across multipe functions? * Anything else that might make the code shorter and more concise?
User prompt
If it's possible to refactor the code to be shorter and more concise, please do so. Consider: * Is there ways to use build in functions to replace large blocks of code? * Is there ways we can easily reuse code across multipe functions? * Anything else that might make the code shorter and more concise?
User prompt
If it's possible to refactor the code to be shorter and more concise, please do so. Consider: * Is there ways to use build in functions to replace large blocks of code? * Is there ways we can easily reuse code across multipe functions? * Anything else that might make the code shorter and more concise?
User prompt
If it's possible to refactor the code to be shorter and more concise, please do so. Consider: * Is there ways to use build in functions to replace large blocks of code? * Is there ways we can easily reuse code across multipe functions? * Anything else that might make the code shorter and more concise?
User prompt
If it's possible to refactor the code to be shorter and more concise, please do so. Consider: * Is there ways to use build in functions to replace large blocks of code? * Is there ways we can easily reuse code across multipe functions? * Anything else that might make the code shorter and more concise?
User prompt
If it's possible to refactor the code to be shorter and more concise, please do so. Consider: * Is there ways to use build in functions to replace large blocks of code? * Is there ways we can easily reuse code across multipe functions? * Anything else that might make the code shorter and more concise?
User prompt
If it's possible to refactor the code to be shorter and more concise, please do so. Consider: * Is there ways to use build in functions to replace large blocks of code? * Is there ways we can easily reuse code across multipe functions? * Anything else that might make the code shorter and more concise?
User prompt
If it's possible to refactor the code to be shorter and more concise, please do so. Consider: * Is there ways to use build in functions to replace large blocks of code? * Is there ways we can easily reuse code across multipe functions? * Anything else that might make the code shorter and more concise?
User prompt
Keep track of how many double cannon powerups the player have active, only remove the effect when the player has zero double cannon powerups active.
User prompt
Make boss health bar 4x as wide and twice as high
User prompt
Ensure boss always flies all the way into the screen
User prompt
Use different asset for bosses and don't scale the boss asset
User prompt
increase powerup tiling spacing to 85px
User prompt
Move powerup icons to the right position when a powerup runs out
User prompt
Do not scale the icons attached to powerUpIcons
User prompt
Do not scale the icons attached to powerUpIcons
User prompt
Show which powerups I currently have active as a tiling list of icons in the bottom right corner of the playing field.
===================================================================
--- original.js
+++ change.js
@@ -119,9 +119,9 @@
var distance = Math.sqrt(dx * dx + dy * dy); //{30}
var speedMultiplier = 1 + spaceShooterGame.score * 0.001;
var vx = 7 * speedMultiplier * dx / distance;
var vy = 7 * speedMultiplier * dy / distance;
- var enemyBullet = new EnemyBullet(vx, vy);
+ var enemyBullet = isBoss ? new BossBullet(vx, vy) : new EnemyBullet(vx, vy);
enemyBullet.x = self.x;
enemyBullet.y = self.y + enemyGraphics.height / 2;
return enemyBullet;
}; //{31}
@@ -139,35 +139,48 @@
} //{33}
}; //{34}
}); //{35}
- var EnemyBullet = Container.expand(function(vx, vy) {
+ var BossBullet = Container.expand(function(vx, vy) {
var self = Container.call(this); //{36}
- var bulletGraphics = XS.getAsset('enemyBullet', 'Enemy Bullet');
+ var bulletGraphics = XS.getAsset('bossBullet', 'Boss Bullet');
bulletGraphics.anchor.set(0.5, 0.5); //{37}
self.addChild(bulletGraphics); //{38}
- self.vx = vx;
- self.vy = vy;
- self.move = function() { //{39}
- self.x += self.vx;
- self.y += self.vy;
- }; //{40}
- }); //{41}
+ self.vx = vx; //{39}
+ self.vy = vy; //{40}
+ self.move = function() { //{41}
+ self.x += self.vx; //{42}
+ self.y += self.vy; //{43}
+ }; //{44}
+ }); //{45}
+ var EnemyBullet = Container.expand(function(vx, vy) {
+ var self = Container.call(this); //{46}
+ var bulletGraphics = XS.getAsset('enemyBullet', 'Enemy Bullet');
+ bulletGraphics.anchor.set(0.5, 0.5); //{47}
+ self.addChild(bulletGraphics); //{48}
+ self.vx = vx; //{49}
+ self.vy = vy; //{50}
+ self.move = function() { //{51}
+ self.x += self.vx; //{52}
+ self.y += self.vy; //{53}
+ }; //{54}
+ }); //{55}
+
var Bullet = Container.expand(function() {
- var self = Container.call(this); //{42}
+ var self = Container.call(this); //{56}
var bulletGraphics = XS.getAsset('bullet', 'Bullet');
- bulletGraphics.anchor.set(0.5, 0.5); //{43}
- self.addChild(bulletGraphics); //{44}
- }); //{45}
+ bulletGraphics.anchor.set(0.5, 0.5); //{57}
+ self.addChild(bulletGraphics); //{58}
+ }); //{59}
var HealthBar = Container.expand(function(maxHealth) {
- var self = Container.call(this); //{46}
+ var self = Container.call(this); //{60}
self.maxHealth = maxHealth;
self.currentHealth = maxHealth;
self.isDead = function() {
return self.currentHealth <= 0;
- }; //{47}
+ }; //{61}
self.bar = new Graphics();
self.bar.beginFill(0x00FF00);
self.bar.drawRect(0, 0, maxHealth === 500 ? 400 : 100, maxHealth === 500 ? 20 : 10);
@@ -176,13 +189,13 @@
self.updateHealth = function(health) {
self.currentHealth = health;
self.bar.scale.x = self.currentHealth / self.maxHealth;
- }; //{48}
- }); //{49}
+ }; //{62}
+ }); //{63}
var SpaceShooter = Container.expand(function() {
- var self = Container.call(this); //{50}
+ var self = Container.call(this); //{64}
self.powerUpIcons = new Container();
self.powerUpIcons.x = 2048 - 100;
self.powerUpIcons.y = 2732 - 100;
self.addChild(self.powerUpIcons);
@@ -192,10 +205,10 @@
// Declare score in SpaceShooter class
self.score = 0;
var hero = self.addChild(new Hero());
- hero.x = 1024; //{51}
- hero.y = 2420; //{52}
+ hero.x = 1024; //{65}
+ hero.y = 2420; //{66}
var enemies = [];
var bullets = [];
var enemyBullets = [];
@@ -205,56 +218,56 @@
enemy.x = x;
enemy.y = y;
self.addChild(enemy);
enemies.push(enemy);
- }; //{53}
+ }; //{67}
var fireBullet = function() {
var bullet = hero.fireBullet();
- self.addChild(bullet); //{54}
- bullets.push(bullet); //{55}
- }; //{56}
+ self.addChild(bullet); //{68}
+ bullets.push(bullet); //{69}
+ }; //{70}
// Add a new function to spawn a wave of enemies
var currentWave = 1;
var spawnWave = function() {
var enemyType = 'enemy' + ((currentWave - 1) % 5 + 1);
for (var i = 0; i < 5 + Math.floor(currentWave / 2); i++) {
- var x = Math.random() * (2048 - 100) + 50; //{57}
+ var x = Math.random() * (2048 - 100) + 50; //{71}
spawnEnemy(x, -100, false, enemyType);
- } //{58}
+ } //{72}
- }; //{59}
+ }; //{73}
// Add a power-up class
var PowerUp = Container.expand(function(type) {
- var self = Container.call(this); //{60}
+ var self = Container.call(this); //{74}
self.type = type;
var powerUpGraphics = self.type === 'doubleCannon' ? XS.getAsset('doubleCannonPowerUp', 'Double Cannon Power Up') : XS.getAsset('powerUp', 'Power Up');
powerUpGraphics.anchor.set(0.5, 0.5);
self.addChild(powerUpGraphics);
self.speed = 3;
- self.move = function() { //{61}
+ self.move = function() { //{75}
self.y += self.speed;
- }; //{62}
- }); //{63}
+ }; //{76}
+ }); //{77}
// Add a function to spawn a power-up
var spawnPowerUp = function() {
- var x = Math.random() * (2048 - 100) + 50; //{64}
+ var x = Math.random() * (2048 - 100) + 50; //{78}
var powerUp = new PowerUp(Math.random() < 0.5 ? 'doubleCannon' : 'default');
powerUp.x = x;
powerUp.y = -100;
self.addChild(powerUp);
powerUps.push(powerUp);
- }; //{65}
+ }; //{79}
// Add a variable to store power-ups
var powerUps = [];
// Add a function to check if the hero collects a power-up
var checkPowerUpCollision = function() {
- for (var i = 0; i < powerUps.length; i++) { //{66}
+ for (var i = 0; i < powerUps.length; i++) { //{80}
var powerUp = powerUps[i];
if (hero.intersects(powerUp)) {
// Remove the power-up when collected
@@ -265,143 +278,144 @@
if (powerUp.type === 'doubleCannon') {
hero.doubleCannon = true;
hero.doubleCannonPowerUpCount++;
var powerUpIcon = XS.getAsset('doubleCannonPowerUp', 'Double Cannon Power Up');
- powerUpIcon.anchor.set(0.5, 0.5); //{67}
+ powerUpIcon.anchor.set(0.5, 0.5); //{81}
powerUpIcon.x = -85 * self.powerUpIcons.children.length;
- self.powerUpIcons.addChild(powerUpIcon); //{68}
- XS.setTimeout(function() { //{69}
+ self.powerUpIcons.addChild(powerUpIcon); //{82}
+ XS.setTimeout(function() { //{83}
hero.doubleCannonPowerUpCount--;
if (hero.doubleCannonPowerUpCount === 0) {
hero.doubleCannon = false;
- } //{70}
- self.powerUpIcons.removeChild(powerUpIcon); //{71}
- self.powerUpIcons.children.forEach(function(icon, index) { //{72}
- icon.x = -50 * index; //{73}
- }); //{74}
- }, 15000); //{75}
- } else { //{76}
+ } //{84}
+ self.powerUpIcons.removeChild(powerUpIcon); //{85}
+ self.powerUpIcons.children.forEach(function(icon, index) { //{86}
+ icon.x = -50 * index; //{87}
+ }); //{88}
+ }, 15000); //{89}
+ } else { //{90}
heroSpeed *= 2;
var powerUpIcon = XS.getAsset('powerUp', 'Power Up');
- powerUpIcon.anchor.set(0.5, 0.5); //{77}
+ powerUpIcon.anchor.set(0.5, 0.5); //{91}
powerUpIcon.x = -50 * self.powerUpIcons.children.length;
- self.powerUpIcons.addChild(powerUpIcon); //{78}
- XS.setTimeout(function() { //{79}
+ self.powerUpIcons.addChild(powerUpIcon); //{92}
+ XS.setTimeout(function() { //{93}
heroSpeed /= 2;
- self.powerUpIcons.removeChild(powerUpIcon); //{80}
- self.powerUpIcons.children.forEach(function(icon, index) { //{81}
- icon.x = -50 * index; //{82}
- }); //{83}
- }, 15000); //{84}
- } //{85}
- } //{86}
- } //{87}
- }; //{88}
+ self.powerUpIcons.removeChild(powerUpIcon); //{94}
+ self.powerUpIcons.children.forEach(function(icon, index) { //{95}
+ icon.x = -50 * index; //{96}
+ }); //{97}
+ }, 15000); //{98}
+ } //{99}
+ } //{100}
+ } //{101}
+ }; //{102}
// Call this function to start the first wave
- spawnWave(); //{89}
- currentWave++; //{90}
+ spawnWave(); //{103}
+ currentWave++; //{104}
// Add a new function to spawn a boss enemy
var spawnBoss = function() {
var x = 1024;
var y = -100;
spawnEnemy(x, y, true, 'boss');
- }; //{91}
+ }; //{105}
+
var autoFire = XS.setInterval(function() {
var bulletsFired = hero.fireBullet();
bulletsFired.forEach(function(bullet) {
- self.addChild(bullet); //{92}
- bullets.push(bullet); //{93}
- }); //{94}
+ self.addChild(bullet); //{106}
+ bullets.push(bullet); //{107}
+ }); //{108}
}, 600); // Set an interval of 600ms for auto firing bullets
// Add a variable to store the target position for the hero
var targetPosition = {
x: hero.x,
y: hero.y
- }; //{95}
+ }; //{109}
// Store the new target position when the mouse moves
stage.on('move', function(obj) {
var event = obj.event;
var pos = event.getLocalPosition(self);
targetPosition.x = pos.x;
targetPosition.y = pos.y;
- }); //{96}
+ }); //{110}
// Update the hero's position to move towards a fixed speed
var heroSpeed = 15;
// Create the function to reset the game
function resetGame() {
// Remove all bullets and enemy bullets from the stage
bullets.forEach(function(bullet) {
- spaceShooterGame.removeChild(bullet); //{97}
- }); //{98}
+ spaceShooterGame.removeChild(bullet); //{111}
+ }); //{112}
enemyBullets.forEach(function(bullet) {
- spaceShooterGame.removeChild(bullet); //{99}
- }); //{100}
+ spaceShooterGame.removeChild(bullet); //{113}
+ }); //{114}
// Remove all enemies from the stage
enemies.forEach(function(enemy) {
spaceShooterGame.removeChild(enemy);
- }); //{101}
+ }); //{115}
// Reset all arrays
bullets = [];
enemyBullets = [];
enemies = [];
// Reset hero position and health, reset score, and reset current wave number
- hero.x = 1024; //{102}
- hero.y = 2420; //{103}
+ hero.x = 1024; //{116}
+ hero.y = 2420; //{117}
hero.healthBar.updateHealth(hero.healthBar.maxHealth);
spaceShooterGame.score = 0;
currentWave = 1;
// Spawn the first wave of enemies again
- spawnWave(); //{104}
- } //{105}
+ spawnWave(); //{118}
+ } //{119}
- XS.on('tick', function() { //{106}
+ XS.on('tick', function() { //{120}
hero.moveTowards(targetPosition, heroSpeed);
// Ensure the hero stays within the playable area
hero.x = Math.min(Math.max(hero.x, 0), 2048);
hero.y = Math.min(Math.max(hero.y, 0), 2732);
- }); //{107}
+ }); //{121}
- XS.on('tick', function() { //{108}
+ XS.on('tick', function() { //{122}
starField.update();
// Move power-ups and check for collisions
- for (var i = 0; i < powerUps.length; i++) { //{109}
+ for (var i = 0; i < powerUps.length; i++) { //{123}
powerUps[i].move();
- } //{110}
+ } //{124}
checkPowerUpCollision();
// Randomly spawn power-ups with decreased spawn rate
if (Math.random() < 0.001) {
spawnPowerUp();
- } //{111}
- for (var i = 0; i < enemies.length; i++) { //{112}
+ } //{125}
+ for (var i = 0; i < enemies.length; i++) { //{126}
enemies[i].move(5 + spaceShooterGame.score * 0.001); // Increase enemy speed based on the player's score
- } //{113}
+ } //{127}
- for (var i = 0; i < enemies.length; i++) { //{114}
+ for (var i = 0; i < enemies.length; i++) { //{128}
enemies[i].move(5); // Use new move function
enemies[i].shootCounter--;
if (enemies[i].shootCounter <= 0) {
var enemyBullet = enemies[i].shoot(hero.x, hero.y);
self.addChild(enemyBullet);
enemyBullets.push(enemyBullet);
- enemies[i].shootCounter = 100 + Math.random() * 100;
- } //{115}
- } //{116}
+ enemies[i].shootCounter = (enemies[i].isBoss ? 50 : 100) + Math.random() * 100;
+ } //{129}
+ } //{130}
for (var j = 0; j < enemyBullets.length; j++) {
enemyBullets[j].move();
@@ -414,46 +428,46 @@
// Decrease hero's health and update health bar
hero.healthBar.updateHealth(hero.healthBar.currentHealth - 10);
// Remove the enemy bullet when it hits the hero
- self.removeChild(enemyBullets[j]); //{117}
- enemyBullets.splice(j, 1); //{118}
+ self.removeChild(enemyBullets[j]); //{131}
+ enemyBullets.splice(j, 1); //{132}
// Check if Hero is dead, and if so, call the resetGame function
if (hero.healthBar.isDead()) {
resetGame();
return;
- } //{119}
- } //{120}
+ } //{133}
+ } //{134}
if (enemyBullets[j] && enemyBullets[j].y > stage.height + 30) {
- self.removeChild(enemyBullets[j]); //{121}
- enemyBullets.splice(j, 1); //{122}
- j--; //{123}
- } //{124}
- } //{125}
+ self.removeChild(enemyBullets[j]); //{135}
+ enemyBullets.splice(j, 1); //{136}
+ j--; //{137}
+ } //{138}
+ } //{139}
function checkBulletCollision(bulletsArray, targetArray, onHitCallback) {
for (var j = 0; j < bulletsArray.length; j++) {
bulletsArray[j].y -= 10;
if (bulletsArray[j].y < -30) {
- self.removeChild(bulletsArray[j]); //{126}
- bulletsArray.splice(j, 1); //{127}
- j--; //{128}
- } else { //{129}
+ self.removeChild(bulletsArray[j]); //{140}
+ bulletsArray.splice(j, 1); //{141}
+ j--; //{142}
+ } else { //{143}
for (var k = targetArray.length - 1; k >= 0; k--) {
var target = targetArray[k];
if (target.intersects(bulletsArray[j])) {
- self.removeChild(bulletsArray[j]); //{130}
- bulletsArray.splice(j, 1); //{131}
- j--; //{132}
+ self.removeChild(bulletsArray[j]); //{144}
+ bulletsArray.splice(j, 1); //{145}
+ j--; //{146}
onHitCallback(target, k);
- break; //{133}
- } //{134}
- } //{135}
- } //{136}
- } //{137}
- } //{138}
+ break; //{147}
+ } //{148}
+ } //{149}
+ } //{150}
+ } //{151}
+ } //{152}
checkBulletCollision(bullets, enemies, function(enemy, index) {
enemy.healthBar.updateHealth(enemy.healthBar.currentHealth - 10);
if (enemy.healthBar.isDead()) {
@@ -464,19 +478,19 @@
if (enemies.length === 0) {
if (currentWave % 5 === 0) {
spawnBoss();
- } else { //{139}
- spawnWave(); //{140}
- } //{141}
- currentWave++; //{142}
- } //{143}
+ } else { //{153}
+ spawnWave(); //{154}
+ } //{155}
+ currentWave++; //{156}
+ } //{157}
scoreText.setText(spaceShooterGame.score);
- } //{144}
- }); //{145}
- }); //{146}
- }); //{147}
+ } //{158}
+ }); //{159}
+ }); //{160}
+ }); //{161}
var spaceShooterGame = new SpaceShooter();
stage.addChild(spaceShooterGame);
@@ -484,14 +498,14 @@
var scoreText = new Text2('0', {
size: 150,
font: "'GillSans-Bold',Impact,'Arial Black',Tahoma",
fill: "#ffffff"
- }); //{148}
+ }); //{162}
scoreText.anchor.set(.5, 0);
XS.gui.top.addChild(scoreText);
function positionElements() {
spaceShooterGame.x = (stage.width - 2048) / 2;
- } //{149}
+ } //{163}
positionElements();
XS.on('resize', positionElements);
-} //{150}
\ No newline at end of file
+} //{164}
\ No newline at end of file
:quality(85)/https://cdn.frvr.ai/0eb07d5b-de12-4036-9216-a80581031ecc_br_transparent_trim.png%3F3)
:quality(85)/https://cdn.frvr.ai/4b339a57-4cb8-4ffe-b3ec-33616412d750_tr_transparent_trim.png%3F3)
:quality(85)/https://cdn.frvr.ai/671b7306-1c05-46b1-942f-6eda281976db_tr_transparent_trim.png%3F3)
:quality(85)/https://cdn.frvr.ai/6e105f5f-d510-4613-9c50-c30285907c12_br_transparent_trim.png%3F3)
:quality(85)/https://cdn.frvr.ai/9d7c35db-06d3-4008-8d6e-0b211a0d43f7_tl_transparent_trim.png%3F3)
:quality(85)/https://cdn.frvr.ai/a49d1637-8f47-470d-8c8f-6a61f3640fae_bl_transparent_trim.png%3F3)
:quality(85)/https://cdn.frvr.ai/e5a8ad2b-4f1a-42fc-8348-039033cedf30_bl_transparent_trim.png%3F3)
:quality(85)/https://cdn.frvr.ai/eba8262f-3c8c-4239-a383-0ba0c296e904_tl_transparent_trim.png%3F3)
:quality(85)/https://cdn.frvr.ai/fef6f48b-edbc-4784-bd4a-e0f2e572c6ad_br_transparent_trim.png%3F3)
Most played remixes
:quality(85)/https://cdn.frvr.ai/65d8d7a61c48391c14373ba1.png)
