首页Phaser 游戏制作
Phaser 游戏制作
创作类型Phaser 游戏制作

从浏览器开始制作 Phaser 游戏

GenStory.cc 的 Phaser 模板不是空白占位,而是包含菜单、测试场景和可编辑源码的浏览器游戏项目。它适合快速验证玩法、整理资产计划,也可以让可选 AI 助手生成场景代码草稿和图片/音乐/音效 prompt,再把源码带出浏览器继续开发。

代码 100% 开源,项目数据默认保存在本地浏览器中;不会自动上传到 GenStory.cc 服务器,也可在授权后手动同步到自己的云盘。
本地优先
结构化项目文件
预览与导出

创作类型

核心能力

把故事、素材和运行结果放进一套清晰的项目结构里,让创作可以持续推进。

01

浏览器内可运行

项目模板包含菜单和测试游戏场景,创建后即可在浏览器中预览基本运行链路。

02

真实代码可编辑

index.html、JavaScript 场景、配置和 CSS 都是可直接编辑的项目文件,也会包含在项目备份中。

03

资产计划先行

图片、角色、音乐和音效先通过 assets/index.yml 登记逻辑 ID 与生成提示词,再接入游戏场景。

提示词工作台

AI prompt 示例

这些示例展示 AI 助手适合参与的环节:先读取项目上下文和创作规则,再给出可确认、可修改的草稿、结构或资产提示词。AI 辅助是可选能力,项目文件仍默认保存在本地浏览器中。

先明确创作目标和素材关系,再把提示词变成可复用、可追踪的项目内容。

可运行案例

案例项目:可爱动物三消

一个完整的 Phaser 多关卡三消游戏案例,包含可爱动物图标、独立颜色资产、菜单、关卡选择、游戏场景和结果场景。

模型OpenRouter · OpenAI: GPT-5 Mini成本控制:先用较低分辨率生成横向图,再拆分为独立图标,完成完整的多关卡内容

第 1 步提示词

使用 gpt image2 (横向图) 生成一套独立的的可爱动物主题的图标,每个动物使用一个独立的主颜色,节约成本使用较低的分辨率生成,然后拆分成独立的图标,做成一个多个关卡的三消小游戏

第 2 步提示词

检查并修复点击三消图标后放大过大问题,完成游戏

01 生成 Phaser 玩法循环草稿

适合产出: 场景职责、输入规则、胜负条件和可编辑代码片段

请读取当前 Phaser 项目的主入口、菜单场景和测试场景,设计一个 60 秒可试玩玩法循环:玩家躲避巡逻光束并收集 5 个记忆碎片。输出场景职责、键盘输入、胜利/失败条件,以及应该新增或修改的 JavaScript 片段。不要假设外部图片和音频已经存在。

02 规划游戏资产 prompt

适合产出: 图片、音乐、音效提示词和建议资产逻辑 ID

请为这个 Phaser 游戏生成资产计划:菜单背景、玩家精灵、收集物、失败音效和背景音乐各 1 条 prompt。每条都给出逻辑 ID、用途、风格约束和接入哪个场景。先整理资产计划,不要直接写入不存在的媒体文件路径。

03 设计可用于游戏精灵的角色设定图

适合产出: 角色外观、动作参考、表情和游戏资产拆分建议

请把这个游戏角色需求整理成 GPT Image 2 的 1024x768 角色设定图 prompt:12 岁中性少年,敏捷、好奇、怕黑但会保护同伴,2D 平台跳跃游戏主角。画面包含正面、侧面、背面、奔跑姿势、跳跃姿势和 4 个表情头像;写清发型、护目镜、短斗篷、鞋底、随身灯具和颜色方案。要求风格适合转成 Phaser sprite sheet,背景简洁,不出现文字、水印、logo 或多余角色。最后列出 player_idle、player_run、player_jump、player_expressions 等资产逻辑 ID。

04 调整关卡难度和反馈

适合产出: 参数建议、玩家反馈点、测试清单和小步代码修改

请查看当前 Phaser 测试场景,给出让新手 60 秒内理解玩法的调参建议。请覆盖移动速度、敌人刷新、收集物数量、失败反馈和胜利提示,并给出小步 JavaScript 修改建议,避免一次性重写整个场景。

常见问题

关于这个创作类型的工作方式、备份策略和发布边界。

Phaser 游戏可以直接运行吗?

可以。模板包含菜单和测试场景,创建后即可在浏览器中预览基本运行链路,再逐步替换为自己的角色、关卡和资源。

导出的源码 ZIP 里包含什么?

源码 ZIP 包含 HTML、JavaScript、CSS、项目元数据和资产计划,适合带出浏览器继续开发、备份或接入自己的部署流程。

没有生成图片和音频也能运行吗?

可以。Phaser 模板先提供无需外部媒体即可运行的菜单和测试场景,后续再按 assets/index.yml 中的资产计划接入图片、音乐和音效。

它和完整游戏引擎有什么区别?

GenStory.cc 更像一个浏览器内的项目起点和源码工作台。它帮助你创建、编辑、预览和备份 Phaser 项目,但不会取代完整的专业游戏编辑器。