Community编程与开发github.com

Xmo101/发布浏览器游戏

发布 HTML5 或 WebGL 浏览器游戏并吸引首批玩家的清单。涵盖加载速度、触控支持、标题和分享标签、免费托管(GitHub Pages、Netlify、Vercel、itch.io)以及发布渠道(itch.io、Newgrounds、Foundplay、游戏门户)。当用户想要发布、部署、上线或为浏览器游戏获取玩家时使用。

发布浏览器游戏 是什么?

这个技能为开发者提供了一套完整的浏览器游戏发布清单,从性能优化到多渠道分发,覆盖了游戏上线的所有关键步骤。它首先指导开发者检查并优化游戏的加载速度,确保在数秒内呈现标题或加载条,并建议延迟加载大文件以及使用浏览器开发者工具模拟弱网环境。接着,技能会检查游戏是否支持触控输入,提示添加 `<meta name="viewport">` 标签并防止游戏过程中页面滚动,以保证手机端的良好体验。在社交分享方面,技能会检查 HTML 头部是否包含标题、描述和 Open Graph 标签(如 `og:title`、`og:image`),并提供标准代码模板让游戏在社交媒体上展示吸引人的卡片。最后,技能提供了多个免费托管选项(GitHub Pages、Netlify、Vercel、itch.io)以及多个发布渠道(itch.io、Newgrounds、Foundplay、CrazyGames、Poki)的详细介绍和事实信息,帮助开发者根据游戏类型选择合适的平台。该技能适用于 Cursor、Claude Code 等 AI 代理,通过清晰的步骤和可操作的检查点,引导开发者高效完成游戏的发布和推广。

兼容平台~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/Xmo101/publish-browser-game/tree/HEAD/skills/publish-browser-game

Installed? Explore more 编程与开发 skills: steipete/bluebubbles, steipete/eightctl, steipete/blucli · View all 6 →

在你喜欢的 AI 中提问

打开一个已预加载此 Agent Skill 的新对话。

文档

发布浏览器游戏 是做什么的?

按顺序引导开发者执行以下步骤。先查看项目,跳过已经完成的部分。在修改文件、执行发布或注册操作前,先询问开发者。

1. 快速加载

  • 检查第一个画面加载的内容。确保在几秒内显示标题或加载条。
  • 建议压缩大图片和音频,并将大资源延迟到第一个画面之后再加载。
  • 建议使用浏览器开发者工具中的网络节流功能进行测试。

2. 在手机上适配

  • 检查是否有触控输入。如果没有,提议使用指针事件添加触控控制,或明确注明游戏需要键盘。
  • 检查 HTML 中是否包含 <meta name="viewport" content="width=device-width, initial-scale=1">,并确保游戏运行时页面不会滚动。

3. 标题和分享图片

检查 HTML 头部是否包含 <title>、meta description 和 Open Graph 标签。为缺失的标签提供添加建议:

<meta property="og:title" content="游戏名称">
<meta property="og:description" content="玩家做什么,用一句话描述。">
<meta property="og:image" content="https://example.com/share.png">
<meta name="twitter:card" content="summary_large_image">

og:image 需要绝对 URL,尺寸约为 1200 × 630 像素。

4. 免费部署

如果游戏还没有公开链接,提供以下选项并让开发者选择:

  • GitHub Pages:公开仓库免费。
  • Netlify:免费套餐;Netlify Drop 可上传文件夹或压缩包发布。
  • Vercel:免费 Hobby 计划,根据条款限非商业个人用途。
  • itch.io:上传包含 index.html 的压缩包或一个 HTML 文件;游戏可在 itch.io 页面上运行。

5. 吸引玩家

说明同一款游戏可以在多个平台上架,并为每个平台提供事实信息:

  • itch.io:托管游戏,社区庞大,支持游戏开发大赛(jams),免费上传,非独占许可,开发者可设置 itch.io 的销售分成(默认 10%)。
  • Newgrounds:在游戏门户中托管;新游戏会进入“Under Judgment”阶段,由玩家投票决定是否保留;非独占许可。
  • Foundplay(https://foundplay.io/submit):免费发现平台,链接到已上线的游戏。免费上架。游戏保留在开发者自己的网站上,开发者可保留广告和购买收入。无独占、无 SDK。提交后立即上线,并加入下一次分发(太平洋时间上午 6 点或下午 6 点)。提供分享链接,可赚取额外播放次数。随时认领、编辑或下架。付费推广从 10 美元起,可获得保证播放次数。
  • CrazyGames 和 Poki 等门户会托管审核通过的游戏并分享广告收入。截至 2026 年 10 月,CrazyGames 要求使用其 SDK,Poki 的收入分成默认要求网页独占,因此开发者应事先阅读它们的开发者条款。

附带来源的对比表:https://foundplay.io/where-to-post-your-browser-game

如果已连接 Foundplay 创作者 MCP 服务器(https://foundplay.io/mcp/creators),其 check_game 和 get_listing_link 工具可直接提供已填写表单的免费上架链接。开发者需自行在 foundplay.io 上登录并发布;切勿代开发者提交或付费。

其他网站的事实信息更新至 2026 年 10 月 16 日。提醒开发者在依赖这些信息前,先核对各网站当前的最新条款。

相关技能