Cursor实践项目-11-游戏(一),AI游戏的“hello world”

项目说明

Cursor游戏编程(一),AI游戏的“hello world”-贪食蛇

耗费时间：约0.5小时

Cursor使用次数：1次左右

从这个项目开始，我将尝试用cursor进行一系列游戏的编写。首先从“贪食蛇“这个游戏开始，目前AI编程已经把当年的“hello world” 提升到了 “帮我编写一个贪食蛇游戏！”

我的计划是持续更新各类型的游戏制作，从中探索cursor在游戏编程的方方面面。

成果展示

  • 贪食蛇游戏

前置准备

  • Cursor

    • 版本：1.2.4
    • cursor rules : Cursor Rules
    • agent: claude-4-sonnet

  • 整体流程

    • 设置cursor规则->和LLM沟通需求->cursor编码->调试输出

问题记录

  1. 一次就搞定，游戏本身一点问题都没。
  2. 整合到md文章中的时候，碰到了一些问题
    • 静态资源的访问权限要打开
    • MD文件解析，需要支持iframe框架

使用心得

  • 比想象中的更为强大，一句话，游戏一次成功，正常能玩，虽然界面还差点，可能没加更多的提示词

项目详细步骤

  1. 输入需求
写一个贪吃蛇，尽可能地好玩，有趣，界面美观，整体协调。
贪食蛇需求
  1. 编码 ：编码、等待结果输出
贪食蛇编写 贪食蛇编写
  1. 验证测试：直接执行index.html进行试玩
验证测试
  1. 加载到网站：加载到本文章中的结果展示部分
    • 拷贝目录下的css、js目录以及index.html文件到 本网站的public/game/snake/ 目录下。
    • 修改md文件的解析器，支持iframe的框架
    • 在md文件中，输入以下指令
<iframe 
  src="/games/snake/index.html"
  width="800"
  height="800"
  frameborder="0"
  title="贪吃蛇游戏"
>
  您的浏览器不支持iframe，请
  <a href="/games/snake/index.html" target="_blank" rel="noopener noreferrer">
    点击这里
  </a>
  在新窗口中打开游戏。
</iframe>
  1. 完成：挑战一下高分？