Cursor Practice Project-11-Game (1), The "Hello World" of AI Games

Project Description

Cursor Game Programming (1), The "Hello World" of AI Games - Snake

Time spent: Approximately 0.5 hours

Cursor usage count: About 1 time

Starting with this project, I will attempt to use Cursor to develop a series of games. First, we begin with the "Snake" game. Currently, AI programming has elevated the traditional "hello world" to "Help me write a Snake game!"

My plan is to continuously update various types of game development, exploring all aspects of Cursor in game programming.

Results Showcase

  • Snake Game

Prerequisites

  • Cursor

    • Version: 1.2.4
    • Cursor rules: Cursor Rules
    • Agent: claude-4-sonnet

  • Overall Process

    • Set Cursor rules -> Communicate requirements with LLM -> Cursor coding -> Debug and output

Issue Records

  1. Completed in one attempt, with no issues in the game itself.
  2. Encountered some problems when integrating into the MD article
    • Static resource access permissions needed to be opened
    • MD file parsing required support for iframe framework

Usage Insights

  • More powerful than imagined. With a single prompt, the game was successfully created and fully functional, although the interface could be improved, possibly due to insufficient prompt details.

Project Detailed Steps

  1. Input Requirements
Write a Snake game that is as fun, engaging, and visually appealing as possible, with overall harmony.
Snake Requirements 2. **Coding**: Code and wait for output Snake Coding Snake Coding
  1. Verification Testing: Directly execute index.html to test play
Verification Testing
  1. Loading to Website: Load into the results showcase section of this article
    • Copy the css, js directories, and index.html file from the project directory to the public/game/snake/ directory of this website.
    • Modify the MD file parser to support iframe framework
    • Enter the following command in the MD file
<iframe 
  src="/games/snake/index.html"
  width="800"
  height="800"
  frameBorder="0"
  className="block mx-auto"
  title="Snake Game"
>
  Your browser does not support iframes. Please
  <a href="/games/snake/index.html" target="_blank" rel="noopener noreferrer">
    click here
  </a>
  to open the game in a new window.
</iframe>
  1. Completion: Ready to challenge for a high score?