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

스크린샷

  • Snake game displayed with default settings.
  • Custom colors and larger game area.

설치

  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"]

FAQ

Can I change the size and colors?

Yes — use the shortcode attributes.

Can I use this in a widget area?

Not in this version — use shortcodes in blocks or custom HTML widgets.

Is it mobile-friendly?

It works on mobile, but is best played on keyboard. Touch controls are not yet implemented.

후기

이 플러그인에 대한 평가가 없습니다.

기여자 & 개발자

“Snake Retro Game Shortcode by Eskim”(은)는 오픈 소스 소프트웨어입니다. 다음의 사람들이 이 플러그인에 기여하였습니다.

기여자

자국어로 “Snake Retro Game Shortcode by Eskim”(을)를 번역하세요.

개발에 관심이 있으십니까?

코드 탐색하기는, SVN 저장소를 확인하시거나, 개발 기록RSS로 구독하세요.

변경이력

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