About 3D 2048
A free, browser-based puzzle game that takes the classic 2048 mechanic and extends it into three dimensions. Play in your browser, install to your home screen, compete globally โ all without signing up.
What is 3D 2048?
3D 2048 is a puzzle game where you slide and merge numbered tiles inside a 3D cube. Instead of playing on a flat 4ร4 grid like the original 2014 game by Gabriele Cirulli, you play on a 3ร3ร3 cube with 27 cells, sliding tiles in six directions: up, down, left, right, forward, and backward.
Open the page and you can start playing immediately. There are no accounts, no email signup, and no ads inside the gameplay itself. The whole game runs in your browser using WebGL, so a modern phone or laptop is all you need. Once loaded, the game runs offline.
How is it different from regular 2048?
The classic 2048 had a small board and four directions. 3D 2048 changes both:
- Six directions instead of four. Adding "forward" and "backward" along the depth axis gives you more strategic options โ but also more risk, because tiles can spawn in places you can't easily reach. Each slide affects up to 27 cells across three "layers" of the cube simultaneously.
- 27 cells instead of 16. A bigger board gives breathing room, but it also means tiles can hide behind each other. Spatial planning becomes a real part of the puzzle.
- A camera you can rotate. You can drag the camera around the cube to look at it from any angle. There is also a "Back View" mini-window in the corner showing the cube from the opposite side, so tiles never truly disappear from view.
- Camera-relative controls. When you press "left," tiles slide to your screen-left regardless of how you've rotated the camera. This was one of the most-requested improvements from early players.
The result is a game that feels familiar to 2048 fans but introduces a real spatial reasoning challenge. Players who master 2D 2048 do not automatically transfer their skills to 3D โ the third axis genuinely changes how you have to think about tile management. See the comparison of 2048 variants for more on what's distinctive about the 3D version.
Game modes
2ร2ร2 mode (target: 256 tile)
A small 8-cell cube with the 256 tile as the goal. The board fills up fast, so every move matters. Best for learning 3D mechanics or playing a quick game during a break.
This mode is intentionally brutal โ with only 8 cells, you can rarely afford a "wasted" move. It teaches merge discipline that transfers to the larger modes. Read the 2ร2ร2 strategy guide for detailed tactics.
3ร3ร3 Normal (target: 2048 tile)
The flagship mode. With 27 cells and a moderate spawn rate (15% chance of a 4 instead of a 2), you have room to plan multi-move chains. Reaching 2048 in 3D is harder than it sounds โ the larger board means more chaos to manage and more axes to track.
Typical successful runs use 800-1500 moves and take 30-60 minutes of focused play. See the 3ร3ร3 Normal strategy guide for the path from 256 to 2048.
3ร3ร3 Hard (target: 2048 tile)
Same target as Normal, but two tiles spawn after every move, and the chance of spawning a 4 is bumped to 40% (versus 15% in Normal). The board fills up twice as fast and you can't get away with sloppy play. Recommended only after you've cleared Normal a few times.
Hard mode is qualitatively different from Normal โ not just a slightly harder version. The increased spawn pressure and 4-rate combine multiplicatively, making Hard 5-10ร harder in practice. See the Hard mode strategy guide for tactics.
Each mode has its own ranking and best score, both locally on your device and on the global leaderboard. Progress in one mode doesn't carry over to another, so you can experiment freely.
Controls
The game works on both desktop and mobile, with controls adapted to each platform.
Desktop controls
- Arrow keys: slide tiles up, down, left, right (screen-relative)
- W and S keys: slide tiles forward (W) or backward (S) along the depth axis
- Z key: undo the last move (one level of undo)
- Drag with the mouse: rotate the camera around the cube
- Mouse wheel: zoom in and out
Mobile controls
- On-screen D-pad: four directional buttons matching the keyboard arrows
- Depth pad: separate pad for the forward/backward axis (labeled "ๅฅฅใธ" / "Far" and "ๆๅใธ" / "Near")
- Swipe gestures: swipe up/down/left/right anywhere on the screen to slide tiles
- Two-finger drag: rotate the camera
- Undo button: in the HUD
Mobile controls were designed for one-handed play. The D-pad sits in the bottom-left for left-handed grip, with the depth pad on the right. Touch targets are all at least 44 pixels โ the Apple HIG-recommended minimum.
Installation as a PWA
3D 2048 is a Progressive Web App, which means you can install it to your home screen like a native app:
- iPhone/iPad (Safari): tap the share button โ "Add to Home Screen"
- Android (Chrome): a "Install" prompt appears, or tap the menu โ "Install app"
- Desktop (Chrome/Edge): click the install icon in the address bar, or use the browser menu
Once installed, the game opens in its own window without browser chrome, has its own app icon on your home screen or desktop, and works fully offline. The first time you install, the service worker caches all the game assets. After that, no internet connection is needed to play.
Global leaderboard
Each mode has a global leaderboard showing the top scores from players worldwide. Open the Rankings screen in-game and switch to the "Global" tab to see how your scores compare.
The leaderboard is per-mode: 2ร2ร2, 3ร3ร3 Normal, and 3ร3ร3 Hard each have separate rankings. Scores are submitted automatically when you reach the target tile or when the game ends. No signup required โ you can play under any name you choose.
Anti-cheat is light-touch. A basic plausibility check ensures submitted scores are consistent with the highest tile achieved. The goal isn't a competitive ranked system โ it's just a way to see how your performance compares globally.
Built with React and Three.js
3D 2048 is a static, client-side web app built with modern JavaScript libraries:
- React 18 + TypeScript โ UI layer (menus, score, overlays), with type-safe code
- React Three Fiber โ a thin wrapper around Three.js for declaring 3D scenes inside React
- @react-three/drei โ utilities for R3F, including OrbitControls and Environment
- @react-spring/three โ spring-based animation library that gives tiles their smooth slide-and-merge motion
- Zustand โ lightweight state management for game logic, settings, and rankings
- Vite โ build tool and dev server
- Firebase Firestore (lite) โ backend for the global leaderboard
- vite-plugin-pwa โ Progressive Web App service worker and manifest
For the curious, the full development story covers the design decisions, technical trade-offs, and how player feedback shaped the game.
Free to play
3D 2048 is free to play with no microtransactions, no premium tier, and no intrusive ads inside the gameplay. The site does display some advertising in non-gameplay areas (menu and game-over screens) to help cover hosting costs, but the game itself is uninterrupted.
The source code is not yet open-source but may be released in the future. The game is built by a single developer in their spare time.
Why was this made?
The original 2048 has been ported, remixed, and themed countless times. But "what if it were truly 3D?" is a question that keeps coming up. Most attempts either show a flat board with 3D-looking tiles, stack two layers of grid, or add visual flair without changing the rules.
This version commits to three full dimensions: tiles can slide forward and backward, the camera moves freely, and the difficulty curve is tuned for the larger board. The goal is to keep the comfortable rhythm of 2048 but add a real spatial puzzle on top. The full development story goes deeper into the design philosophy and decisions.
If you want to give it a try, the game is one click away.
Privacy and data
3D 2048 respects your privacy. Game progress, settings, and local rankings are stored in your browser's local storage โ they stay on your device. The only data sent to external servers is your score (when you complete a run) for the global leaderboard, and standard analytics events (used to understand usage patterns) for sites that have opted in to analytics through the cookie consent banner.
See the in-game Privacy Policy and Terms of Service for the full details.