ARTICLE DETAIL

资讯详情

深耕郑州网站建设与运营推广的一线实战洞察。

Claw3D零基础上手:10分钟跑通你的第一个AI Agent 3D办公室

Claw3D零基础上手:10分钟跑通你的第一个AI Agent 3D办公室 Claw3D零基础上手10分钟跑通你的第一个AI Agent 3D办公室【免费下载链接】Claw3DClaw3D is an open source 3D engine built on OpenClaw for creating games, simulations, and high-performance 3D applications.项目地址: https://gitcode.com/gh_mirrors/cl/Claw3DClaw3D 是一个开源的 AI Agent 3D 办公室工具它把你在日志和仪表盘里看不见的 AI 智能体变成一间可以走进去的 3D 虚拟办公室。你的 Agent 会以员工身份出现在工位上协作、聊天、汇报。本文是一份零基础上手指南10 分钟带你跑通第一个 AI Agent 3D 办公室全程只需要 Node.js 环境无需任何 AI 框架账号。Claw3D 是什么给 AI 团队造一间办公室一句话理解 Claw3DAI 智能体是员工Claw3D 是它们的办公室。传统的 AI Agent 工作流靠终端日志观察而 Claw3D 把整个过程空间化️ 实时 3D 复古办公室Agent 以员工形象出现在工位上活动 每个 Agent 都可以直接聊天支持流式回复 支持站会、代码评审、任务看板等沉浸式操作场景 即插即用的运行时OpenClaw、Hermes、自定义 HTTP 后端以及内置演示网关零配置项目定位为可视化与交互层本身不训练模型而是连接一个已经运行的 Agent 后端。对新手最友好的地方在于内置的 Demo 模式可以完全离线体验整套 3D 办公室这正是下面 10 分钟教程要走的路。环境准备只需 Node.js 20Claw3D 的技术栈是 Next.js React Three.js见 package.json对新手非常友好依赖版本要求说明Node.js20推荐运行 Studio 服务npm10推荐安装依赖AI 框架可跳过使用内置 Demo 网关⚠️ 注意Claw3D 不会替你安装 OpenClaw 或 Hermes。想体验真实 Agent 运行时再按 TUTORIAL.md 部署本文用演示模式即可。10分钟跑通教程四步启动你的 AI Agent 办公室第一步克隆仓库并安装依赖git clone https://gitcode.com/gh_mirrors/cl/Claw3D claw3d cd claw3d npm install第二步启动演示网关关键Claw3D 内置了一个 Mock 网关server/demo-gateway-adapter.js预置了三位同事Avery协调者、Mika研究员、Rune构建者。在另一个终端运行npm run demo-gateway它会在18789端口启动一个模拟网关提供演示 Agent、流式聊天和办公室在场状态。第三步启动 Studio 主程序npm run dev然后打开浏览器访问http://localhost:3000。首页会自动重定向到 3D 办公室页面src/app/page.tsx这就是你的 AI Agent 3D 办公室。第四步连接演示后端在连接界面中Gateway URL 填入ws://localhost:18789后端模式选择Demo backend点击Connect连接成功后你就会看到办公室里的员工们出现在工位上。直接和他们聊天试试——Avery 会回复Demo office is live and the team is syncedMika 和 Rune 也会以各自的角色人设回应逻辑见 buildDemoReply。办公室导览你的 AI Agent 能做什么连接成功后整个 3D 办公室就是你的控制台看工位每个 Agent 都有自己的名字牌和状态IDLE / RUNNING / THINKING谁在干活一目了然发起站会办公室内置站会工作流Agent 可以自动汇报进度见 meeting-room-workflow-spec.md评审代码在沉浸式界面里浏览 GitHub PR 和 Diffsrc/features/office/screens/github/布置任务通过聊天面板直接给 Agent 派活流式回复实时渲染训练技能在健身房里给 Agent 培训新技能用技能市场安装扩展skills-overview.md进阶连接真实的 AI Agent 运行时玩熟悉演示模式后可以随时切换到真实后端。Claw3D 支持四种运行时档案docs/runtime-profiles.md后端启动命令适用场景Demo本文使用npm run demo-gateway零配置体验Hermesnpm run hermes-adapter使用 Hermes 运行时OpenClaw已有 Gateway Token生产级多 Agent 编排Custom HTTPhttp://127.0.0.1:7770等自定义地址编排器类自研栈接入真实 OpenClaw 时只需两步在连接界面填入 Gateway URL 与 Token然后在网关主机上批准设备配对openclaw devices approve --latest完整的跨机器部署方案OpenClaw Tailscale Claw3D请参考 TUTORIAL.md。常见问题排查连接失败的三个原因如果页面能打开但 Connect 失败按 README.md 的排查清单检查EPROTO/wrong version number→ 对非 TLS 端口误用了wss://本地演示请保持ws://localhost:18789协议版本错误minProtocol/maxProtocol→ 网关太旧升级 OpenClaw 或直接用npm run demo-gateway401 Studio access token required→ Studio 开启了访问令牌保护检查 Cookie 配置架构上浏览器只和 Studio 通信由 Studio 服务器侧再连上游网关server/gateway-proxy.js所以ws://localhost:18789指的是Studio 所在机器能访问的地址而非浏览器设备——这是新手最容易踩的坑。小结从零到 AI Agent 3D 办公室回顾一下你刚刚完成的 10 分钟✅ 克隆仓库npm install装好依赖✅npm run demo-gateway启动内置演示网关✅npm run dev启动 Studio打开http://localhost:3000✅ 连接 Demo backend和你的三位 AI 同事在 3D 办公室里见面Claw3D 的核心价值在于让 AI Agent 的工作变得可见——用空间、运动和在场感代替枯燥的日志。更多方向可以看 VISION.md 与 ARCHITECTURE.md。现在你的 AI Agent 3D 办公室已经开张去给它招个新同事吧【免费下载链接】Claw3DClaw3D is an open source 3D engine built on OpenClaw for creating games, simulations, and high-performance 3D applications.项目地址: https://gitcode.com/gh_mirrors/cl/Claw3D创作声明:本文部分内容由AI辅助生成(AIGC),仅供参考
返回列表