2d-mini-tennis 1.0.0

package/dist/serve.d.ts

@@ -0,0 +1,11 @@
+import type { GameState, Vec2 } from "./types";
+export declare function startToss(state: GameState): void;
+export declare function updateToss(state: GameState): void;
+export declare function getServiceBox(state: GameState): {
+    left: number;
+    right: number;
+    top: number;
+    bottom: number;
+};
+export declare function fireServe(state: GameState, target: Vec2): void;
+//# sourceMappingURL=serve.d.ts.map

package/dist/serve.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"serve.d.ts","sourceRoot":"","sources":["../src/serve.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAM/C,wBAAgB,SAAS,CAAC,KAAK,EAAE,SAAS,GAAG,IAAI,CAchD;AAID,wBAAgB,UAAU,CAAC,KAAK,EAAE,SAAS,GAAG,IAAI,CAoBjD;AAID,wBAAgB,aAAa,CAAC,KAAK,EAAE,SAAS,GAAG;IAC/C,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,MAAM,CAAC;IACZ,MAAM,EAAE,MAAM,CAAC;CAChB,CAcA;AAID,wBAAgB,SAAS,CAAC,KAAK,EAAE,SAAS,EAAE,MAAM,EAAE,IAAI,GAAG,IAAI,CAmB9D"}

package/dist/serve.js

@@ -0,0 +1,76 @@
+import { PHYSICS } from "./constants";
+import { calcVelocity, calcArcVz } from "./physics";
+// ── Start the ball toss ─────────────────────────────────
+export function startToss(state) {
+    const server = state.score.servingSide === "player" ? state.player : state.bot;
+    state.phase = "SERVE_TOSS";
+    state.ball.pos = { ...server.pos };
+    state.ball.z = 0;
+    state.ball.vz = PHYSICS.TOSS_VELOCITY;
+    state.ball.vel = { x: 0, y: 0 };
+    state.ball.isInPlay = false;
+    state.ball.hasBounced = false;
+    state.ball.lastHitBy = null;
+    state.serve.phase = "tossing";
+    state.serve.tossProgress = 0;
+}
+// ── Update toss animation ───────────────────────────────
+export function updateToss(state) {
+    state.ball.z += state.ball.vz;
+    state.ball.vz -= PHYSICS.TOSS_GRAVITY;
+    state.serve.tossProgress = Math.min(1, state.ball.z / PHYSICS.TOSS_PEAK_Z);
+    // Toss peaked — switch to aiming
+    if (state.ball.vz <= 0 && state.ball.z > 0) {
+        if (state.score.servingSide === "player") {
+            state.phase = "SERVE_AIM";
+            state.serve.phase = "aiming";
+            state.serve.aimTimer = Math.random() * 100; // random start position
+        }
+        else {
+            // Bot auto-aims
+            const target = botPickServeTarget(state);
+            fireServe(state, target);
+        }
+    }
+}
+// ── Get the service box bounds for the current serve ────
+export function getServiceBox(state) {
+    const court = state.court;
+    const mid = court.centerServiceX;
+    const box = state.score.serviceBox;
+    const servingSide = state.score.servingSide;
+    // Server aims into opponent's service box
+    const isPlayerServing = servingSide === "player";
+    const boxTop = isPlayerServing ? court.serviceLineFar : court.netY;
+    const boxBottom = isPlayerServing ? court.netY : court.serviceLineNear;
+    const boxLeft = box === "left" ? court.singlesLeft : mid;
+    const boxRight = box === "left" ? mid : court.singlesRight;
+    return { left: boxLeft, right: boxRight, top: boxTop, bottom: boxBottom };
+}
+// ── Fire the serve ──────────────────────────────────────
+export function fireServe(state, target) {
+    state.phase = "SERVE_FIRE";
+    state.serve.phase = "fired";
+    state.serve.aimTarget = target;
+    state.ball.vel = calcVelocity(state.ball.pos, target, PHYSICS.BALL_SPEED_SERVE);
+    state.ball.vz = calcArcVz(state.ball.z, state.ball.pos, target, PHYSICS.BALL_SPEED_SERVE);
+    state.ball.isInPlay = true;
+    state.ball.hasBounced = false;
+    state.ball.lastHitBy = state.score.servingSide;
+}
+// ── Bot picks a random valid serve target ───────────────
+function botPickServeTarget(state) {
+    const court = state.court;
+    const mid = court.centerServiceX;
+    const box = state.score.serviceBox;
+    // Bot serves into near side (player's service box)
+    const boxTop = court.netY;
+    const boxBottom = court.serviceLineNear;
+    const boxLeft = box === "left" ? court.singlesLeft : mid;
+    const boxRight = box === "left" ? mid : court.singlesRight;
+    return {
+        x: boxLeft + 10 + Math.random() * (boxRight - boxLeft - 20),
+        y: boxTop + 10 + Math.random() * (boxBottom - boxTop - 20),
+    };
+}
+//# sourceMappingURL=serve.js.map

package/dist/serve.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"serve.js","sourceRoot":"","sources":["../src/serve.ts"],"names":[],"mappings":"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"}

package/dist/types.d.ts

@@ -0,0 +1,69 @@
+export interface Vec2 {
+    x: number;
+    y: number;
+}
+export interface Ball {
+    pos: Vec2;
+    vel: Vec2;
+    z: number;
+    vz: number;
+    radius: number;
+    shadow: Vec2;
+    isInPlay: boolean;
+    lastHitBy: "player" | "bot" | null;
+    hasBounced: boolean;
+}
+export interface Player {
+    pos: Vec2;
+    radius: number;
+    color: string;
+    side: "near" | "far";
+    swingTimer: number;
+}
+export interface Score {
+    player: number;
+    bot: number;
+    playerGames: number;
+    botGames: number;
+    isDeuce: boolean;
+    advantage: "player" | "bot" | null;
+    servingSide: "player" | "bot";
+    serviceBox: "left" | "right";
+    serveAttempt: 1 | 2;
+}
+export type ServePhase = "idle" | "tossing" | "aiming" | "fired";
+export interface ServeState {
+    phase: ServePhase;
+    tossProgress: number;
+    aimTarget: Vec2 | null;
+    aimTimer: number;
+}
+export type GamePhase = "IDLE" | "SERVE_SETUP" | "SERVE_TOSS" | "SERVE_AIM" | "SERVE_FIRE" | "FAULT" | "RALLY" | "POINT_SCORED" | "GAME_OVER";
+export interface CourtDimensions {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+    netY: number;
+    serviceLineNear: number;
+    serviceLineFar: number;
+    centerServiceX: number;
+    singlesLeft: number;
+    singlesRight: number;
+}
+export interface GameState {
+    phase: GamePhase;
+    ball: Ball;
+    player: Player;
+    bot: Player;
+    score: Score;
+    serve: ServeState;
+    court: CourtDimensions;
+    mousePos: Vec2;
+    lastPointWinner: "player" | "bot" | null;
+    pointPauseTimer: number;
+    botServeTimer: number;
+    faultMessage: string | null;
+    faultTimer: number;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,IAAI;IACnB,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;CACX;AAID,MAAM,WAAW,IAAI;IACnB,GAAG,EAAE,IAAI,CAAC;IACV,GAAG,EAAE,IAAI,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,EAAE,EAAE,MAAM,CAAC;IACX,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,IAAI,CAAC;IACb,QAAQ,EAAE,OAAO,CAAC;IAClB,SAAS,EAAE,QAAQ,GAAG,KAAK,GAAG,IAAI,CAAC;IACnC,UAAU,EAAE,OAAO,CAAC;CACrB;AAID,MAAM,WAAW,MAAM;IACrB,GAAG,EAAE,IAAI,CAAC;IACV,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,GAAG,KAAK,CAAC;IACrB,UAAU,EAAE,MAAM,CAAC;CACpB;AAID,MAAM,WAAW,KAAK;IACpB,MAAM,EAAE,MAAM,CAAC;IACf,GAAG,EAAE,MAAM,CAAC;IACZ,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,OAAO,CAAC;IACjB,SAAS,EAAE,QAAQ,GAAG,KAAK,GAAG,IAAI,CAAC;IACnC,WAAW,EAAE,QAAQ,GAAG,KAAK,CAAC;IAC9B,UAAU,EAAE,MAAM,GAAG,OAAO,CAAC;IAC7B,YAAY,EAAE,CAAC,GAAG,CAAC,CAAC;CACrB;AAID,MAAM,MAAM,UAAU,GAAG,MAAM,GAAG,SAAS,GAAG,QAAQ,GAAG,OAAO,CAAC;AAEjE,MAAM,WAAW,UAAU;IACzB,KAAK,EAAE,UAAU,CAAC;IAClB,YAAY,EAAE,MAAM,CAAC;IACrB,SAAS,EAAE,IAAI,GAAG,IAAI,CAAC;IACvB,QAAQ,EAAE,MAAM,CAAC;CAClB;AAID,MAAM,MAAM,SAAS,GACjB,MAAM,GACN,aAAa,GACb,YAAY,GACZ,WAAW,GACX,YAAY,GACZ,OAAO,GACP,OAAO,GACP,cAAc,GACd,WAAW,CAAC;AAIhB,MAAM,WAAW,eAAe;IAC9B,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,eAAe,EAAE,MAAM,CAAC;IACxB,cAAc,EAAE,MAAM,CAAC;IACvB,cAAc,EAAE,MAAM,CAAC;IACvB,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,MAAM,CAAC;CACtB;AAID,MAAM,WAAW,SAAS;IACxB,KAAK,EAAE,SAAS,CAAC;IACjB,IAAI,EAAE,IAAI,CAAC;IACX,MAAM,EAAE,MAAM,CAAC;IACf,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,KAAK,CAAC;IACb,KAAK,EAAE,UAAU,CAAC;IAClB,KAAK,EAAE,eAAe,CAAC;IACvB,QAAQ,EAAE,IAAI,CAAC;IACf,eAAe,EAAE,QAAQ,GAAG,KAAK,GAAG,IAAI,CAAC;IACzC,eAAe,EAAE,MAAM,CAAC;IACxB,aAAa,EAAE,MAAM,CAAC;IACtB,YAAY,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,UAAU,EAAE,MAAM,CAAC;CACpB"}

package/dist/types.js

@@ -0,0 +1,3 @@
+// ── Core types ──────────────────────────────────────────
+export {};
+//# sourceMappingURL=types.js.map

package/dist/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA,2DAA2D"}

package/package.json

@@ -0,0 +1,36 @@
+{
+  "name": "2d-mini-tennis",
+  "version": "1.0.0",
+  "description": "A 2D top-down mini tennis game built with React and Canvas",
+  "main": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "build": "tsc",
+    "prepublishOnly": "npm run build"
+  },
+  "peerDependencies": {
+    "react": ">=18.0.0",
+    "react-dom": ">=18.0.0"
+  },
+  "devDependencies": {
+    "@types/react": "^19.0.0",
+    "react": "^19.0.0",
+    "typescript": "^5.0.0"
+  },
+  "keywords": [
+    "tennis",
+    "game",
+    "canvas",
+    "react",
+    "mini-game",
+    "2d"
+  ],
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/batzorigco/2d-mini-tennis.git"
+  }
+}