heyday-marketing-gmbh/kaltaquise-gamification
11
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

pong

Browse Source
This commit is contained in:
verboomp
2026-04-21 14:29:19 +02:00
parent 5c989c5e70
commit deb4ddeaab
3 changed files with 14 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
Archive.zip
View File

Binary file not shown.

5
thiola-pong/constants.js
View File

@@ -2,11 +2,14 @@ const PADDLE_W = 12;
const PADDLE_H = 90; const PADDLE_H = 90;
const PADDLE_MARGIN = 42; const PADDLE_MARGIN = 42;
const BALL_R = 7; const BALL_R = 7;
const BASE_SPEED = 5; const BASE_SPEED = 3.5;
const WIN_SCORE = 5; const WIN_SCORE = 5;
const MAX_LEVEL = 3; const MAX_LEVEL = 3;
const WALL_WIDTH = 32; const WALL_WIDTH = 32;
const PADDLE_SPIN_FACTOR = 0.5;
const BALL_RESUME_DELAY = 800; // ms pause after dismissing a goal message
const LEVEL_COVERAGE = [0, 0, 40, 70]; const LEVEL_COVERAGE = [0, 0, 40, 70];
const LEVEL_CPU_SPEED = [0, 1.6, 3.0, 3.8]; const LEVEL_CPU_SPEED = [0, 1.6, 3.0, 3.8];

15
thiola-pong/game.js
View File

@@ -116,7 +116,7 @@
goalFlash.removeEventListener('click', cont); goalFlash.removeEventListener('click', cont);
if (playerScore >= WIN_SCORE) { advanceLevel(); } if (playerScore >= WIN_SCORE) { advanceLevel(); }
else if (cpuScore >= WIN_SCORE) { showGameOver(); } else if (cpuScore >= WIN_SCORE) { showGameOver(); }
else { paused = false; resetBall(isPlayerGoal ? -1 : 1); } else { resetBall(isPlayerGoal ? -1 : 1); setTimeout(() => { paused = false; }, BALL_RESUME_DELAY); }
} }
setTimeout(() => { setTimeout(() => {
@@ -247,17 +247,19 @@
if (e.key === 'w' || e.key === 'W') keyW = false; if (e.key === 'w' || e.key === 'W') keyW = false;
if (e.key === 's' || e.key === 'S') keyS = false; if (e.key === 's' || e.key === 'S') keyS = false;
}); });
canvas.addEventListener('mousemove', e => { document.addEventListener('mousemove', e => {
const rect = canvas.getBoundingClientRect(); const rect = canvas.getBoundingClientRect();
mouseY = (e.clientY - rect.top) * (H / rect.height); mouseY = (e.clientY - rect.top) * (H / rect.height);
}); });
canvas.addEventListener('mouseleave', () => { mouseY = null; });
// ─── Update ─── // ─── Update ───
function update() { function update() {
if (!running || paused) return; if (!running || paused) return;
glowPhase += 0.03; glowPhase += 0.03;
const prevPlayerY = playerY;
const prevCpuY = cpuY;
// Player 1 (left) — PvP: W/S only; CPU mode: mouse OR W/S // Player 1 (left) — PvP: W/S only; CPU mode: mouse OR W/S
if (gameMode === 'pvp') { if (gameMode === 'pvp') {
if (keyW) playerY -= 6; if (keyW) playerY -= 6;
@@ -282,6 +284,9 @@
} }
cpuY = Math.max(0, Math.min(H - PADDLE_H, cpuY)); cpuY = Math.max(0, Math.min(H - PADDLE_H, cpuY));
const playerVY = playerY - prevPlayerY;
const cpuVY = cpuY - prevCpuY;
// Ball movement // Ball movement
ballX += ballVX; ballY += ballVY; ballX += ballVX; ballY += ballVY;
if (ballY - BALL_R <= 0) { ballY = BALL_R; ballVY = Math.abs(ballVY); } if (ballY - BALL_R <= 0) { ballY = BALL_R; ballVY = Math.abs(ballVY); }
@@ -292,7 +297,7 @@
if (ballX + BALL_R >= W - PADDLE_MARGIN - PADDLE_W) { if (ballX + BALL_R >= W - PADDLE_MARGIN - PADDLE_W) {
if (ballX + BALL_R <= W - PADDLE_MARGIN + PADDLE_W && ballY >= cpuY && ballY <= cpuY + PADDLE_H) { if (ballX + BALL_R <= W - PADDLE_MARGIN + PADDLE_W && ballY >= cpuY && ballY <= cpuY + PADDLE_H) {
ballVX = -Math.abs(ballVX) * 1.03; ballVX = -Math.abs(ballVX) * 1.03;
ballVY += ((ballY - cpuY)/PADDLE_H - 0.5) * 3; ballVY += ((ballY - cpuY)/PADDLE_H - 0.5) * 3 + cpuVY * PADDLE_SPIN_FACTOR;
ballX = W - PADDLE_MARGIN - PADDLE_W - BALL_R; ballX = W - PADDLE_MARGIN - PADDLE_W - BALL_R;
spawnParticles(ballX, ballY, '#ff6b35', 8); spawnParticles(ballX, ballY, '#ff6b35', 8);
} else if (ballX > W + BALL_R) { } else if (ballX > W + BALL_R) {
@@ -305,7 +310,7 @@
if (ballX - BALL_R <= PADDLE_MARGIN + PADDLE_W) { if (ballX - BALL_R <= PADDLE_MARGIN + PADDLE_W) {
if (ballX - BALL_R >= PADDLE_MARGIN - PADDLE_W && ballY >= playerY && ballY <= playerY + PADDLE_H) { if (ballX - BALL_R >= PADDLE_MARGIN - PADDLE_W && ballY >= playerY && ballY <= playerY + PADDLE_H) {
ballVX = Math.abs(ballVX) * 1.03; ballVX = Math.abs(ballVX) * 1.03;
ballVY += ((ballY - playerY)/PADDLE_H - 0.5) * 3; ballVY += ((ballY - playerY)/PADDLE_H - 0.5) * 3 + playerVY * PADDLE_SPIN_FACTOR;
ballX = PADDLE_MARGIN + PADDLE_W + BALL_R; ballX = PADDLE_MARGIN + PADDLE_W + BALL_R;
spawnParticles(ballX, ballY, '#4ecdc4', 8); spawnParticles(ballX, ballY, '#4ecdc4', 8);
} else if (ballX - BALL_R <= WALL_WIDTH && coveragePercent > 0) { } else if (ballX - BALL_R <= WALL_WIDTH && coveragePercent > 0) {