Find more in Web Games

Shikaku - HTML5 Rectangle Puzzle Game

Shikaku is a relaxing and brain-teasing HTML5 logic puzzle game inspired by the classic Japanese rectangle puzzle.

The goal is simple but challenging: divide the game grid into rectangles so that each rectangle contains exactly one number, and the area of that rectangle matches the number shown.

With clean visuals, intuitive drag controls, helpful hints, and progressively challenging levels, Shikaku offers an enjoyable puzzle experience for both kids and adults.

🎮 Game Features

  • HTML5 Rectangle Puzzle Game
  • Classic Shikaku logic puzzle gameplay
  • 10 handcrafted puzzle levels
  • Drag to draw rectangles
  • Tap to remove placed rectangles
  • Number based area puzzle mechanics
  • Limited hint system
  • Reset level anytime
  • Level progression system
  • Level complete screen
  • All clear completion screen
  • Smooth animations and transitions
  • Clean and modern puzzle interface
  • Mouse support
  • Touch support
  • Fully responsive design
  • Desktop, tablet, and mobile support
  • Animated preloader
  • No external game engine required
  • Lightweight and fast-loading

🧠 How to Play

Each puzzle contains a grid with numbers placed inside it.

Your objective is to divide the entire grid into rectangles.

Every rectangle must follow two important rules:

  1. Each rectangle must contain exactly one number.
  2. The total area of the rectangle must be equal to the number inside it.

For example, a rectangle containing the number 6 must cover exactly 6 grid cells.

Think carefully, draw your rectangles, and solve the entire board.

✍️ Easy Drag Controls

Shikaku features an intuitive drag-to-draw system.

Simply select a starting position on the grid and drag to create a rectangle. If you make a mistake, tap or click a placed rectangle to remove it and try again.

The simple controls make the game easy to understand while keeping the puzzles challenging.

💡 Helpful Hint System

Stuck on a difficult puzzle?

Shikaku includes a limited hint system to help players progress when they need assistance.

Use your hints strategically and continue solving the puzzle without losing the satisfaction of completing it yourself.

🏆 10 Handcrafted Levels

The game includes 10 carefully designed puzzle levels.

Each level provides a new logical challenge and encourages players to improve their:

  • Logical thinking
  • Spatial reasoning
  • Pattern recognition
  • Problem-solving skills
  • Concentration
  • Strategic thinking

Can you solve all 10 levels?

🎯 Relaxing Brain Gameplay

Shikaku is designed to provide a calm and satisfying puzzle experience.

There are no complicated controls or fast reactions required. Instead, players can take their time, analyze the grid, and find the correct solution.

This makes Shikaku suitable for both casual players and dedicated puzzle lovers.

📱 Fully Responsive HTML5 Game

Shikaku is designed to work across different screen sizes.

Play on:

  • 💻 Desktop
  • 📱 Mobile
  • 📲 Tablet

The game supports both mouse and touch controls, making it suitable for browser-based gaming platforms and mobile-friendly websites.

✨ Modern Puzzle Interface

The game combines classic Japanese puzzle mechanics with a clean modern interface.

Features include:

  • Minimal and clean UI
  • Smooth transitions
  • Animated game elements
  • Interactive grid
  • Animated preloader
  • Completion animations
  • Responsive layout

👨‍👩‍👧 Suitable for Kids and Adults

Shikaku is a family-friendly logic game suitable for kids, students, adults, and puzzle enthusiasts.

It can be used as a fun brain-training activity or as an interactive logic game on educational and entertainment websites.

🚀 Perfect For

Shikaku is ideal for:

  • HTML5 game websites
  • Puzzle game portals
  • Brain game websites
  • Educational websites
  • Logic puzzle collections
  • Kids learning platforms
  • Online puzzle platforms
  • Casual gaming websites
  • WebView applications
  • Mobile game portals
  • Personal gaming projects
  • HTML5 game developers

🛠️ Technology

Shikaku is built using HTML5, CSS3, and Vanilla JavaScript.

The lightweight architecture makes the game fast-loading and easy to customize, integrate, and deploy without requiring an external game engine.

🌐 Supported Browsers

The game supports modern browsers including:

  • Google Chrome
  • Mozilla Firefox
  • Microsoft Edge
  • Safari
  • Opera
  • Samsung Internet
  • Android Chrome
  • iOS Safari

📦 What You Get

  • Complete HTML5 game files
  • Game source code
  • 10 puzzle levels
  • Shikaku rectangle puzzle mechanics
  • Drag-to-draw controls
  • Rectangle removal system
  • Hint system
  • Level reset functionality
  • Level progression
  • Completion screens
  • Responsive interface
  • Mouse controls
  • Touch controls
  • Smooth animations
  • Animated preloader
  • Easy-to-customize source code

💡 Why Choose Shikaku?

Shikaku combines classic Japanese logic puzzle mechanics with modern HTML5 gameplay.

Its simple rules make it easy to learn, while the rectangle and area constraints provide increasingly challenging logical problems.

Whether you are building a puzzle portal, educational website, WebView application, or HTML5 game collection, Shikaku is a lightweight and engaging addition.

🧩 Think. Draw. Solve.

Analyze the numbers. Draw the rectangles. Complete the grid.

Challenge your logical thinking and solve all 10 Shikaku puzzles.

Version 1.0.0
Initial release August 28, 2026
Download 1.9 MB .zip
Category Web Games
Reference ID WNLM0N7T1

Supported browsers

Chrome
Safari
Firefox
Edge
Opera

Find more items like this