Play
game-community-background
game-pic

16K

5

9mo

Playit
Join the beach fun! Play Slimy Volley and dominate the sandy court!
#beach
#bythebeach2024
#sport

Creation History

Code edit (18 edits merged)

Please save this source code

User prompt

place beachBallShadow z-index, just before beachBall

Code edit (1 edits merged)

Please save this source code

Code edit (1 edits merged)

Please save this source code

Code edit (11 edits merged)

Please save this source code

User prompt

call initShadows at the end of gameInitialize

User prompt

inside initShadows, add all shadows to the game

User prompt

in initShadows, add 2 locals parasolShadow and chairShadow

User prompt

create 3 globals : ballShadow, player1Shadow, player2Shadow and a new function initShadows

Code edit (4 edits merged)

Please save this source code

User prompt

add the parasol to the game (respect coding style)

Code edit (1 edits merged)

Please save this source code

Code edit (5 edits merged)

Please save this source code

User prompt

update the animation : they should get longer vertically when jumping and get smaller when landing

User prompt

think a lot on the way to do it properly, then animate the blobs (players) when they move (like jellys)

Code edit (1 edits merged)

Please save this source code

User prompt

ball shadow should not rotate (always on the ground)

Code edit (7 edits merged)

Please save this source code

User prompt

move ball update shadow in a dicated function in ball class

User prompt

update ball shadow to look like a real one

User prompt

add shadow in Player and ball class

User prompt

wait 2sec before gameOver

Code edit (1 edits merged)

Please save this source code

User prompt

add a global for finalScore = 15

User prompt

in updateScore, in Check for game over condition, add a big result text "VICTORY!" or "DEFEAT!" at y =700

===================================================================
--- original.js
+++ change.js
@@ -17,9 +17,11 @@
 		anchorX: 0.5,
 		anchorY: 0.5,
 		alpha: 0.5
 	});
-	shadow.y = 20; // Offset shadow slightly below the ball
+	shadow.scaleX = 0.5;
+	shadow.scaleY = 0.5;
+	shadow.y = self.height / 2 + 10; // Offset shadow slightly below the ball
 	var half = self.width / 2;
 	self.speedX = 3;
 	self.speedY = 3;
 	self.accelerationY = 0.5; // Gravity
@@ -41,8 +43,12 @@
 		self.x += self.speedX;
 		self.y += self.speedY;
 		self.rotation += self.rotationSpeed * (self.speedX > 0 ? 1 : -1); // Update ball rotation based on direction
 		self.rotationSpeed *= 0.98; // Gradually decrease rotation speed
+		// Update shadow size and position based on ball's height
+		shadow.scaleX = 0.5 + self.y / 2000 * 0.5;
+		shadow.scaleY = 0.5 + self.y / 2000 * 0.5;
+		shadow.y = self.height / 2 + 10 + self.y / 2000 * 10;
 		// self.rotation += self.rotationSpeed * (self.speedX > 0 ? 1 : -1); // Update ball rotation based on direction
 		// self.rotationSpeed *= 0.98; // Gradually decrease rotation speed
 		// Check for out of bounds
 		if (self.y + half > 2000) {
Showing 76 to 100 of 528
1234567...22

Images

white volley ball. top view of a concave blue (0xADD8E6) plastic button. 4 small black directionnal chevrons engraved : right, left, top , bottom.. Photorealistic Beach ball. photo full view of a Beach white towel with colored infinte logo. placed on the sand. photo Start button in the shape of a white beach volleyball with « START » written on it in black. Photo

Sounds & Music

🎵

whistle

Sound effect

🎵

bump

Sound effect

Home
Discover
Play
Profile