用 AI 生成互动游戏，让课本里的故事「活」起来

本文介绍了一种仅需一句话提示，即可利用 AI 自动生成互动叙事游戏的方法。该方案通过整合 Claude Code、豆包 Seed-Code 模型及特定技能插件，将原本需要多轮对话、切换多个平台的复杂流程，简化为全自动化的工作流。AI 会自动完成剧情拆分、风格统一的配图生成、互动选项设计，最终输出一个完整的网页游戏，尤其适合教育工作者将课本内容转化为沉浸式教学工具，提升学生参与感。

问题的提出：从繁琐到简洁

将文学作品，如《林黛玉初进贾府》，制作成互动游戏，能让学生亲历故事发展，探索不同选择带来的可能性，这极具吸引力。然而，传统的制作方法非常复杂，往往需要使用者在多个工具间反复切换，经历数十轮的提示词调整。

如果做这样一个互动游戏，能像写一句话一样简单，会发生什么？

这个问题的答案，就是将整个流程自动化，让 AI 负责所有繁琐的步骤，而创作者只需提供一个核心创意。

核心方法：让 AI 自动完成一切

本方案的核心是选择合适的工具，并给予 AI 足够的自主行动空间来完成任务。

  • 主要工具组合:

      • Claude Code + Skill: 一个 AI 智能体（Agent）框架，负责规划和执行任务。Skill 则像是 AI 的“技能包”，用于指导 AI 如何生成图片。
      • 豆包 Seed-Code 模型: 驱动 AI 智能体完成游戏开发，并利用其多模态理解能力“看懂”配图，从而统一界面设计风格。

  • 自动化流程:

      • 给定剧情文本: 只需提供故事名称或粘贴原文。
      • 选取关键场景: AI 自动识别情节转折点，拆分出 5-10 个关键场景。
      • 设计剧情配图: AI 自行编写风格统一的提示词，调用生图模型生成并下载所有图片。
      • 游戏开发: AI 设计每个场景的互动选项与反馈，编写游戏代码，并根据配图风格统一 UI 设计。

准备工作：三步配置你的 AI 助手

在开始创作前，需要完成一些简单的配置。即使没有 AI 基础，也可以按照以下步骤操作。

  1. 安装 Claude Code

      • 打开电脑的“终端”或“命令行”工具。
      • 遵循官方安装指引完成安装。如果遇到问题，可以将报错信息发给任意 AI 助手寻求帮助。

  2. 配置豆包 Seed-Code 模型

      • 选择该模型是因为它与 Claude Code 兼容性好，且作为国内首个支持多模态的编程模型，能让 AI 根据图片风格自动优化 UI。
      • 在终端内输入指定命令，将模型临时切换为豆包 Seed-Code 模型，并填入你从火山方舟获取的 API Key。

  3. 配置文生图 Skill

      • 这一步是为 AI 装上“自己画图”的能力插件。
      • 需要下载一个名为 seedream-image-generator 的 Skill 压缩包，并将其放入 Claude Code 指定的技能目录中。也可以直接在 Claude Code 中使用指令让 AI 自动完成下载和放置。

完成以上准备后，你的 AI 助手就具备了“一句话生成游戏”的全部能力。

创作攻略：两种风格的提示模板

现在，你可以通过发送一个指令来创作游戏了。这里提供了两种不同风格的模板，选择一个并替换其中的内容即可。

A. 交互式课件风格

这种风格的布局更偏向教学演示，界面清晰，重点突出，支持横版或竖版布局。

一次性提示模板如下：

【任务目标】

基于给定原文/特定剧情/文学内容，自动生成一个完整的交互式叙事网页游戏/课件，并在当前项目的根目录下，创建文件夹，放置全部游戏代码与资源。

【核心要求】

    • 场景自动切分：基于原文情节转折点，自动拆分 3-10 个关键叙事场景。
    • 图片设计提示词：为每个场景生成详细的 AI 绘图 prompt，并确保所有图片风格统一。
    • 图片生成：利用 seedream-image-generator skill 生成对应图片。
    • Html 游戏开发：每个场景设计 3 个选项（1 个正确，2 个错误），并提供选择后的反馈。UI 元素需通过多模态分析图片风格后进行统一设计。

【游戏内容】

<此处粘贴/替换为你想要生成游戏的文学原文/历史文本>

【输出格式】

完整可运行的 html 游戏。

将模板中的【游戏内容】替换后，直接发送给 Claude Code，AI 便会开始自动执行所有步骤，从场景规划、图片生成到最终的游戏开发。

B. 沉浸式剧情游戏

这种风格更具游戏感，以图片为背景，将选项和对话呈现在画面上，提供更强的代入感。

一次性提示模板如下：

【任务目标】

你的核心任务是扮演一个全能的互动叙事的游戏设计师。接收我提供的任意文学文本，自动将其转化为一个完整的、用于教学的网页互动游戏/课件。

【核心工作流】

严格遵循以下四个步骤：

步骤一：故事解析与教学设计

    • 分析原文，规划游戏结构（开始界面、场景拆分、结局设计），并为每个场景设计 3 个互动选项。

步骤二：艺术风格确立与视觉生成

    • 根据原文基调确立一种统一的艺术风格（如水墨、卡通），为所有场景生成详细的 AI 绘图 prompt，并使用 seedream-image-generator 工具生成所有图片。

步骤三：互动和 UI 设计

    • 设计整体布局，包括场景展示区和底部互动区。UI 元素（对话框、按钮）的风格需与插画风格协调统一。

步骤四：最终交付

    • 整合所有内容，生成一个独立的、包含所有代码和资源的 HTML 文件。

这个模板赋予了 AI 更明确的角色和工作流程，使其能更有条理地完成一个沉浸式游戏的设计与开发。

技术的意义：回归教育初心

通过这种方法，我们将原本需要 40 多轮提示的复杂工作，简化到了只需一轮提示。教育者不再需要担心技术细节，如图片素材、代码编写或风格统一等问题。

技术的意义，也不在于替代谁，而是对齐原有的目标，做得更好更好。

当教育者可以专注于故事本身、教学体验和学生感受时，AI 便真正成为了改善教育的强大工具。这正是技术为我们带来的积极变化。