How to make a game with Cursor (step-by-step)

Quick answer

To make a game with Cursor, install the free Cursor editor, open an empty folder, and ask its AI agent to build one small browser game as an index.html file. Open that file in your browser to play, then ask for one change at a time and save your progress with checkpoints or Git. Cursor is an AI code editor, so it can create and edit many files for you, which makes it a good next step once a game outgrows a chat window. You don't need to know how to code to start.

What is Cursor, and when should you use it for a game?

Cursor is a code editor with an AI agent built in. Instead of copying code out of a chat, you describe what you want and the agent writes and edits the files in your project folder directly.

Use Cursor when your game is getting too big for one file, when you're tired of pasting full files back and forth, or when you want to use a framework like Phaser or Three.js with several files. For a very first tiny game, a chat like ChatGPT, Claude or Grok is just as good, and you can move that file into Cursor later.

Cursor has a free plan and paid plans. Which models and how much usage you get depend on the plan and change over time, so check cursor.com for what's included right now.

Steps

1. 1

   Install Cursor and open an empty folder. Download Cursor from cursor.com, sign in, and use File, then Open Folder to open a new empty folder such as my-first-game. Everything the AI makes will go in this folder.

2. 2

   Open the agent chat and describe a tiny game. Open the AI chat panel (Agent mode) and keep the first idea small. For example: "Create a complete browser game in a single file called index.html, no external libraries. The player moves a ship left and right with the arrow keys and shoots falling rocks. Show the score, end the game when a rock hits the ship, and press R to restart."

3. 3

   Review and accept the changes. Cursor shows the files it wants to create or edit. Read the summary, then accept. You'll see index.html appear in your folder.

4. 4

   Play it in your browser. Find index.html in your folder and double-click it (or right-click it in Cursor and reveal it in your file manager). If the page is blank, tell the agent exactly that and paste any red error text from the browser console (F12, then Console).

5. 5

   Ask for one change at a time. Describe what you saw: "The rocks fall too fast at the start, make them 30% slower and speed up over time." One change per message makes it easy to spot what broke something.

6. 6

   Save your progress. Cursor keeps checkpoints you can restore if a change goes wrong. It's also worth asking the agent: "Set up Git in this folder and commit the current working version." Then ask it to commit again each time the game works.

7. 7

   Grow into multiple files when you need to. Once the game gets long, ask: "Split this game into index.html, style.css and game.js, keeping it working." That's where Cursor shines over a chat, because it edits all the files together.

8. 8

   Add art and sound. Put free sprites and sounds in an assets folder and ask the agent to use them (see below).

9. 9

   Share it and get it tested. Upload the folder to itch.io, Netlify or GitHub Pages, or upload a single index.html straight to AI Game Universe. Then ask other makers to playtest it.

What prompt makes a complete playable slice?

Turn this into a complete short game:
- smooth keyboard controls, plus on-screen buttons for phones
- a clear win condition and a lose condition
- a start screen, a score, and a game-over screen with "Press R to restart"
- save the high score in localStorage
- keep the code commented and easy to follow, no external libraries
Test that index.html still opens and runs in a browser.

What do you do when the game breaks in Cursor?

• Describe the symptom, not the fix. "When I press space nothing happens" works better than guessing at the code.
• Paste the error. Copy any red lines from the browser console into the agent chat.
• Restore a checkpoint or commit. If several fixes in a row make it worse, go back to the last version that worked and ask again with a smaller change.
• Start a fresh chat for big changes. Long chats can lose track. Open a new chat and say "Read index.html and game.js first, then..." so the agent looks at the current code.
• Add a rules file for long projects. Ask the agent to write a short notes file describing the game, its controls and its files, and to keep it updated. New chats can read it to get up to speed.

How do you add art and sound?

Download free assets from Kenney or OpenGameArt (check each asset's license), put them in an assets folder, and ask: "Use the images in the assets folder instead of colored shapes." For sound, ask the agent to play the sound files or to make simple effects with the Web Audio API. The sound guide walks you through it.

How does Cursor compare with ChatGPT, Claude and Grok for games?

ChatGPT, Claude and Grok are chats: great for a first single-file game, but you copy the code out yourself. Cursor is an editor: the AI works on the files in your project, which is easier once a game has many files or you make lots of changes. Many makers start a game in a chat and move it into Cursor when it grows. See the walkthroughs for ChatGPT, Claude and Grok, or ask other makers in Advice.

Frequently asked questions

Can Cursor make a whole game?

Yes, a small one, and it can keep growing it. Cursor's agent can create a complete browser game and then edit it across many files as you add features one at a time.

Is Cursor free for making games?

Cursor has a free plan that is enough to try making a small game. Limits and features differ by plan and change over time, so check cursor.com for what's included right now.

Do I need to know how to code to use Cursor?

No. You describe the game in plain English and the agent writes the code. Knowing how to open a folder, open a file in your browser and read the browser console is enough to start.

Can I move a game I made in ChatGPT, Claude or Grok into Cursor?

Yes. Save the game as index.html in a folder, open that folder in Cursor, and ask the agent to read the file and continue from there.

How do I share a game made with Cursor?

Upload the game folder to itch.io, Netlify or GitHub Pages and send the link, or upload a single index.html to AI Game Universe so other makers can play and playtest it.