Play
:quality(85)/https:%2F%2Fcdn.frvr.ai/685c11a2b589756a33919be2.png)
:quality(85)/https:%2F%2Fcdn.frvr.ai/685c119db589756a33919be0.png)
Creation History
User prompt
can you add popping sound effect on bubbles
User prompt
can you make this game optimized for different mobil screen sizes
User prompt
can you make this game Touch-optimized
User prompt
remove the last changes
User prompt
make a popping sound when we click on bubbles, add a deagle image under right of crossair and make a deagle shot sound everytime i click
User prompt
i need best score under the every difficulty level. incresase the easy level bubble time +2 seconds, medium level +1 , difficult level +0,5 second ↪💡 Consider importing and using the following plugins: @upit/storage.v1
Code edit (1 edits merged)
Please save this source code
User prompt
Bubble Aim Trainer
Initial prompt
i want to develop a game for people who wants to aim better.before we start the game there is a menu and difficulty level easy medium difficult. first we need a crossair on our mouse cursor and then randomly blue bubbles pop and we try to hit them by clicking. in easy level bubbles are randomly spawn in 2 seconds and disappear. in medium level time is 1 second . in difficult level time is 0.5 second. there is a 60 second time limit every bubble we hit is worth +10.
/****
* Plugins
****/
var tween = LK.import("@upit/tween.v1");
var storage = LK.import("@upit/storage.v1");
/****
* Classes
****/
var Bubble = Container.expand(function () {
var self = Container.call(this);
var bubbleGraphics = self.attachAsset('bubble', {
anchorX: 0.5,
anchorY: 0.5
});
self.lifetime = 0;
self.maxLifetime = 2000; // Default 2 seconds
self.isAlive = true;
// Spawn animation
bubbleGraphics.alpha = 0;
bubbleGraphics.scaleX = 0.5;
bubbleGraphics.scaleY = 0.5;
tween(bubbleGraphics, {
alpha: 1,
scaleX: 1,
scaleY: 1
}, {
duration: 200,
easing: tween.easeOut
});
self.setLifetime = function (duration) {
self.maxLifetime = duration;
};
self.update = function () {
if (!self.isAlive) return;
self.lifetime += 16.67; // Approximate frame time
if (self.lifetime >= self.maxLifetime) {
self.destroy();
}
};
self.destroy = function () {
if (!self.isAlive) return;
self.isAlive = false;
// Death animation
tween(bubbleGraphics, {
alpha: 0,
scaleX: 0.2,
scaleY: 0.2
}, {
duration: 150,
easing: tween.easeIn,
onFinish: function onFinish() {
// Remove from bubbles array and container
for (var i = bubbles.length - 1; i >= 0; i--) {
if (bubbles[i] === self) {
bubbles.splice(i, 1);
break;
}
}
if (self.parent) {
self.parent.removeChild(self);
}
}
});
};
self.pop = function () {
if (!self.isAlive) return false;
self.isAlive = false;
// Pop animation
tween(bubbleGraphics, {
scaleX: 1.3,
scaleY: 1.3,
alpha: 0
}, {
duration: 100,
easing: tween.easeOut,
onFinish: function onFinish() {
// Remove from bubbles array and container
for (var i = bubbles.length - 1; i >= 0; i--) {
if (bubbles[i] === self) {
bubbles.splice(i, 1);
break;
}
}
if (self.parent) {
self.parent.removeChild(self);
}
}
});
return true;
};
self.down = function (x, y, obj) {
if (self.pop()) {
LK.setScore(LK.getScore() + 10);
scoreText.setText(LK.getScore());
LK.getSound('bubblePop').play();
}
};
return self;
});
var Crosshair = Container.expand(function () {
var self = Container.call(this);
var vertical = self.attachAsset('crosshairVertical', {
anchorX: 0.5,
anchorY: 0.5
});
var horizontal = self.attachAsset('crosshairHorizontal', {
anchorX: 0.5,
anchorY: 0.5
});
return self;
});
/****
* Initialize Game
****/
var game = new LK.Game({
backgroundColor: 0x1a1a1a
});
/****
* Game Code
****/
// Game state variables
var gameState = 'menu'; // 'menu', 'playing', 'gameover'
var difficulty = 'easy';
var gameTime = 60000; // 60 seconds in milliseconds
var currentTime = 0;
var bubbles = [];
var crosshair;
var lastBubbleSpawn = 0;
var spawnInterval = 2000; // Default spawn interval
var bubbleLifetime = 2000; // Default bubble lifetime
// UI Elements
var titleText = new Text2('Bubble Aim Trainer', {
size: 120,
fill: 0xFFFFFF
});
titleText.anchor.set(0.5, 0.5);
titleText.x = 1024;
titleText.y = 400;
game.addChild(titleText);
var difficultyText = new Text2('Select Difficulty', {
size: 80,
fill: 0xFFFFFF
});
difficultyText.anchor.set(0.5, 0.5);
difficultyText.x = 1024;
difficultyText.y = 600;
game.addChild(difficultyText);
// Difficulty buttons
var easyButton = new Text2('EASY', {
size: 60,
fill: 0x00FF00
});
easyButton.anchor.set(0.5, 0.5);
easyButton.x = 600;
easyButton.y = 800;
game.addChild(easyButton);
var mediumButton = new Text2('MEDIUM', {
size: 60,
fill: 0xFFFF00
});
mediumButton.anchor.set(0.5, 0.5);
mediumButton.x = 1024;
mediumButton.y = 800;
game.addChild(mediumButton);
var hardButton = new Text2('HARD', {
size: 60,
fill: 0xFF0000
});
hardButton.anchor.set(0.5, 0.5);
hardButton.x = 1448;
hardButton.y = 800;
game.addChild(hardButton);
// Game UI
var scoreText = new Text2('Score: 0', {
size: 60,
fill: 0xFFFFFF
});
scoreText.anchor.set(0, 0);
scoreText.x = 150;
scoreText.y = 50;
scoreText.visible = false;
LK.gui.topLeft.addChild(scoreText);
var timeText = new Text2('Time: 60', {
size: 60,
fill: 0xFFFFFF
});
timeText.anchor.set(1, 0);
timeText.visible = false;
LK.gui.topRight.addChild(timeText);
// Best score displays
var bestScoreText = new Text2('Best Scores', {
size: 60,
fill: 0xFFD700
});
bestScoreText.anchor.set(0.5, 0.5);
bestScoreText.x = 1024;
bestScoreText.y = 1000;
game.addChild(bestScoreText);
var easyBestText = new Text2('Easy: ' + (storage.bestEasy || 0), {
size: 40,
fill: 0x00FF00
});
easyBestText.anchor.set(0.5, 0.5);
easyBestText.x = 600;
easyBestText.y = 1100;
game.addChild(easyBestText);
var mediumBestText = new Text2('Medium: ' + (storage.bestMedium || 0), {
size: 40,
fill: 0xFFFF00
});
mediumBestText.anchor.set(0.5, 0.5);
mediumBestText.x = 1024;
mediumBestText.y = 1100;
game.addChild(mediumBestText);
var hardBestText = new Text2('Hard: ' + (storage.bestHard || 0), {
size: 40,
fill: 0xFF0000
});
hardBestText.anchor.set(0.5, 0.5);
hardBestText.x = 1448;
hardBestText.y = 1100;
game.addChild(hardBestText);
// Create crosshair
crosshair = new Crosshair();
crosshair.visible = false;
game.addChild(crosshair);
// Button event handlers
easyButton.down = function () {
startGame('easy');
};
mediumButton.down = function () {
startGame('medium');
};
hardButton.down = function () {
startGame('hard');
};
function startGame(selectedDifficulty) {
difficulty = selectedDifficulty;
gameState = 'playing';
currentTime = 0;
LK.setScore(0);
// Set difficulty parameters
switch (difficulty) {
case 'easy':
spawnInterval = 2000;
bubbleLifetime = 4000; // Increased from 2000 to 4000 (+2 seconds)
break;
case 'medium':
spawnInterval = 1000;
bubbleLifetime = 2000; // Increased from 1000 to 2000 (+1 second)
break;
case 'hard':
spawnInterval = 500;
bubbleLifetime = 1000; // Increased from 500 to 1000 (+0.5 second)
break;
}
// Hide menu elements
titleText.visible = false;
difficultyText.visible = false;
easyButton.visible = false;
mediumButton.visible = false;
hardButton.visible = false;
bestScoreText.visible = false;
easyBestText.visible = false;
mediumBestText.visible = false;
hardBestText.visible = false;
// Show game UI
scoreText.visible = true;
timeText.visible = true;
crosshair.visible = true;
// Clear any existing bubbles
for (var i = bubbles.length - 1; i >= 0; i--) {
bubbles[i].destroy();
}
bubbles = [];
lastBubbleSpawn = 0;
scoreText.setText('Score: 0');
timeText.setText('Time: 60');
}
function endGame() {
gameState = 'gameover';
// Check and update best scores
var finalScore = LK.getScore();
var bestKey = 'best' + difficulty.charAt(0).toUpperCase() + difficulty.slice(1);
var currentBest = storage[bestKey] || 0;
if (finalScore > currentBest) {
storage[bestKey] = finalScore;
// Update display
switch (difficulty) {
case 'easy':
easyBestText.setText('Easy: ' + finalScore);
break;
case 'medium':
mediumBestText.setText('Medium: ' + finalScore);
break;
case 'hard':
hardBestText.setText('Hard: ' + finalScore);
break;
}
}
// Hide game UI
scoreText.visible = false;
timeText.visible = false;
crosshair.visible = false;
// Show menu elements
titleText.visible = true;
difficultyText.visible = true;
easyButton.visible = true;
mediumButton.visible = true;
hardButton.visible = true;
bestScoreText.visible = true;
easyBestText.visible = true;
mediumBestText.visible = true;
hardBestText.visible = true;
// Clear bubbles
for (var i = bubbles.length - 1; i >= 0; i--) {
bubbles[i].destroy();
}
bubbles = [];
LK.showGameOver();
}
function spawnBubble() {
var bubble = new Bubble();
bubble.setLifetime(bubbleLifetime);
// Random position with margin from edges
var margin = 100;
bubble.x = margin + Math.random() * (2048 - 2 * margin);
bubble.y = margin + Math.random() * (2732 - 2 * margin);
bubbles.push(bubble);
game.addChild(bubble);
}
// Game move handler for crosshair
game.move = function (x, y, obj) {
if (gameState === 'playing') {
crosshair.x = x;
crosshair.y = y;
}
};
// Main game update loop
game.update = function () {
if (gameState === 'playing') {
currentTime += 16.67; // Approximate frame time
// Update timer display
var remainingTime = Math.max(0, Math.ceil((gameTime - currentTime) / 1000));
timeText.setText('Time: ' + remainingTime);
// Check if game time is up
if (currentTime >= gameTime) {
endGame();
return;
}
// Spawn bubbles at intervals
if (currentTime - lastBubbleSpawn >= spawnInterval) {
spawnBubble();
lastBubbleSpawn = currentTime;
}
// Update all bubbles
for (var i = bubbles.length - 1; i >= 0; i--) {
if (bubbles[i].isAlive) {
bubbles[i].update();
}
}
}
}; ===================================================================
--- original.js
+++ change.js
@@ -1,8 +1,9 @@
/****
* Plugins
****/
var tween = LK.import("@upit/tween.v1");
+var storage = LK.import("@upit/storage.v1");
/****
* Classes
****/
@@ -188,8 +189,41 @@
});
timeText.anchor.set(1, 0);
timeText.visible = false;
LK.gui.topRight.addChild(timeText);
+// Best score displays
+var bestScoreText = new Text2('Best Scores', {
+ size: 60,
+ fill: 0xFFD700
+});
+bestScoreText.anchor.set(0.5, 0.5);
+bestScoreText.x = 1024;
+bestScoreText.y = 1000;
+game.addChild(bestScoreText);
+var easyBestText = new Text2('Easy: ' + (storage.bestEasy || 0), {
+ size: 40,
+ fill: 0x00FF00
+});
+easyBestText.anchor.set(0.5, 0.5);
+easyBestText.x = 600;
+easyBestText.y = 1100;
+game.addChild(easyBestText);
+var mediumBestText = new Text2('Medium: ' + (storage.bestMedium || 0), {
+ size: 40,
+ fill: 0xFFFF00
+});
+mediumBestText.anchor.set(0.5, 0.5);
+mediumBestText.x = 1024;
+mediumBestText.y = 1100;
+game.addChild(mediumBestText);
+var hardBestText = new Text2('Hard: ' + (storage.bestHard || 0), {
+ size: 40,
+ fill: 0xFF0000
+});
+hardBestText.anchor.set(0.5, 0.5);
+hardBestText.x = 1448;
+hardBestText.y = 1100;
+game.addChild(hardBestText);
// Create crosshair
crosshair = new Crosshair();
crosshair.visible = false;
game.addChild(crosshair);
@@ -211,25 +245,29 @@
// Set difficulty parameters
switch (difficulty) {
case 'easy':
spawnInterval = 2000;
- bubbleLifetime = 2000;
+ bubbleLifetime = 4000; // Increased from 2000 to 4000 (+2 seconds)
break;
case 'medium':
spawnInterval = 1000;
- bubbleLifetime = 1000;
+ bubbleLifetime = 2000; // Increased from 1000 to 2000 (+1 second)
break;
case 'hard':
spawnInterval = 500;
- bubbleLifetime = 500;
+ bubbleLifetime = 1000; // Increased from 500 to 1000 (+0.5 second)
break;
}
// Hide menu elements
titleText.visible = false;
difficultyText.visible = false;
easyButton.visible = false;
mediumButton.visible = false;
hardButton.visible = false;
+ bestScoreText.visible = false;
+ easyBestText.visible = false;
+ mediumBestText.visible = false;
+ hardBestText.visible = false;
// Show game UI
scoreText.visible = true;
timeText.visible = true;
crosshair.visible = true;
@@ -243,12 +281,41 @@
timeText.setText('Time: 60');
}
function endGame() {
gameState = 'gameover';
+ // Check and update best scores
+ var finalScore = LK.getScore();
+ var bestKey = 'best' + difficulty.charAt(0).toUpperCase() + difficulty.slice(1);
+ var currentBest = storage[bestKey] || 0;
+ if (finalScore > currentBest) {
+ storage[bestKey] = finalScore;
+ // Update display
+ switch (difficulty) {
+ case 'easy':
+ easyBestText.setText('Easy: ' + finalScore);
+ break;
+ case 'medium':
+ mediumBestText.setText('Medium: ' + finalScore);
+ break;
+ case 'hard':
+ hardBestText.setText('Hard: ' + finalScore);
+ break;
+ }
+ }
// Hide game UI
scoreText.visible = false;
timeText.visible = false;
crosshair.visible = false;
+ // Show menu elements
+ titleText.visible = true;
+ difficultyText.visible = true;
+ easyButton.visible = true;
+ mediumButton.visible = true;
+ hardButton.visible = true;
+ bestScoreText.visible = true;
+ easyBestText.visible = true;
+ mediumBestText.visible = true;
+ hardBestText.visible = true;
// Clear bubbles
for (var i = bubbles.length - 1; i >= 0; i--) {
bubbles[i].destroy();
}
Showing 1 to 9 of 9
Used plugins
@upit/tween@upit/storage
