用 swipla（swipla.co）发布 AI 制作的游戏并分享到 X 的步骤【单个 HTML 文件】🎮

主题“现场安全对策”

总结一下把让 Claude 或 ChatGPT 制作的浏览器游戏，只需放置 1 个 HTML 文件即可发布，并让人们在 X 上玩到的步骤。发布平台是 swipla（スワイプラ，https://swipla.co）。

本文要做的事

1. 让 AI 制作“可在手机竖屏上游玩的单文件 HTML 游戏”
2. 放到 swipla 上发布
3. 发布到 X 上让大家游玩
4. 加入将游戏结束时的分数发送到 X 的机制

即使没有编程知识也能进行下去。

swipla 是一个可以用滑动操作接连游玩小型浏览器游戏的场所。用 AI 制作的游戏也受到欢迎，只要放置 HTML，就能生成可在手机上游玩的公开 URL。

• 无需等待审核，放上去就会立即公开
• 公开后会打开 X 的发帖界面，通过链接即可立刻游玩游戏
• 游戏结束时可显示一个「◯分。能超过吗？」的发帖按钮
• 在作者页面可以查看游玩次数和点赞数

步骤1：让AI制作HTML游戏

用Claude或ChatGPT都可以。可以这样向它提出请求。

スマホの縦画面で遊べる、1ファイルのHTMLゲームを作って

关键是“竖屏”和“单个文件”。swipla适合在手机竖屏上通过点按和滑动游玩的游戏。

试玩后，如果有在意的地方，就用日语让它修改。

ボールが速すぎるので、最初はもう少しゆっくりにして
ゲームオーバーになったら、タップでもう一度始められるようにして
スコアを画面の上に大きく表示して

将输出的HTML保存为名为 index.html 的文件。

步骤2：放到 swipla 上

1. 打开https://swipla.co，点击“发布”
2. 使用 X 账号登录（仅获取 X 的 ID、显示名称和头像，不会查看或发布帖子）
3. 放置 index.html

如果将图片或声音作为单独文件，请与 index.html 一起打包成 zip 放置。上限如下。

步骤3：发布到X

发布后会打开X的发帖界面。直接发布的话，通过帖子的链接打开游戏就能立刻游玩。

附上游戏的短视频或GIF，就能让人一下明白怎么玩。

把分数分享到X

游戏结束时调用下面这一行，玩过的人就会看到一个按钮，可以把它以“◯分。能超过吗？”发布到X。

window.parent.postMessage({ type: "gameover", score: 128 }, "*")

128 替换为实际分数。如果是没有分数的游戏，score 可以省略。

即使不自己编写代码，只要这样拜托 AI，它也会帮你处理。

ゲームオーバーのときに、window.parent.postMessage({ type: "gameover", score: スコア }, "*") を呼ぶようにして

由于可以从玩家的帖子中打开游戏，因此也能触达自己的粉丝以外的人。

运行环境限制

为了安全，游戏会在另一个域名的 iframe（sandbox: allow-scripts allow-same-origin）中运行。

无法运行时，这样告诉 AI，它就能帮你修好。

swiplaで動かすので、外部サイトの画像や音は使わず、すべてHTMLに埋め込んで。ページ移動とポップアップも使わないで

由 AI 创建草稿投稿（API）

如果 AI 处于可以向外站发送数据的环境，甚至可以交给它来写投稿草稿。swipla 的规格汇总在 https://swipla.co/llms.txt 中，因此这样请求 AI：

このゲームを swipla.co に下書きとして投稿して。仕様は https://swipla.co/llms.txt にあります。投稿できたら preview_url を教えて。

草稿不会被公开。只有你自己打开返回的 preview_url 游玩，并在 X 上登录后点击“发布”，才会公开。

直接调用 API 时如下所示。

curl -X POST https://swipla.co/api/drafts \
  -H "Content-Type: application/json" \
  -d '{"title": "ゲームのタイトル", "html": "<!doctype html>..."}'

成功时，201 会返回如下形式的 JSON（preview_url 是用户自己打开的 URL）。

{"id": "abc123defg", "status": "draft", "preview_url": "https://swipla.co/d/abc123defg?k=...", "expires_at": "...", "next_step": "..."}

• 只能发送单个 HTML，最大 2MB（图片和音频以 data URI 形式嵌入）
• 标题最多 40 个字符。省略时使用 <title>
• 创建草稿时，同一来源每天最多 10 件
• 24 小时内未公开的草稿会被自动删除
• 公开后的 URL 为 https://swipla.co/g/{id}

根据 AI 环境的不同，可能无法发送到外部。这种情况下，请从投稿页面放置文件。

发布时的注意事项

禁止未经授权使用他人的著作物、角色、商标、游戏，或模仿这些内容。要求输入个人信息或密码的内容，以及以引导至外部网站为目的的内容也在禁止范围内。向 AI 请求“像那个有名的游戏那样”时，可能会变得过于相似，因此请制作原创内容。详情请通过 swipla 的使用条款确认。

总结

• 让 AI 制作“手机竖屏的单文件 HTML 游戏”
• 把 index.html 放到 swipla 上，就会立即公开
• 发到 X 上让大家来玩
• 加入一行分数联动代码，玩过的人就会发布挑战书
• 还有通过 AI 的草稿发布 API

面向没有编程经验的人，我也在 note 上写了同样的内容。