国外技术达人 Alvaro Cintas 花费数小时，用 Grok 3 制作了一个完整的竖版跳跃游戏。游戏包含了不同的英雄角色、怪物、平台、难度等级和生命系统，玩法丰富，体验流畅。
开发流程及代码生成提示词
几点建议
- 不要一开始就要求完成所有细节和功能，先生成一个最基础的游戏
- 对于复杂任务，可以使用 “Grok Think” 按钮，它的表现相当不错
- 让 Grok 先用简单形状作为角色、平台等元素，后续再添加素材
- 代码可能会有错误，直接让 Grok 帮你修复，不用自己手动调试
完成第一个可运行版本后，再逐步添加图片、动画、菜单、敌人等功能。
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. 英雄 & 敌人
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. 跳跃平台
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 轻松完成。
让游戏更进一步！
通过以上步骤你已经有了打造完整游戏的两大核心
- 基础可运行的代码
- 游戏的视觉素材
接下来，你可以逐步添加新功能，每次优化一个细节，不久后你就能拥有一个高质量的完整游戏！
评论(0)