Doble o Nada

  • Difficulty: Easy
  • Puzzle
  • Numbers
Click inside the game to use the keyboard. Open in a new tab

How to play

Slide tiles on a 4 x 4 board: equal tiles add up. Reach 2048 before the board fills up.

Arrow keys or WASD
slide every tile
Swipe
slide every tile
Z
undo

The game runs isolated from the rest of the site. Your high score and settings are saved only in this browser.

How this game was made

This game came out of a single message to an AI. Below: a short prompt to copy and paste, how to get the game as one HTML file, the full prompt that was actually used, and what it was missing.

Ask for it like this

Copy this prompt, paste it into Claude or ChatGPT, and that's it. It's the short version: the minimum for the game to come out playable.

Make me the sliding tiles game that adds up to 2048, for the browser.

- 4x4 board. When I swipe, every tile slides to the edge; two equal tiles that collide merge into one with the sum, and each tile only merges once per move.
- After every valid move a new tile appears (almost always a 2, sometimes a 4).
- I win when I reach 2048 and can keep playing; I lose when the board is full and no move is left.
- A button to undo the last move, once per turn.
- Screens: title, the game with score and high score, you won and game over.
- Controls: arrow keys or WASD on desktop; swipe on mobile.
Technical: a single HTML file with the CSS and JavaScript inside, no libraries and no external images, everything drawn on canvas. It should fill the window and be playable with a finger on a phone and with keyboard or mouse on a computer.

Getting it as an HTML file

A game like this is a single file you open with a double click. These four steps are the same in any AI.

  1. 1. Ask for the whole file

    Add this line at the end of your prompt: Give me a single, complete HTML file, nothing cut out, ready to save as index.html and open in the browser. Without it, you often get the code in pieces.

  2. 2. Copy all of the code

    In Claude the game shows up on the side, already running, with a button to copy or download it. In ChatGPT, copy the whole code block: it has to start with <!DOCTYPE html> and end with </html>.

  3. 3. Save it as index.html

    Paste it into Notepad (Windows) or TextEdit in plain text mode (Mac) and save it as index.html. Watch out for .txt: if the file ends up as index.html.txt, it won't open as a page.

  4. 4. Double-click to open it

    It opens in your browser and it's ready to play, with nothing to install and no internet needed. To share it, upload it to any web host or send it by email: it's just one file.

If the game shows up blank, go back to the AI and paste the error from the browser console (right click → Inspect → Console). With that text it fixes it fast.

The full prompt, the one actually used

Longer and more specific: numbers, screens and style details. It's the one that produced exactly this game, unedited. Use it if you want to fine-tune the result.

Diego wrote it in Spanish and it stays in Spanish on purpose: it's the honest record of how the game was made, and a translation would be a prompt nobody used. Claude and ChatGPT understand it as is; add "Answer in English" if you want the game's text in English.

Hazme un juego de navegador llamado "Doble o Nada".

La idea: el juego de números en el que se deslizan fichas en un tablero de 4 x 4 y las iguales se suman hasta llegar a 2048.

Mecánica:
- Al deslizar, todas las fichas se mueven hasta el borde en esa dirección. Dos fichas iguales que chocan se juntan en una con la suma. Una ficha solo se junta una vez por movimiento.
- Después de cada movimiento válido aparece una ficha nueva (un 2, o a veces un 4) en una casilla vacía.
- El puntaje suma el valor de cada ficha que se forma al juntar.
- Ganas al formar 2048, y puedes seguir jugando. Pierdes cuando el tablero está lleno y no queda ningún movimiento posible.
- Botón para deshacer el último movimiento, una vez por turno.

Pantallas: título con Jugar; el juego con HUD (puntaje, récord); ganaste (con Seguir jugando); y fin con reintentar.

Controles: en PC, flechas o WASD. En celular, deslizar el dedo en cualquier dirección sobre el tablero.

Estilo: tablero con esquinas redondeadas, un color por cada valor de ficha (de crema a naranja y rojo), animaciones suaves al deslizar, un "pop" al juntar, y el puntaje ganado subiendo flotando.

Técnico:
- Un solo archivo HTML con todo el CSS y el JavaScript dentro. Sin librerías, sin CDN, sin imágenes externas: todo dibujado en canvas.
- Tiene que llenar la ventana y adaptarse a cualquier tamaño, de celular a pantalla grande, sin deformarse.
- Tiene que jugarse completo desde celular (solo con el dedo) y desde PC (teclado o mouse).
- Tiene que funcionar dentro de un iframe con sandbox="allow-scripts". El récord va en localStorage dentro de try/catch para que el juego no se rompa si no hay acceso.
- Se pausa solo cuando la pestaña no está visible.
- El texto del juego va en español.

For ChatGPT, add the line from step 1 at the end: it tends to hand over the code in pieces.

What this prompt was missing

What became clear once the game was finished. If you're making your own from this one, add these from the start: fixing things later costs another round.

  • Say what happens to the high score when you undo a move: as it is, the high score doesn't go down.
  • Ask for new tiles to look different from the ones that were just merged, so you can follow the move with your eyes.

What was asked after the first result, in Diego's own words (Spanish):

  • Cambia las fichas por una escalera de gatos que van creciendo, de gatito recién nacido a tigre, dejando el número siempre visible.
  • Agrégale un menú de pausa, un botón para cambiar entre español e inglés, y que el récord no se pierda al recargar.

It works in any AI

Claude, ChatGPT, Gemini, Copilot: the prompt is the same and so is the method. What changes is where you see the result. Four things that hold in all of them:

  1. Ask for a single file

    "A single HTML file with everything inside, no libraries or CDN." That way the game works with a double click, with nothing to install, and you can upload it to any website.

  2. Ask it to tell you what it assumed

    End with: "before writing the code, tell me in 5 lines what you assumed". That's where the gaps in your prompt show up, while fixing them is still cheap.

  3. One fix per message

    Say what happens and what you expected. If you ask for three changes at once, one usually undoes another.

  4. Ask it to test, not to promise

    "Check that every level can be won and tell me how you checked." That's how the games on this page found their bugs before going live.

The 6 parts of a good prompt, with a template to copy

More games

Ajedrez

Full chess with the real rules: castling, en passant, promotion and draws. Against the computer, two players on one device, or online with a code.

  • Medium
  • Classic
  • Strategy
  • Online

Bola 8

8-ball pool with its own physics: spin, cushions and ball in hand. Against the computer, two players on one device, or online with a code.

  • Medium
  • Physics
  • Sports
  • Online

Kuru

Greedy worms in a night field: eat the seeds, grow long and make the others crash into you. Solo against bots or online with up to 6.

  • Medium
  • Action
  • Arcade
  • Online

Horda

Hold out against waves of shadows in a closed map. Four weapons, exploding barrels and barricades. Solo, two on one keyboard, or online.

  • Hard
  • Action
  • Co-op
  • Online