🏠 Home
CPS Test Aim Trainer Typing Speed Scroll Speed View All Games →
AI Image Generater Background Remover Social Media Cropper Youtube Thumbnails View All Images →
Word Counter Case Converter Invisible Text Text to Speech View All Text Tools →
JSON Formatter Diff Checker Base64 Converter Meta Tag Generator View All Dev Tools →
Unit Converter Age Calculator BMI Calculator Time Zone Converter View All Calculators →
Home > Visual Memory

Visual Memory Pattern Test<

Memorize the white tiles. When they disappear, click the tiles that were part of the pattern.

Level 1
Current Level
❤❤❤
Lives
👁️

Visual Memory

The grid gets bigger as you progress.
You have 3 lives.

🧠

Game Over

You reached
Level 1
Rank: Novice

Share your Score

Share this Game

Visual Memory Test – Free Online Pattern Recognition Game

Visual memory is one of the most fundamental cognitive abilities, governing how we recognize faces, navigate unfamiliar environments, read text efficiently, and recall spatial layouts. Our Visual Memory Test is a gamified assessment of your short-term visual working memory — the mental system that holds visual information for brief periods while you process it. Unlike static questionnaires or pen-and-paper exercises, this interactive game adapts in real time by increasing the grid size and tile count as you succeed, giving you an accurate measure of where your visual recall ability falls on a broad spectrum.

The test is completely free, requires no account or sign-up, and runs entirely in your browser using vanilla JavaScript and CSS Grid. No data about your performance is collected, stored, or transmitted to any server, making the tool fully compliant with GDPR and CCPA privacy standards.

How to Play – Step-by-Step Guide

  1. Click "Start Game." You begin with 3 lives displayed as heart icons (❤) in the heads-up display at the top of the screen. Your current level is also shown, starting at Level 1.
  2. Watch the pattern flash. After a brief 500-millisecond delay, a set of tiles on the grid will illuminate white for exactly 1 second. During this flash phase, your input is locked to prevent accidental clicks — your only job is to observe and memorize the positions of every lit tile.
  3. Reproduce the pattern from memory. Once the tiles dim back to their base color, input unlocks. Click on the tiles you believe were part of the pattern. Correctly identified tiles turn green. Clicking a wrong tile turns it red with a shake animation and costs you one life. You can click tiles in any order.
  4. Clear all tiles to advance. Once you have correctly identified every tile in the pattern, a 500-millisecond celebration pause occurs and the next level begins automatically. Each new level adds one additional tile to the pattern (the formula is tileCount = level + 2), and the grid may expand to accommodate the growing complexity.
  5. Survive as long as possible. You have 3 lives total. Each incorrect click removes one heart. When all three hearts are lost, the game ends. Any tiles you failed to identify on your final level are revealed in amber at half opacity so you can see exactly what you missed.

Grid Scaling and Difficulty Progression

The game uses a five-tier grid scaling system that balances increasing tile counts with proportional grid expansion:

Ranking System

When the game ends, your final level determines one of five rank titles:

Technical Implementation

The game board is built dynamically using CSS Grid — the grid-template-columns property is updated on every level change to reflect the current grid dimension (3 through 7). Each cell is a <div> element with a click handler that compares its index against a JavaScript Set containing the pattern indices. The pattern is generated by sampling random integers from 0 to gridSize² - 1 and inserting them into the Set until it reaches the target tile count — the Set's uniqueness guarantee naturally prevents duplicate positions.

Input is controlled by an isInputLocked boolean flag that is set to true during the pattern display phase (1 second) and the 500-millisecond transition between levels. Clicks on already-correct tiles are also ignored via a secondary userClicks Set. Color feedback is applied through CSS class toggling — .flash for the white display phase, .correct with a scale pop animation for right answers, .wrong with a CSS shake keyframe for mistakes, and .missed with reduced opacity for unrevealed tiles on game over. Lives are tracked as a simple integer decremented on wrong clicks and rendered as emoji heart characters in the HUD.

Comparison: NoLoginTool vs. Other Memory Games in 2025

Frequently Asked Questions

How long do I have to memorize the pattern?

Every pattern is displayed for exactly 1 second (1000 milliseconds) regardless of level. The difficulty increase comes from adding more tiles and expanding the grid, not from shortening the display time. This consistent 1-second window ensures the test measures memory capacity rather than processing speed.

Can I play the game on a touchscreen device?

Yes. The tiles are rendered as <div> elements that respond to standard click events, which work identically on touch screens and mouse-driven devices. The CSS Grid layout is fully responsive and scales proportionally to the screen width.

What happens when I click a wrong tile?

The incorrectly clicked tile turns red with a shake animation and you lose one of your three lives. The incorrectly clicked position is permanently locked out — you cannot click it again during that round. Once all three lives are exhausted, the game ends immediately, even mid-pattern.

Does the order I click tiles matter?

No. You can click the correct tiles in any sequence. The game tracks which positions you have identified using a Set, so only the final state matters. This allows you to click tiles in the order that feels most natural to your memorization strategy.

How is the grid size determined?

The grid follows a fixed progression: 3×3 for Levels 1–2, 4×4 for Levels 3–5, 5×5 for Levels 6–8, 6×6 for Levels 9–14, and 7×7 for Level 15 and beyond. The number of tiles to memorize always equals the level number plus two (e.g., Level 7 = 9 tiles).

Is my performance data saved or shared?

No. The game runs entirely in your browser. Level progress, lives, and pattern data exist only in JavaScript variables within the current tab. When you close or refresh the page, all data is destroyed. No cookies, no server storage, no analytics tracking of individual game sessions.

Related Tools You May Find Useful

If you enjoy cognitive challenges, try our World Flag Quiz to test a different kind of visual recall — identifying 80 country flags against a 60-second timer. For pure reaction speed, the Aim Trainer measures your mouse precision across multiple targets. The Wheel of Names adds a fun randomization element for group activities and giveaways.

Enjoying NoLoginTool?

Save it for later access 🚀