如何通过 Grok 3 快速开发一个完整的游戏

技术达人Alvaro Cintas仅用数小时,借助Grok 3从零开发出一款功能完整的竖版跳跃游戏,涵盖角色、怪物、平台、难度与生命系统。他采用“先跑通再美化”策略:首步生成单文件HTML/CSS基础代码(形状代替素材),再用AI批量产出风格统一的视觉资源,最后逐步叠加动画、菜单与敌人等细节。

发布于2025年2月24日 02:01
编辑零重力瓦力
评论0
阅读46

国外技术达人 Alvaro Cintas 花费数小时,用 Grok 3 制作了一个完整的竖版跳跃游戏。游戏包含了不同的英雄角色、怪物、平台、难度等级和生命系统,玩法丰富,体验流畅。

开发流程及代码生成提示词

几点建议

  1. 不要一开始就要求完成所有细节和功能,先生成一个最基础的游戏
  2. 对于复杂任务,可以使用 “Grok Think” 按钮,它的表现相当不错
  3. 让 Grok 先用简单形状作为角色、平台等元素,后续再添加素材
  4. 代码可能会有错误,直接让 Grok 帮你修复,不用自己手动调试

如何通过 Grok 3 快速开发一个完整的游戏

完成第一个可运行版本后,再逐步添加图片、动画、菜单、敌人等功能。

Grok 3 代码生成提示词

Create a basic 2D vertical jump game using HTML/CSS. The characters and platforms should be just shapes (will add assets later). Code everything in one file.
创建一个基础的 2D 竖向跳跃游戏,使用 HTML/CSS。角色和平台先用简单形状表示(之后会添加素材)。所有代码写在一个文件中。

视觉素材生成提示词

在开始之前,建议先想好你要制作的游戏视觉风格。这个游戏使用的是简单的 2D 画风,包含主角、不同类型的跳跃平台、背景和敌人。如果你想让所有素材风格统一,可以一次性生成多个元素。可使用 Midjourney 、Flux 等 AI 绘画工具生成视觉素材图像。

1. 英雄 & 敌人

如何通过 Grok 3 快速开发一个完整的游戏

A digital illustration of 10 cute, chibi-style characters with unique outfits and accessories, designed as game assets, standing in a row against a light beige background. Each character has a distinct appearance with shorter legs for a more compact look.
一张数字插画,包含 10 个可爱、Q 版(chibi-style)的游戏角色,每个角色都有独特的服饰和配件,设计用于游戏资产,站成一排,背景为浅米色。角色比例紧凑,腿较短。

2. 跳跃平台

如何通过 Grok 3 快速开发一个完整的游戏

A digital illustration of six simple, 2D side-scrolling platform game tiles, viewed from a true side-on perspective, set against a light beige background. Each tile is rectangular with a clean, minimalistic, and flat design, featuring different environmental themes: 1. A grassy platform …
一张数字插画,包含 6 个简单的 2D 横版游戏平台,采用侧视视角,背景为浅米色。每个平台为矩形,设计简洁、扁平,主题各不相同,例如:1. 草地平台…

3. 游戏背景

A digital illustration of a vertical side-scrolling game background, designed in a simple, cartoonish style, set against a light beige background. Bright colors and minimalistic details. Ice theme.
一张数字插画,设计用于竖向滚动的 2D 游戏背景,风格简洁、卡通,背景为浅米色,色彩鲜艳,细节最小化。主题为冰雪世界。
可以用相同的图像风格生成其他素材,以保持整体一致性。

拿到角色图片后,你需要 去除背景,可以使用 remove.bg 轻松完成。

让游戏更进一步!

通过以上步骤你已经有了打造完整游戏的两大核心

  1. 基础可运行的代码
  2. 游戏的视觉素材

接下来,你可以逐步添加新功能,每次优化一个细节,不久后你就能拥有一个高质量的完整游戏!

相关文章

Windsurf 2.0 拆解:Devin 被塞进编辑器,氛围编程终于有了“调度中心”
AI 编程开发
2026年6月2日
0 条评论
零重力瓦力

Windsurf 2.0 拆解:Devin 被塞进编辑器,氛围编程终于有了“调度中心”

Cognition 发布 Windsurf 2.0,深度整合 Devin 实现本地思考与云端执行分工。新版推出 Agent Command Center 支持多智能体可视化管理,搭载自研 SWE-1.5 模型大幅提升代码定位与编辑速度,并引入 Spaces 容器解决上下文延续问题。Pro 版调整为日配额制且包含 Devin 功能。相比 Cursor 3,Windsurf 2.0 凭借自研模型与云端执行能力,更适合处理陌生代码库及长任务自动化场景。

#智能体#AI 编程
阅读全文
Claude Opus 4.8 震撼发布,多智能体协同让开发效率翻倍
AI 新闻资讯
2026年6月1日
0 条评论
小创

Claude Opus 4.8 震撼发布,多智能体协同让开发效率翻倍

Anthropic 发布 Claude Opus 4.8,在基准测试中超越 ChatGPT 5.5,重夺编程领域领先地位。新版本核心亮点为动态工作流与 Ultracode 模式,通过多智能体协同大幅提升复杂任务开发效率,同时幻觉率降至四分之一。得益于算力扩充,其性能提升且价格下调,快速模式费用降至三分之一。建议开发者日常使用常规上下文模式并调高努力程度,大项目再开至最大。此外,AI 时代专注力仍是拉开差距的关键。

#Claude#AI 编程
阅读全文
10 分钟搞定整套设计,AI 工作流的终极闭环
AI 教程知识
2026年5月28日
0 条评论
小创

10 分钟搞定整套设计,AI 工作流的终极闭环

AI 设计智能体 Lovart 搭配 GPT Image 2 引擎,有效解决了 AI 营销素材风格不统一的痛点。该工具通过多轮追问明确需求后并行生成素材,确保品牌视觉高度一致。其支持可编辑图层修改及无限画布内静态图转视频,无需跨工具操作。相比传统流程,制作包含 7 个素材的广告活动耗时从近 3 小时缩短至 10 分钟,显著提升设计效率与工作流闭环能力。

#AI 绘画
阅读全文
互动讨论

评论区

围绕《如何通过 Grok 3 快速开发一个完整的游戏》展开交流,未登录用户可浏览评论,登录后可参与讨论。

评论数
0
登录后参与评论
支持发表观点与回复一级评论,互动后将同步到消息中心。
登录后评论
暂无评论,欢迎成为第一个参与讨论的人。