用 Claude 打造 Spinlings：共享游戏规则与 Desktop UI 陷阱

Reddit r/ArtificialInteligence 工具
claude-code open-source game typescript cloudflare-workers ai-agent

摘要

Spinlings 是一款免费、开源的生物对战游戏，运行在 Claude Code 内部，以提示词上方的一条 UI 信栏呈现，由一个共享的 TypeScript 引擎驱动，既支持离线游玩，也支持通过 Cloudflare Worker 后端进行在线对战与交易。开发者反思了如何保持游戏逻辑的集中化，以及如何修复 Desktop UI 的点击目标缺陷，而非一味堆砌新功能。

我做了 Spinlings，一款在 Claude Code 内部运行的免费开源生物游戏。当 Claude 工作时，像素生物会在提示词上方战斗；你可以收集一支三只生物的队伍，交易卡牌，并与另一位玩家保存的队伍进行对决。最初的游戏是用 Claude 构建的，后续的 UI 和测试迭代则由 Codex 协助完成。这套实现中最有价值的部分，是把生物生成与战斗规则集中在同一个 TypeScript 引擎里，离线游玩和在线服务器共用这套引擎。模组使用 TSX 视图渲染提示词上方的信栏和收藏面板。在线世界运行在 Cloudflare Worker 上，用 D1 存储收藏、交易与对战数据。战斗基于已保存的队伍进行，因此玩家无需同时在线。后期的 UI 工作暴露了一个虽小但恼人的 Desktop 缺陷：点击卡牌的文字能打开详情，点击卡牌的美术图却不行。修复这些点击目标、检查窄面板、以及保持战斗操作的可选性，比再加一个游戏功能重要得多。你的队伍会自动战斗；带计时的特殊操作在你需要时才出现，不必每回合都盯着看。游戏要求 Claude Code 2.1.287+。该模组不会进行任何 AI 调用，也从不读取你的提示词、回复或项目文件。在线游玩时，只会向游戏服务器发送游戏动作和一个粗粒度的模型系列信息；离线游玩则使用单独的本地存档，不发出任何请求。源码与截图。 https://preview.redd.it/dx4lqyixqwth1.png?width=672&format=png&auto=webp&s=c0a88ca8f74b95346b4154bb2245e9e28cefb833 https://preview.redd.it/bwgu0zixqwth1.png?width=656&format=png&auto=webp&s=a7a04df2d560d03b969952ea9eb00d2b12733c21
查看原文

相似文章

使用 Claude Fable 5 一次性打造 Raccoon Heist 游戏

Simon Willison's Blog

Simon Willison 演示了如何通过 Claude Code for web 使用 Claude Fable 5，根据一条 2022 年的 GPT-3/DALL-E 推文，构建一个可玩的 3D Raccoon Heist 游戏，并利用 GitHub Pages 进行实时预览。

Claude Desktop 启动虚拟机且无法停止

Hacker News Top

Claude Code 是 Anthropic 推出的一款终端中的智能编码工具，它能理解你的代码库，通过自然语言命令执行日常任务、解释复杂代码以及处理 git 工作流程，从而帮助你更快地编写代码。

Our Silly Games

Product Hunt

Our Silly Games 是 Product Hunt 上的一个免费平台，用于构建和托管使用 Claude Code 或 Codex 创建的浏览器游戏，内置多人联机、排行榜、存档和手机控制器功能。