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

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

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

国外技术达人 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. 游戏的视觉素材

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

相关文章

Hermes 智能体实测,越用越聪明的 AI 员工
AI 教程知识
2026年5月1日
0 条评论
小创

Hermes 智能体实测,越用越聪明的 AI 员工

AI 博主 Alex Finn 对比 OpenClaw 与 Hermes,指出后者核心优势在于“自我进化”能力,能随使用持续更新技能库。实测显示 Hermes 运行更轻量稳定,原生支持多智能体协作,且搭配 ChatGPT 5.5 成本远低于竞品。它不仅能快速构建应用原型、执行定时任务,甚至可自主学习新工具。两者并非二选一,通过 ACP 协议可实现多智能体协同工作流,适合希望提升自动化效率的开发者及职场人士。

#OpenClaw#Hermes Agent
阅读全文
如何用 Seedance 2.0 制作时间旅行 vlog 视频
AI 教程知识
2026年5月1日
0 条评论
小创

如何用 Seedance 2.0 制作时间旅行 vlog 视频

AI 博主 Alec 分享利用 Seedance 2.0 制作“时间旅行”风格 Vlog 的完整流程。核心在于三步:先用 GPT-Image-2 生成多角度角色参考图,确保人物形象在长视频中保持一致;再通过拆解镜头、添加手持自拍描述及否定提示词优化提示词,避免画面过于精致而失去真实感;最后结合 ElevenLabs 或剪映进行配音与配乐。该方案支持单次多张参考图输入,适合希望低成本创作高连贯性 AI 视频内容的创作者。

#Seedance#视频生成
阅读全文
Seedance 2.0 一次生成多镜头序列,提示词是全部关键
AI 教程知识
2026年4月30日
0 条评论
小创

Seedance 2.0 一次生成多镜头序列,提示词是全部关键

AI 博主 Alec 演示利用 Seendace 2.0 通过提示词直接生成含多镜头切换的电影级视频,无需后期剪辑。核心在于提升控制力:从自由发挥的简短描述,到分模块拆解画面,再到带时间戳的逐镜头指令。建议时长控制在 15 秒内,配合角色参考图标记保持形象一致,并善用“预告片”等关键词触发多场景逻辑。该功能让创作者单条提示即可产出完整叙事片段,显著提升短片制作效率。

#Seedance#视频生成
阅读全文
互动讨论

评论区

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

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