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 :: Physics-based Pong</title>
 +    <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
 -        prediction: 0.85, // Increased from 0.8
 -        aggression: 0.9,  // Increased from 0.8
 +        speed: 1.5,
 +        prediction: 0.85,
 +        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 = {
      if (magnitude > 0) {
          dx /= magnitude;
          dy /= magnitude;
 +        // Calculate anchor recoil distance
 +        let anchorRecoilDistance = ANCHOR_RECOIL * 0.3;
 -        // Calculate anchor recoil distance (reduced for gentler motion)
 -        let anchorRecoilDistance = ANCHOR_RECOIL * 0.3; // Reduced from 0.4
 +        // 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 });
 -        // Move the support BACKWARD (recoil effect)
 -        let newSupportX = support.position.x - dx * anchorRecoilDistance;
 -        let newSupportY = support.position.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;
 -        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
 +        // Now apply forward thrust from this new position
 +        let forwardSpeed = BOP_VELOCITY_BOOST * 1.0; // Restored to full power
          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
 -            y: dy * bopState[side].power * BOP_RANGE * 0.05
 +            x: dx * bopState[side].power * BOP_RANGE * 0.08,
 +            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
 -                        let dx = ball.position.x - paddle.position.x;
 -                        let dy = ball.position.y - paddle.position.y;
 -                        let distance = Math.sqrt(dx * dx + dy * dy);
 -                        let collisionThreshold = BALL_RADIUS + Math.max(PADDLE_WIDTH, PADDLE_HEIGHT)/2 + 10;
 -                        isValidCollision = distance < collisionThreshold;
 +                        // Use penetration depth as fallback to avoid false positives
 +                        const depth = collision.depth || 0;
 +                        isValidCollision = depth > 0.5;
+                     }
                      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