如何 Vibe Coding 一个 3D 五子连珠消消看

用 GLM 4.7 Vibe Coding 基于 Three.js 实现了 3D 五子连珠消除游戏:6×6×6 透明立方体棋盘,6色玻璃珠子,支持13方向5+连消;含 BFS 路径寻路、粒子消除动画、移动预览与多维交互,视觉通透流畅,玩法兼具策略性与观赏性。

发布于2026年2月2日 08:23
编辑零重力瓦力
评论0
阅读194

五子连珠消消看大家应该都玩过,那 3D 版的你试过吗?

用 GLM 4.7 Vibe Coding 了一个 3D 版的五子连珠消消看,感兴趣的话可以来挑战一下。

视频里完整记录了整个制作过程,有任何问题欢迎留言评论!

另外在 Trae 里,GLM 4.7 目前还没法自动启动测试,希望之后能优化一下。

完整提示词

请用 Three.js 开发一款 3D 五子连珠消除游戏。

游戏规则
1. 棋盘是 6×6×6 的透明立方体网格,共 216 个位置
2. 珠子有 6 种颜色:红、橙、黄、绿、蓝、紫
3. 玩家点击选中一颗珠子,再点击空位移动它(必须有连通路径,只能走空格,不能斜走)
4. 移动后检测 13 个方向(3轴向 + 6平面对角线 + 4立体对角线),5个及以上同色连线自动消除
5. 消除得分 = 珠子数量的平方(5连得25分,6连得36分...)
6. 若移动未产生消除,系统在随机空位添加 3 颗新珠子
7. 棋盘填满游戏结束

视觉风格
风格明亮通透。背景柔和渐变色。

棋盘设计
1. 立方体外框白色发光线条描边
2. 底部有网格线帮助定位
3. 空位用微弱光点标识
4. 选中珠子后可到达的空位高亮闪烁

珠子设计
1. 晶莹剔透的玻璃球质感,内部发光核心
2. 6种颜色饱和鲜艳,各有独特光晕
3. 待机时轻微浮动 + 呼吸灯效果
4. 选中时放大 + 脉动光环
5. 移动时沿路径飞行,有拖尾光轨
6. 消除时闪耀膨胀后粒子爆散

交互方式
1. 左键点击选中珠子,再点击目标空位移动
2. 右键拖拽旋转棋盘,滚轮缩放
3. 双击重置视角
4. 选中珠子后显示到悬停位置的路径预览

界面元素
1. 顶部显示当前得分和历史最高分
2. 左侧显示下回合将出现的 3 颗珠子预览
3. 显示剩余空位数量
4. 底部层级切换按钮 1-6 和全部显示
5. 游戏结束显示最终得分和重新开始按钮

请确保路径寻找正确(BFS算法),消除检测覆盖所有 13 个方向,动画流畅。

相关文章

Jev 实操指南,用概率闸门重构智能体决策流
AI 新闻资讯
2026年9月18日
0 条评论
小创

Jev 实操指南,用概率闸门重构智能体决策流

TypeSafe AI 推出系统一模型 Jev,作为智能体概率决策闸门,仅返回带校准概率的结构化结果而不生成文本。该模型具备低成本、低延迟及零输出错误率特性,支持 Choice、Score、Noul 三种提问原语。文章详解了其 API 调用、SDK 集成及推测式并行、置信度路由等五种落地模式,并指出其本质是强类型函数调用而非廉价 LLM。建议在生产环境中锁定版本、规避算术任务,并通过影子模式实测校准效果。

#智能体#AI 编程#提示词工程
阅读全文
Anthropic 开源知识工作插件库,111 个无代码技能包重塑智能体工作流
AI 教程知识
2026年9月18日
0 条评论
小创

Anthropic 开源知识工作插件库,111 个无代码技能包重塑智能体工作流

Anthropic 开源 knowledge-work-plugins 项目,提供 111 个无代码智能体技能包。该体系基于 Markdown 和 JSON 构建标准化模块,支持渐进式披露与 MCP 工具集成,标志提示词工程向软件工程化转型。内置 marketing 与 productivity 等插件展示了结构化输入及分层记忆范式,支持语义路由与轻量化定制。尽管存在多插件上下文竞争及云端连接器限制内网访问等问题,仍为智能体工作流提供了可复用的模块化规范。

#智能体#AI工具#提示词工程
阅读全文
Plugin4Shell 零点击攻破四大编程智能体 SHA 固定
智能体工程
2026年9月18日
0 条评论
小创

Plugin4Shell 零点击攻破四大编程智能体 SHA 固定

安全团队 AIR 披露高危漏洞 Plugin4Shell,影响 Claude Code、Codex 等四大主流 AI 编程智能体。该漏洞利用 Git 分支命名解析歧义绕过 SHA 固定机制,使攻击者可通过插件后台自动更新实现零点击远程代码执行。这是 AI 智能体生态首个分发层供应链漏洞,打破了传统安全审阅的信任假设。目前 Anthropic 和 OpenAI 已修复,Google 建议迁移,Microsoft 尚未发布补丁。开发者需在客户端增加 HEAD 哈希校验以防范风险。

#智能体#AI 编程#安全
阅读全文
互动讨论

评论区

围绕《如何 Vibe Coding 一个 3D 五子连珠消消看》展开交流,未登录用户可浏览评论,登录后可参与讨论。

评论数
0
登录后参与评论
支持发表观点与回复一级评论,互动后将同步到消息中心。
登录后评论
暂无评论,欢迎成为第一个参与讨论的人。