CubeMery | Html5 Memory Game

CubeMery reinvents the classic memory game in 3D.

Instead of flipping flat cards on a table, players rotate a real 3D cube to hunt for matching pairs hidden across all six faces. Drag to spin it, tap a tile to flip it, and try to remember where its twin is — even if it’s on a face you haven’t looked at in a while. Simple to learn, surprisingly addictive, and a refreshing twist on a genre everyone already knows.

Built with pure HTML5, CSS3 and JavaScript (Three.js for the 3D rendering) — no plugins, no Flash, no backend required. Drop it on any web host and it just works.

Key Features

• Full 3D gameplay — drag/rotate the cube freely, or use snap-rotate arrow buttons for precise 90° turns
• Pinch-to-zoom, scroll-wheel zoom, and on-screen +/− buttons
• Two built-in difficulty modes: 2×2 per face (12 pairs) and 3×3 per face (27 pairs) — easy to extend to more
• ⏱️ Live moves counter and timer HUD
• Match feedback animations, confetti win screen, and full game stats on completion
• Procedurally generated sound effects (Web Audio API) — no audio files to license or host
• Fully responsive — playable on desktop, tablet, and phone, with dedicated layout breakpoints
• ↩️ Back-to-menu button with a confirmation dialog, so progress is never lost by accident
• Bold, modern “neo-brutalist” UI — thick borders, hard drop shadows, clean typography — fully re-themeable via CSS variables
• ⚙️ Clean, commented, separated codebase (HTML / CSS / JS) — easy to customize icons, colors, timing, and difficulty levels

What’s Included

• Complete source files (index.html, style.css, game.js)
• Full documentation (setup, customization guide, credits)
• Changelog and license notes

Requirements

• Any modern browser with WebGL support (Chrome, Firefox, Safari, Edge)
• An internet connection by default (Three.js + Google Fonts load from CDN — fully documented steps to self-host for offline use)

Great For

• Web game portfolios and game jam entries
• Brain-training / kids’ educational sites
• Gamified landing pages, promos, and interactive ads
• Agencies building lightweight casual games for clients