Play
:quality(85)/https://cdn.frvr.ai/684129697b3c3ea874758e76.png)
:quality(85)/https://cdn.frvr.ai/6841296a7b3c3ea874758e77.png)
#arcade
#reflexgame
#Bubblepop
Creation History
User prompt
Fix skull Ballon not pop automatic
User prompt
Fix 100 / 100 balloons missing instead
User prompt
“skull balloons do not increase the missed balloons count when leaving the screen”.
User prompt
Fix bugs so skulls and balloons you can pop are not connected, make them separated, so when pop skull you loose, the other balloons give points and make game going forward
User prompt
Fix bugs
User prompt
Fix bug, so you only loose when touch skull balloons
User prompt
Fix bug so you get points for all red balloons, add more balloons in different colors
User prompt
Make the balloons bigger
User prompt
Add blue asset to a extra color balloon
User prompt
Lägg till asset blue ballong
User prompt
Use set asset to background
User prompt
Bake balloons you can not touch, if you do You loose and those balloon explode and have black colors with skulle on
User prompt
Make the game more challenging
User prompt
Make balloons in different sizes and every balloon have different speed, and make balloons in different colors, some balloons red, som blue, som yellow and so on...
User prompt
Make bigger balloons and in different colors
Code edit (1 edits merged)
Please save this source code
User prompt
Bubble Pop Frenzy
Initial prompt
Create a fun game satisfying
/****
* Plugins
****/
var tween = LK.import("@upit/tween.v1");
/****
* Classes
****/
var Bubble = Container.expand(function () {
var self = Container.call(this);
self.isGolden = false;
self.isForbidden = false;
self.bubbleSize = 1;
self.speed = 2;
self.floatSpeed = 0;
self.floatAmplitude = 0;
self.floatOffset = 0;
self.bubbleGraphics = null;
self.skullOverlay = null;
self.init = function (size, golden, forbidden) {
self.bubbleSize = size;
self.isGolden = golden || false;
self.isForbidden = forbidden || false;
var assetId = 'bubble';
if (self.isGolden) assetId = 'goldenBubble';
if (self.isForbidden) assetId = 'forbiddenBalloon';
self.bubbleGraphics = self.attachAsset(assetId, {
anchorX: 0.5,
anchorY: 0.5,
scaleX: size,
scaleY: size
});
// Add shimmer effect to golden bubbles
if (golden) {
self.bubbleGraphics.alpha = 0.9;
}
// Add skull overlay for forbidden balloon
if (self.isForbidden) {
self.skullOverlay = self.attachAsset('skull', {
anchorX: 0.5,
anchorY: 0.5,
scaleX: 0.7 * size,
scaleY: 0.7 * size
});
}
// Set speed based on size (smaller = faster)
self.speed = 2 + (1 - size) * 3;
// Random floating movement
self.floatSpeed = 0.02 + Math.random() * 0.02;
self.floatAmplitude = 20 + Math.random() * 30;
self.floatOffset = Math.random() * Math.PI * 2;
};
self.update = function () {
// Move upward
self.y -= self.speed;
// Floating side-to-side movement
self.x += Math.sin(LK.ticks * self.floatSpeed + self.floatOffset) * self.floatAmplitude * 0.05;
};
self.getPoints = function () {
if (self.isGolden) {
return 50;
}
if (self.isForbidden) {
return 0;
}
// Smaller bubbles worth more points
return Math.floor((2 - self.bubbleSize) * 20 + 5);
};
return self;
});
var Needle = Container.expand(function () {
var self = Container.call(this);
var needleGraphics = self.attachAsset('needle', {
anchorX: 0.5,
anchorY: 1.0
});
// Add a sharp point indicator at the top
var point = self.attachAsset('needle', {
anchorX: 0.5,
anchorY: 0.5,
scaleX: 0.3,
scaleY: 0.3,
y: -180
});
return self;
});
/****
* Initialize Game
****/
var game = new LK.Game({
backgroundColor: 0x87CEEB
});
/****
* Game Code
****/
// skull overlay
// black balloon
// Game variables
var needle;
var bubbles = [];
var missedBubbles = 0;
var maxMissedBubbles = 10;
var spawnTimer = 0;
var spawnDelay = 60;
var difficultyTimer = 0;
var goldenBubbleChance = 0.05;
// UI elements
var scoreTxt = new Text2('Score: 0', {
size: 80,
fill: 0xFFFFFF
});
scoreTxt.anchor.set(0.5, 0);
LK.gui.top.addChild(scoreTxt);
var missedTxt = new Text2('Missed: 0/' + maxMissedBubbles, {
size: 60,
fill: 0xFF0000
});
missedTxt.anchor.set(1, 0);
missedTxt.x = -20;
LK.gui.topRight.addChild(missedTxt);
// Create needle
needle = game.addChild(new Needle());
needle.x = 1024;
needle.y = 2400;
// Dragging logic
var dragNode = null;
game.down = function (x, y, obj) {
dragNode = needle;
handleMove(x, y, obj);
};
game.up = function (x, y, obj) {
dragNode = null;
};
function handleMove(x, y, obj) {
if (dragNode) {
dragNode.x = x;
dragNode.y = y;
}
}
game.move = handleMove;
// Game update loop
game.update = function () {
// Increase difficulty based on score and time
difficultyTimer++;
// Make spawnDelay decrease faster as score increases
var score = LK.getScore();
if (difficultyTimer % 300 === 0 && spawnDelay > 10) {
// Decrease spawn delay more rapidly as score increases
if (score > 200) {
spawnDelay -= 6;
} else if (score > 100) {
spawnDelay -= 4;
} else {
spawnDelay -= 2;
}
if (spawnDelay < 10) spawnDelay = 10;
}
// Also, increase all bubble speeds slightly as score increases
for (var i = 0; i < bubbles.length; i++) {
if (score > 200) {
bubbles[i].speed += 0.03;
} else if (score > 100) {
bubbles[i].speed += 0.02;
} else if (score > 50) {
bubbles[i].speed += 0.01;
}
}
// Spawn bubbles
spawnTimer++;
if (spawnTimer >= spawnDelay) {
spawnTimer = 0;
spawnBubble();
}
// Update bubbles
for (var i = bubbles.length - 1; i >= 0; i--) {
var bubble = bubbles[i];
// Track last position
if (bubble.lastY === undefined) bubble.lastY = bubble.y;
if (bubble.lastPopped === undefined) bubble.lastPopped = false;
// Check if bubble escaped off screen
if (bubble.lastY > -100 && bubble.y <= -100) {
if (!bubble.isGolden) {
missedBubbles++;
missedTxt.setText('Missed: ' + missedBubbles + '/' + maxMissedBubbles);
LK.getSound('miss').play();
if (missedBubbles >= maxMissedBubbles) {
LK.showGameOver();
}
}
bubble.destroy();
bubbles.splice(i, 1);
continue;
}
// Check collision with needle
var currentPopped = bubble.intersects(needle);
if (!bubble.lastPopped && currentPopped) {
if (bubble.isForbidden) {
// Forbidden balloon: lose, explode, show skull
if (bubble.skullOverlay) {
bubble.skullOverlay.scaleX = 1.2 * bubble.bubbleSize;
bubble.skullOverlay.scaleY = 1.2 * bubble.bubbleSize;
}
// Animate forbidden balloon explosion (scale up, fade out, keep skull visible)
tween(bubble, {
scaleX: 2 * bubble.bubbleSize,
scaleY: 2 * bubble.bubbleSize,
alpha: 0.2
}, {
duration: 350,
easing: tween.easeOut,
onFinish: function onFinish() {
bubble.destroy();
}
});
LK.effects.flashScreen(0x000000, 600);
LK.showGameOver();
bubbles.splice(i, 1);
continue;
}
// Pop the bubble
var points = bubble.getPoints();
LK.setScore(LK.getScore() + points);
scoreTxt.setText('Score: ' + LK.getScore());
// Play appropriate sound
if (bubble.isGolden) {
LK.getSound('bonus').play();
LK.effects.flashScreen(0xFFD700, 300);
} else {
LK.getSound('pop').play();
}
// Visual pop effect
tween(bubble, {
scaleX: 0,
scaleY: 0,
alpha: 0
}, {
duration: 200,
easing: tween.easeOut,
onFinish: function onFinish() {
bubble.destroy();
}
});
bubbles.splice(i, 1);
continue;
}
bubble.lastY = bubble.y;
bubble.lastPopped = currentPopped;
}
};
function spawnBubble() {
var bubble = new Bubble();
// Random size between 0.5 and 1.5
var size = 0.5 + Math.random();
// Increase golden bubble chance as score increases
var score = LK.getScore();
var dynamicGoldenChance = goldenBubbleChance;
if (score > 200) {
dynamicGoldenChance = 0.12;
} else if (score > 100) {
dynamicGoldenChance = 0.09;
} else if (score > 50) {
dynamicGoldenChance = 0.07;
}
var isGolden = false;
var isForbidden = false;
// 10% chance for forbidden balloon, but never both golden and forbidden
var forbiddenChance = 0.10 + Math.min(0.10, score / 1000); // up to 20% at high score
var rand = Math.random();
if (rand < dynamicGoldenChance) {
isGolden = true;
} else if (rand < dynamicGoldenChance + forbiddenChance) {
isForbidden = true;
}
bubble.init(size, isGolden, isForbidden);
// Random x position
bubble.x = 100 + Math.random() * 1848;
bubble.y = 2832;
bubbles.push(bubble);
game.addChild(bubble);
} ===================================================================
--- original.js
+++ change.js
@@ -8,26 +8,42 @@
****/
var Bubble = Container.expand(function () {
var self = Container.call(this);
self.isGolden = false;
+ self.isForbidden = false;
self.bubbleSize = 1;
self.speed = 2;
self.floatSpeed = 0;
self.floatAmplitude = 0;
self.floatOffset = 0;
- self.init = function (size, golden) {
+ self.bubbleGraphics = null;
+ self.skullOverlay = null;
+ self.init = function (size, golden, forbidden) {
self.bubbleSize = size;
self.isGolden = golden || false;
- var bubbleGraphics = self.attachAsset(golden ? 'goldenBubble' : 'bubble', {
+ self.isForbidden = forbidden || false;
+ var assetId = 'bubble';
+ if (self.isGolden) assetId = 'goldenBubble';
+ if (self.isForbidden) assetId = 'forbiddenBalloon';
+ self.bubbleGraphics = self.attachAsset(assetId, {
anchorX: 0.5,
anchorY: 0.5,
scaleX: size,
scaleY: size
});
// Add shimmer effect to golden bubbles
if (golden) {
- bubbleGraphics.alpha = 0.9;
+ self.bubbleGraphics.alpha = 0.9;
}
+ // Add skull overlay for forbidden balloon
+ if (self.isForbidden) {
+ self.skullOverlay = self.attachAsset('skull', {
+ anchorX: 0.5,
+ anchorY: 0.5,
+ scaleX: 0.7 * size,
+ scaleY: 0.7 * size
+ });
+ }
// Set speed based on size (smaller = faster)
self.speed = 2 + (1 - size) * 3;
// Random floating movement
self.floatSpeed = 0.02 + Math.random() * 0.02;
@@ -43,8 +59,11 @@
self.getPoints = function () {
if (self.isGolden) {
return 50;
}
+ if (self.isForbidden) {
+ return 0;
+ }
// Smaller bubbles worth more points
return Math.floor((2 - self.bubbleSize) * 20 + 5);
};
return self;
@@ -75,8 +94,10 @@
/****
* Game Code
****/
+// skull overlay
+// black balloon
// Game variables
var needle;
var bubbles = [];
var missedBubbles = 0;
@@ -174,8 +195,31 @@
}
// Check collision with needle
var currentPopped = bubble.intersects(needle);
if (!bubble.lastPopped && currentPopped) {
+ if (bubble.isForbidden) {
+ // Forbidden balloon: lose, explode, show skull
+ if (bubble.skullOverlay) {
+ bubble.skullOverlay.scaleX = 1.2 * bubble.bubbleSize;
+ bubble.skullOverlay.scaleY = 1.2 * bubble.bubbleSize;
+ }
+ // Animate forbidden balloon explosion (scale up, fade out, keep skull visible)
+ tween(bubble, {
+ scaleX: 2 * bubble.bubbleSize,
+ scaleY: 2 * bubble.bubbleSize,
+ alpha: 0.2
+ }, {
+ duration: 350,
+ easing: tween.easeOut,
+ onFinish: function onFinish() {
+ bubble.destroy();
+ }
+ });
+ LK.effects.flashScreen(0x000000, 600);
+ LK.showGameOver();
+ bubbles.splice(i, 1);
+ continue;
+ }
// Pop the bubble
var points = bubble.getPoints();
LK.setScore(LK.getScore() + points);
scoreTxt.setText('Score: ' + LK.getScore());
@@ -218,10 +262,19 @@
dynamicGoldenChance = 0.09;
} else if (score > 50) {
dynamicGoldenChance = 0.07;
}
- var isGolden = Math.random() < dynamicGoldenChance;
- bubble.init(size, isGolden);
+ var isGolden = false;
+ var isForbidden = false;
+ // 10% chance for forbidden balloon, but never both golden and forbidden
+ var forbiddenChance = 0.10 + Math.min(0.10, score / 1000); // up to 20% at high score
+ var rand = Math.random();
+ if (rand < dynamicGoldenChance) {
+ isGolden = true;
+ } else if (rand < dynamicGoldenChance + forbiddenChance) {
+ isForbidden = true;
+ }
+ bubble.init(size, isGolden, isForbidden);
// Random x position
bubble.x = 100 + Math.random() * 1848;
bubble.y = 2832;
bubbles.push(bubble);
Showing 1 to 18 of 18
Images
:quality(85)/https://cdn.frvr.ai/684129de7b3c3ea874758e7d.png%3F3)
Skapa en realistic nål. No background. Transparent background. Blank background. No shadows. 2d. In-Game asset. flat
:quality(85)/https://cdn.frvr.ai/68412b287b3c3ea874758e9a.png%3F3)
:quality(85)/https://cdn.frvr.ai/684135927b3c3ea874758ecd.png%3F3)
Create a cool sky background. In-Game asset. 2d. No shadows
:quality(85)/https://cdn.frvr.ai/684136367b3c3ea874758ee8.png%3F3)
Black Ballon with white skull on. In-Game asset. 2d. No shadows
:quality(85)/https://cdn.frvr.ai/684139cb7b3c3ea874758f36.png%3F3)
Create a green Ballon with happy face. In-Game asset. 2d. No shadows
Sounds & Music
Used plugins
@upit/tween
