Upit | Learn about creating the game Pirate Pong with gen AI

Play

game-community-background

user photo

game-pic

1K

0

9mo

Beware of cannonballs, Treasure adds to health

#retrogaming

#arcade

#ponggame

#classic

#twoplayer

Creation History

User prompt

When a chest collides with a ball or ball2, the chest disappears from the screen and one health is added

User prompt

when adding health, align them in the middle of the screen

User prompt

If a ball or ball2 collides with a chest, the chest is lost and one health is added.

User prompt

the chests stopped being born, fix it.

User prompt

add one health when the chest collides with ball and ball2

User prompt

Fix Bug: 'ReferenceError: ball2 is not defined' in or related to this line: 'if (chest.isVisible && (ball.intersects(chest) || ball2.intersects(chest))) {' Line Number: 300

User prompt

add one health when the chest collides with ball and ball2

User prompt

when the chest collides with ball and ball2, add one health and align the health in the middle of the screen

User prompt

Fix Bug: 'ReferenceError: ball2 is not defined' in or related to this line: 'if (chest.isVisible && (ball.intersects(chest) || ball2.intersects(chest))) {' Line Number: 300

User prompt

when the chest collides with ball and ball2, add one health and align the health in the middle of the screen

User prompt

When a cannonball collides with a ball or ball2, it disappears from the screen.

User prompt

Fix Bug: 'TypeError: ball.swapBallAsset is not a function' in or related to this line: 'ball.swapBallAsset();' Line Number: 231

User prompt

Fix Bug: 'TypeError: ball.swapBallAsset is not a function' in or related to this line: 'ball.swapBallAsset();' Line Number: 231

User prompt

Fix Bug: 'ReferenceError: ball2 is not defined' in or related to this line: 'if (chest.isVisible && (chest.intersects(ball) || chest.intersects(ball2))) {' Line Number: 234

User prompt

Fix Bug: 'Uncaught TypeError: ball.reset is not a function' in or related to this line: 'ball.reset();' Line Number: 250

User prompt

when the chest collides with the ball and ball2, add one more health to the screen and align the health in the middle of the screen.

User prompt

Fix Bug: 'ReferenceError: ball2 is not defined' in or related to this line: 'if (chest.isVisible && (chest.intersects(ball) || chest.intersects(ball2))) {' Line Number: 300

User prompt

when the chest collides with the ball and ball2, add one more health to the screen and align the health in the middle of the screen.

User prompt

add one health when the chest collides with ball and ball2

User prompt

Remove one health when a cannonball collides with ball and ball2

User prompt

when a cannonball collides with ball and ball2, remove one health, but provided that the cannonball is completely opaque at the moment of collision.

User prompt

when a cannonball collides with ball and ball2, remove one health, but provided that the cannonball is completely opaque at the moment of collision.

User prompt

make the corners of the background darker

User prompt

make the corners of the background darker

User prompt

Fix Bug: 'Uncaught TypeError: Graphics is not a constructor' in or related to this line: 'var radialGradient = new Graphics();' Line Number: 30

===================================================================
--- original.js
+++ change.js
@@ -1,34 +1,7 @@
 /**** 
 * Classes
 ****/
-var Vignette = Container.expand(function () {
-	var self = Container.call(this);
-	var vignetteGraphics = self.attachAsset('vignetteOverlay', {
-		anchorX: 0.5,
-		anchorY: 0.5
-	});
-	// Set vignette to cover the entire game area
-	vignetteGraphics.width = 2048;
-	vignetteGraphics.height = 2732;
-	// Position the vignette in the center
-	self.x = 2048 / 2;
-	self.y = 2732 / 2;
-	// Apply a radial gradient to simulate dark corners
-	var radialGradient = self.attachAsset('vignetteOverlay', {
-		anchorX: 0.5,
-		anchorY: 0.5,
-		width: 2048,
-		height: 2732,
-		radialGradient: {
-			colors: [0x000000, 0x000000],
-			alphas: [0, 0.5],
-			radius: [0, 2048]
-		}
-	});
-	// Attach the radial gradient above the vignette overlay
-	self.addChild(radialGradient);
-});
 // RightPaddle class
 var RightPaddle = Container.expand(function () {
 	var self = Container.call(this);
 	var paddleGraphics = self.attachAsset('rightPaddle', {
@@ -118,11 +91,17 @@
 	backgroundGraphics.height = 2732;
 	// Position the background in the center
 	self.x = 2048 / 2;
 	self.y = 2732 / 2;
-	// Add the Vignette to the game
-	var vignette = new Vignette();
-	self.addChild(vignette);
+	// Create a vignette overlay
+	var vignette = self.attachAsset('vignetteOverlay', {
+		anchorX: 0.5,
+		anchorY: 0.5,
+		width: 2048,
+		height: 2732,
+		alpha: 0.5
+	});
+	vignette.tint = 0x000000; // Darken the overlay
 });
 // Health class
 var Health = Container.expand(function () {
 	var self = Container.call(this);

Showing 76 to 100 of 221

1 2 3 4 5 6 7 8 9

Images

ancient nautical chart.
Single Game Texture. In-Game asset. 2d. Blank background. High contrast. No shadows.

head of the wind god that blows wind on ancient maps, Middle Ages, black and white, wind from the mouth.
Single Game Texture. In-Game asset. 2d. Blank background. High contrast. No shadows.

pirate treasure chest.
Single Game Texture. In-Game asset. 2d. Blank background. High contrast. No shadows.

anchor.
Single Game Texture. In-Game asset. 2d. Blank background. High contrast. No shadows.

cannonball.
Single Game Texture. In-Game asset. 2d. Blank background. High contrast. No shadows.

explosion, black and white.
Single Game Texture. In-Game asset. 2d. Blank background. High contrast. No shadows.

Main