先上结果： Claude Opus 5.5 的效果彻底瘫坐，结果很惊艳，玩法完美复刻，甚至还加入了音效 游戏地址： https://move-car-kappa.vercel.app/ GPT的复刻只能说邯郸学步： 参战Agent： Codex + GPT 6 Astra High 16分钟19秒，GPT $100 套餐 2%限额 Claude Code + Claude Opus 5.5 High 用时 1 小时 45 分钟，Pro套餐 5h 19%，周3%额度 提示词 (社区无法上传视频)： 原视频：4.64 复制打开抖音，看看【1682822388的作品】这游戏也太好玩了吧！一玩一个不吱声 https://v.douyin.com/MI1yDkx3yY4/ 04/25 l@p.Qx :9pm qre:/ 你来复刻一下视频里的小游戏。要求交互、游戏玩法一致，素材高度还原，视角采用同样的2.5D 然后我问了Claude的制作思路和遇到的问题： 下面是这个游戏的整体思路，以及过程中解决的问题。 ## 整体思路 1. 先看懂视频，再动手 - 本机没有 ffmpeg，我写了个 Swift 脚本调用 macOS 自带的 AVFoundation 抽帧：先每秒一帧看全貌，再在 4–10 秒按 0.25 秒一帧，看清关键动作。 - 从画面里拆出玩法： - 点车后，车按箭头方向开出。 - 有车挡着就撞上去再退回来。 - 开出来的车停进 5 个车位，同色的人排队上车，坐满就开走。 - 同时记下场景元素：高架桥、红绳栏杆、"LEFT" 计数牌、金币、生气的 emoji、教学手势，以及斜俯视的镜头角度。 2. 技术选型 - 用 Three.js 做真 3D，透视相机从左上方斜着看，还原视频的 2.5D 效果，不用 2D 假透视。 - 所有东西放在一个 HTML 文件里，Three.js 从 CDN 加载，打开就能玩，也能直接发布成 Artifact。 - 模型全部用代码生成：车是几个圆角方块加箭头，人是旋转体加一个球，不依赖外部素材。 3. 分层实现 - 场景层：地面、道路、车位、栏杆、高架、计数牌。 - 游戏逻辑层：停车场网格、每辆车的状态（在车场、撞车、行驶、停车、装客、离开）、排队、上车、胜负判定。 - 表现层：行驶路线、弹跳、飘出的 emoji 和金币、音效、教学手势。 ## 解决的问题 画面与镜头 - 本地乱码、一直卡在"加载中"：本地文件缺少 charset 声明和 [hidden] 样式规则，这两样在 Artifact 里是自动补上的。补上后就正常了。 - 镜头适配：一开始二分查找的方向写反了，停车场缩成一小块。后来改成按距离、纵向、横向三个维度搜索，保证停车场占满屏幕宽度、底部贴边，上方留给人群。 - 比例不对：停车场太深，车位太大（视频里车位只有一辆车长）。调了网格尺寸，车位缩小；公交车停车时会略微缩小以塞进车位。 - 横屏：宽屏会露出人群边缘，所以改成居中的竖屏窗口，和视频的竖屏体验一致。 关卡生成（最核心的问题） - 车太稀疏：最初的逐个放车算法很难放满。改成先随机塞满，再逐辆"剥离"可以开出去的车。遇到互相卡死时，先把某辆车掉头，实在不行就删掉挡住最多车的那辆。这样停车场接近满格，而且一定能清空。 - 排队颜色几乎一人一换：一开始用噪声给人群上色，队首是"粉蓝蓝蓝粉粉蓝粉粉蓝"这种交替，自动测试基本必输。改为把人群切成不规则的色块，每块整体排队、同一颜色，画面上是视频里那种大色团，队列里也有长串同色。 - 可解性：色块本身不保证有解。最终做法是先模拟出一个停车场确实能执行的出车顺序（尽量让同色车连着出），再按这个顺序生成排队颜色。只要玩家顺序得当，5 个车位一定够用，输只会是因为走错。 逻辑 Bug - 生成排队颜色时读到了还不存在的载客量字段，所有人颜色都是空的，已修复。 - 浏览器面板隐藏时画面会暂停。我把"逻辑更新"和"渲染"拆开，测试脚本就能直接快进模拟，批量跑了 6 关：3 关被自动玩家通关，另外 3 关是这个简单的自动玩家自己不敢用最后一个车位而停住，不是游戏卡死。输局弹窗也单独验证过。 细节打磨 - 人群背光面偏暗，颜色不如视频鲜艳，在着色器里给每个人加了一点自发光。 - 乘客太小看不清，调大了坐姿比例。 - 教学手势在居中窗口里位置偏移，修正了坐标换算。 ## 和原视频的差异 - 每关约 300 人，不是视频里的 500，因为停车场要在一屏内完整显示。 - 关卡由程序生成，不是人工设计。 - 多了声音开关、重开、下一关，并会记住当前关卡。 用时：约 1 小时 45 分钟，按文件时间戳推算： | 时间 | 阶段 | |---|---| | 13:04 | 开始抽帧分析视频 | | 约 13:20 | 第一版完整代码写完（分析加编写约 16 分钟） | | 13:21 – 14:47 | 浏览器实测、调试、调整（约 1 小时 26 分钟），大部分时间花在关卡生成的可解性和镜头适配上 | | 约 14:48 | 发布 Artifact | Token 消耗 - 上下文：当前会话约 23.6 万 tokens（上限 100 万，已用 24%）： - 对话消息（含代码、截图、工具输出）：约 18.1 万 - 系统工具和 MCP 工具定义：约 4.1 万 - Skills 和系统提示：约 1.4 万 - 计划额度（Pro）：5 小时窗口已用 19%（约 2 小时后重置），每周额度已用 3%。这个百分比是整个账号的，如果你这段时间还开了别的会话，也会算在里面。 2 个帖子 - 2 位参与者 阅读完整话题

  • 情报分类：硬件与数码
  • 分类依据：内容涉及硬件、数码产品或通信卡
  • 信息来源：服务器 / LINUX DO - 最新话题
  • 发布时间：2026/9/26 15:21:39