retro-pong-game 2.0.0 → 3.0.0

package/README.md

@@ -4,7 +4,7 @@ A retro-style Pong game that runs in any browser. Drop it onto your website with
 
 **[Live demo](https://chriscreativecode.com/retro-pong-game/)**
 
-![retro-pong-game screenshot](https://chriscreativecode.com/retro-pong-game/retro-pong-game-screenshot.png)
+![retro-pong-game screenshot](https://chriscreativecode.com/retro-pong-game/retro-pong-game-screenshot.png?v=3)
 
 - Animated starfield or nebular background
 - Particle effects on paddle hits
@@ -37,7 +37,7 @@ The game appends a `<canvas>` inside this element automatically.
 
 ### 2. Import and create the game
 
-**Recommended for first-time setup** — start with `isAdmin: true` to configure the game visually:
+**New to this package?** Start with `isAdmin: true` to configure everything visually first:
 
 ```js
 import { PongGame } from 'retro-pong-game';
@@ -56,7 +56,7 @@ const game = new PongGame(
 );
 ```
 
-**Already know your config?** Pass it directly:
+If you already know your config, pass it directly:
 
 ```js
 const game = new PongGame(
@@ -74,9 +74,9 @@ const game = new PongGame(
 );
 ```
 
-### 3. Clean up when done
+### 3. Clean up
 
-Always call `destroy()` before removing the element from the page:
+Call `destroy()` before removing the element from the page:
 
 ```js
 game.destroy();
@@ -244,19 +244,19 @@ The config is deep-merged in this order (later layers win):
 |---|---|---|---|
 | `autoSize` | `boolean` | `false` | Size the canvas to fill its container element at startup |
 | `autoResize` | `boolean` | `false` | Automatically resize the canvas when the container changes size (uses `ResizeObserver`) |
-| `canvasWidth` | `number` | `400` | Canvas width in px — ignored when `autoSize` is `true` |
-| `canvasHeight` | `number` | `300` | Canvas height in px — ignored when `autoSize` is `true` |
+| `canvasWidth` | `number` | `400` | Canvas width in px (ignored when `autoSize` is true) |
+| `canvasHeight` | `number` | `300` | Canvas height in px (ignored when `autoSize` is true) |
 | `paddleWidth` | `number` | `70` | Paddle width in px |
 | `paddleHeight` | `number` | `10` | Paddle height in px |
 | `ballDiameter` | `number` | `7` | Ball diameter in px |
 | `ballSpeed` | `number` | `3` | Starting ball speed (px per frame) |
 | `paddleMoveStep` | `number` | `4` | Paddle speed while an arrow key is held (px per frame) |
-| `difficultyLevel` | `number` | `1` | Starting AI difficulty — higher = faster and more precise |
+| `difficultyLevel` | `number` | `1` | Starting AI difficulty; higher = faster and more precise AI |
 | `particleBounce` | `boolean` | `true` | Particle burst when the ball hits a paddle |
 | `hasSound` | `boolean` | `false` | Enable sound effects |
 | `showSettings` | `boolean` | `true` | Show the gear icon that opens the in-game settings panel. Set to `false` to lock the settings from players |
 | `isAdmin` | `boolean` | `false` | Unlock difficulty and timing controls in the settings panel, plus a JSON export of the current config (see [Admin mode](#admin-mode)) |
-| `onSoundToggle` | `(enabled: boolean) => void` | — | Called when the player toggles the sound icon |
+| `onSoundToggle` | `(enabled: boolean) => void` | - | Called when the player toggles the sound icon |
 | `timer` | [`TimerConfig`](#timerconfig) | see below | Countdown timer settings |
 | `colors` | [`ColorConfig`](#colorconfig) | see below | Colors for game elements |
 | `animatedBackground` | [`AnimatedBackgroundConfig`](#animatedbackgroundconfig) | see below | Background animation |
@@ -375,7 +375,7 @@ The game includes a built-in settings panel (gear icon in the corner of the canv
 To reset all saved settings back to defaults:
 
 ```js
-localStorage.removeItem('chriscreativecode.com');
+localStorage.removeItem('chriscreativecode.com-retro-pong-game');
 ```
 
 ---