switch to translation for bop

Status	File	+	-
M	`index.html`	1	1
M	`js/ai.js`	10	10
M	`js/game-systems.js`	28	34
M	`js/sprong.js`	6	4

index.htmlmodified


 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Sprong :: Pong with Physick</title>
     <link rel="stylesheet" href="sprong.css">
 </head>
 <body>

js/ai.jsmodified

  // ============= AI SETTINGS =============
  const AI_SETTINGS = {
      easy: {
--        reactionTime: 400,
++        reactionTime: 350,
          accuracy: 0.7,
          speed: 0.8,
          prediction: 0.3,
--        aggression: 0.2,
++        aggression: 0.4,
          oscillation: 0.3,
          bopChance: 0.25,
          windupSpeed: 0.1,
          trackingAggression: 0.1
      },
      medium: {
--        reactionTime: 250,
++        reactionTime: 200,
          accuracy: 0.85,
          speed: 1.0,
          prediction: 0.6,
--        aggression: 0.5,
++        aggression: 0.7,
          oscillation: 0.7,
          bopChance: 0.55,
          windupSpeed: 0.15,
          trackingAggression: 0.15
      },
      hard: {
--        reactionTime: 150,
++        reactionTime: 100,
          accuracy: 0.95,
--        speed: 1.3,  // Increased from 1.2
++        speed: 1.5,
--        prediction: 0.85, // Increased from 0.8
++        prediction: 0.85,
--        aggression: 0.9,  // Increased from 0.8
++        aggression: 1.0,
          oscillation: 1.0,
          bopChance: 0.85,
          windupSpeed: 0.2,
--        windupRadius: 60,  // Increased from 50
++        windupRadius: 60,
          comboBopChance: 0.5,
          circularMotion: 0.8,
--        phaseSpeed: 0.12,  // Increased from 0.1
++        phaseSpeed: 0.12,
          idleMovement: 0.8,
          trackingAggression: 0.25
+     }

js/game-systems.jsmodified

  const SPRING_PARTICLE_RATE  = 0.3;
  // Bop system constants
--const BOP_FORCE             = 0.5;  // self explanatory.      BOP   it.
++const BOP_FORCE             = 0.2;  // self explanatory.      BOP   it.
  const BOP_RANGE             = 40;   // also self explanatory. TWIST it.
--const BOP_DURATION          = 900;  // traversal duration.    SHAKE it.
++const BOP_DURATION          = 1500; // traversal duration.    SHAKE it.
  const BOP_COOLDOWN          = 500;  // also also self expl.   PULL  it.
  const ANCHOR_RECOIL         = 40;   // How far the anchor moves backward during bop
--const BOP_VELOCITY_BOOST    = 6;    // Initial velocity boost for paddle
++const BOP_VELOCITY_BOOST    = 5;    // Initial velocity boost for paddle
  // ============= BOP SYSTEM =============
  let bopState = {
      // Calculate direction from support to paddle
      let dx = paddle.position.x - support.position.x;
      let dy = paddle.position.y - support.position.y;
--
++
      // Normalize direction
      let magnitude = Math.sqrt(dx * dx + dy * dy);
      if (magnitude > 0) {
          dx /= magnitude;
          dy /= magnitude;
++        // Calculate anchor recoil distance
++        let anchorRecoilDistance = ANCHOR_RECOIL * 0.3;
++
++        // Move support and paddle in one solver step (no teleport → no ghost collisions)
++        Body.translate(support, { x: -dx * anchorRecoilDistance, y: -dy * anchorRecoilDistance });
++        Body.translate(paddle,  { x: -dx * anchorRecoilDistance, y: -dy * anchorRecoilDistance });
++
++        // Remember where the support started so we can ease it back later
++        const preSupportPos = { x: support.position.x + dx * anchorRecoilDistance,
++                                y: support.position.y + dy * anchorRecoilDistance };
++        bopState[side].originalPos = preSupportPos;
--        // Calculate anchor recoil distance (reduced for gentler motion)
++        // Now apply forward thrust from this new position
--        let anchorRecoilDistance = ANCHOR_RECOIL * 0.3; // Reduced from 0.4
++        let forwardSpeed = BOP_VELOCITY_BOOST * 1.0; // Restored to full power
--
--        // Move the support BACKWARD (recoil effect)
--        let newSupportX = support.position.x - dx * anchorRecoilDistance;
--        let newSupportY = support.position.y - dy * anchorRecoilDistance;
--
--        Body.setPosition(support, { x: newSupportX, y: newSupportY });
--
--        // Store original support position for recovery
--        bopState[side].originalPos = {
--            x: support.position.x + dx * anchorRecoilDistance,
--            y: support.position.y + dy * anchorRecoilDistance
--        };
--
--        // Set paddle velocity directly for immediate forward thrust (gentler)
--        let forwardSpeed = BOP_VELOCITY_BOOST * 0.8; // Reduced intensity
          Body.setVelocity(paddle, {
              x: paddle.velocity.x + dx * forwardSpeed,
              y: paddle.velocity.y + dy * forwardSpeed
          });
--
++
--        // Apply a forward force for continued acceleration (gentler)
++        // Apply a forward force for continued acceleration
          Body.applyForce(paddle, paddle.position, {
--            x: dx * bopState[side].power * BOP_RANGE * 0.05, // Reduced from 0.1
++            x: dx * bopState[side].power * BOP_RANGE * 0.08,
--            y: dy * bopState[side].power * BOP_RANGE * 0.05
++            y: dy * bopState[side].power * BOP_RANGE * 0.08
          });
--
++
--        // Create particle burst for visual feedback
++        // Create particle burst for visual feedback at the support position
          for (let i = 0; i < 5; i++) {
              let angle = Math.atan2(dy, dx) + (Math.random() - 0.5) * 0.5;
              let speed = Math.random() * 4 + 2;
                  let currentX = support.position.x;
                  let currentY = support.position.y;
++                // Smooth return motion with easing
                  let returnSpeed = 0.15 * (1 - Math.pow(1 - progress, 3));
                  let newX = currentX + (bopState.left.originalPos.x - currentX) * returnSpeed;
                  let newY = currentY + (bopState.left.originalPos.y - currentY) * returnSpeed;
+         }
+     }
--    // Update right bop
++    // Update right bop (same logic)
      if (bopState.right.active) {
          let elapsed = currentTime - bopState.right.startTime;
          let progress = elapsed / bopState.right.duration;
                      if (contactPoint) {
                          isValidCollision = true;
                      } else {
--                        // Fallback distance check
++                        // Use penetration depth as fallback to avoid false positives
--                        let dx = ball.position.x - paddle.position.x;
++                        const depth = collision.depth || 0;
--                        let dy = ball.position.y - paddle.position.y;
++                        isValidCollision = depth > 0.5;
--                        let distance = Math.sqrt(dx * dx + dy * dy);
--                        let collisionThreshold = BALL_RADIUS + Math.max(PADDLE_WIDTH, PADDLE_HEIGHT)/2 + 10;
--                        isValidCollision = distance < collisionThreshold;
+                     }
                      if (isValidCollision) {

js/sprong.jsmodified

  // Make necessary variables globally accessible for other scripts
  window.inputBuffer = inputBuffer;
  window.moveSupportEnhanced = moveSupportEnhanced;
++window.ball = null;
  function setup() {
      let canvas = createCanvas(CANVAS_WIDTH, CANVAS_HEIGHT);
      // Create ball
      ball = resetBall(null, world, width, height);
++    window.ball = ball;
      // Add everything to the world
      World.add(world, [
          updateParticles();
          checkBallPosition();
--        // Enhanced collision detection during bops
++
--        if (bopState.left.active || bopState.right.active) {
--            Engine.update(engine, 8);
--        }
          // Draw everything
          drawParticles();
          rightScore++;
          updateScore();
          ball = resetBall(ball, world, width, height);
++        window.ball = ball;  // ADD THIS LINE - Update global reference
          gameStarted = false;
      }
          leftScore++;
          updateScore();
          ball = resetBall(ball, world, width, height);
++        window.ball = ball;  // ADD THIS LINE - Update global reference
          gameStarted = false;
      }
  }
          rightScore = 0;
          updateScore();
          ball = resetBall(ball, world, width, height);
++        window.ball = ball;
          gameStarted = false;
          inputBuffer.left = 0;

zeroed-some/sprong / `b9e8ba5`

4 changed files

`@@ -3,7 +3,7 @@`
3	<head>	3	<head>
4	<meta charset="UTF-8">	4	<meta charset="UTF-8">
5	<meta name="viewport" content="width=device-width, initial-scale=1.0">	5	<meta name="viewport" content="width=device-width, initial-scale=1.0">
6	- <title>Sprong :: Physics-based Pong</title>	6	+ <title>Sprong :: Pong with Physick</title>
7	<link rel="stylesheet" href="sprong.css">	7	<link rel="stylesheet" href="sprong.css">
8	</head>	8	</head>
9	<body>	9	<body>