mirror of
https://github.com/tiennm99/ai-coding-workflow-labs.git
synced 2026-09-14 12:17:57 +00:00
tiennm99
5194b6bf66
Derive canvas width from container + panel dimensions so the NEXT panel fits with consistent padding. Extract drawFruitCircle helper so all fruit rendering (in-game, cursor preview, NEXT panel) shows the name label consistently. Update color palette for maximum visual distinction between similar fruits (cherry/strawberry/apple, dekopon/persimmon). Center score text over the container instead of the canvas.
40 lines
1.2 KiB
JavaScript
40 lines
1.2 KiB
JavaScript
// Game dimensions
|
|
export const WALL_THICKNESS = 10;
|
|
|
|
export const CONTAINER_WIDTH = 400;
|
|
export const CONTAINER_HEIGHT = 600;
|
|
|
|
// NEXT fruit panel sits to the right of the container
|
|
export const PANEL_WIDTH = 60;
|
|
export const PANEL_GAP = 12;
|
|
|
|
// Canvas sized to fit: padding + container + walls + gap + panel + padding
|
|
const PADDING = 20;
|
|
export const CANVAS_WIDTH = PADDING + WALL_THICKNESS + CONTAINER_WIDTH + WALL_THICKNESS + PANEL_GAP + PANEL_WIDTH + PADDING;
|
|
export const CANVAS_HEIGHT = 700;
|
|
|
|
// Container is positioned so the panel fits to its right
|
|
export const CONTAINER_X = PADDING + WALL_THICKNESS;
|
|
export const CONTAINER_Y = CANVAS_HEIGHT - CONTAINER_HEIGHT - 20;
|
|
|
|
// Danger line: ~50px below the top of the container walls
|
|
export const DANGER_LINE_Y = CONTAINER_Y + 50;
|
|
|
|
// Physics
|
|
export const GRAVITY = { x: 0, y: 1.5 };
|
|
export const FRUIT_BODY_OPTIONS = {
|
|
restitution: 0.3,
|
|
friction: 0.3,
|
|
frictionAir: 0.02,
|
|
frictionStatic: 0.5,
|
|
density: 0.003,
|
|
};
|
|
|
|
// Fixed physics step: run sub-steps at this interval to prevent tunneling
|
|
export const PHYSICS_STEP_MS = 1000 / 60; // ~16.67ms
|
|
export const MAX_SUB_STEPS = 5; // cap sub-steps to avoid spiral of death
|
|
|
|
// Timing
|
|
export const DROP_COOLDOWN_MS = 500;
|
|
export const NEW_FRUIT_GRACE_MS = 1000;
|