Block Shuffle

Rearrange the blocks to match the target pattern. Built with JavaScript, HTML5, and CSS3.

How to Play

• Drag and drop tiles on the "Your Board" grid to match the "Target" grid.
• Use Shuffle to reshuffle, Reset to restart the current shuffle, and Hint to auto-place a tile (up to 3 times per level).
• Use Undo to revert the last move, and Check to highlight correct/incorrect tiles.
• Toggle sound from the toolbar and open the Help overlay for tips.
• Progress bar shows how close you are; a win dialog appears on completion.
• Advance with Next to try more challenging patterns.

Features

• Drag-and-Drop functionality (desktop) with a tap-to-swap fallback (mobile).
• Hints for beginners (auto-places one correct tile, max 3 per level).
• Multiple puzzle levels loaded from assets/data/levels.json.
• Undo history for the last move.
• Check/highlight mode to see correct vs wrong positions.
• Progress bar, animations, and win/help modals.
• Simple sound effects with a mute toggle.
• Best score tracking (time/moves) stored locally.

Development

The game is a static web app served by PHP (index.php) for convenience. Assets are in assets/.

Folder layout:

game/
  index.php
  assets/
    css/styles.css
    js/game.js
    data/levels.json
    img/block-shuffle.svg

Support & Business

For support, licensing, or custom development inquiries:

Email: help@rskworld.in • Phone/WhatsApp: +91 9330539277

Website: RSK World • Business Inquiries: help@rskworld.in

Contributing

🤝 Contributions, suggestions, and improvements are welcome. Feel free to open issues or submit PRs.