Snake Retro Game Shortcode by Eskim

Snake Retro Game Shortcode by Eskim adds a classic Snake game to your WordPress site, fully playable directly in the browser.

The game is embedded via the [snake_game] shortcode and is rendered with HTML5 canvas and vanilla JavaScript — no external libraries needed.

Features:

• Simple shortcode: [snake_game]
• Multiple games per page supported
• Fully customizable: colors, size, speed, countdown style
• Adjustable game speed (1 = slowest, 100 = fastest)
• Start countdown: 3…2…1…START (configurable)
• Pause/resume with Spacebar
• Highscore saved locally per game instance
• Score counter rendered on canvas
• Lightweight and responsive

Shortcode Parameters

You can customize the game using the following shortcode attributes:

• background_color – canvas background color (default: #000)
• snake_color – snake segment color (default: lime)
• food_color – food color (default: red)
• border_color – canvas border color (default: #333)
• countdown_color – color of the countdown text on canvas (default: #AAAAAA)
• width – canvas width in pixels (default: 300)
• height – canvas height in pixels (default: 300)
• speed – snake speed from 1 (slow) to 100 (fast) (default: 65)

All parameters are optional.

Controls

• Use arrow keys (← ↑ ↓ →) to move the snake.
• Press Spacebar to pause/resume the game.
• Click Start Game to begin or restart.
• Your best score is saved automatically per game instance.

License

GPL v2 or later

Support the Developer

If you enjoy this plugin and want to support its development, consider buying me a coffee:
https://www.buymeacoffee.com/eskim

1. Upload the plugin folder to /wp-content/plugins/.
2. Activate the plugin via the “Plugins” menu.
3. Add the [snake_game] shortcode to any post or page.

Example usage:

[snake_game background_color="#111" snake_color="lime" food_color="yellow" border_color="#0ff" countdown_color="#aaa" width="400" height="400" speed="75"]

1. 

   Snake game displayed with default settings.

2. 

   Custom colors and larger game area.

1.2.1

• Fixed issue where pressing two arrow keys quickly could cause an instant game over
• Improved input handling to prevent unintended diagonal movement
• Minor cleanup and logic stabilization

1.2.0

• Added support for multiple games per page (no more ID conflicts)
• Local highscore saved per instance via localStorage
• Added start countdown (3…2…1…START)
• Improved canvas rendering and contrast
• Clean refactor of CSS and JS for multi-instance support
• Added support for translations

1.1.0

• Removed widget support
• Added mapRange logic for better speed control
• “PAUSED” label rendered on canvas
• Optimized shortcode-only version

1.0.0

• Initial release with shortcode and widget support