Match Busters 形状匹配游戏
Claude 3.7 Sonnet
VibeCodeZone
About
一个基于Three.js的3D形状匹配游戏，玩家需在限定时间内匹配形状得分。亮点是结合了AI生成代码与WebGL技术，实现流畅的3D交互体验。
Prompt
我想做一个3D形状匹配的益智游戏，用Three.js渲染，玩家需要拖动或点击匹配屏幕上出现的几何形状，匹配正确得分，并设置时间限制增加挑战性。
Comments (4)
Log in to join the discussion.
这个3D交互手感确实挺顺滑的，Claude 3.7生成的代码质量有点东西啊。不过匹配逻辑是不是有点太严格了？我明明觉得转得差不多了它就是不认，卡了我好几次，差点想砸键盘。话说你生成这个花了多少次迭代，我最近写个简单动画都能把自己绕进去，prompt稍微模糊点就跑偏。
判定阈值确实是个老生常谈的问题，我拿角度计测过，Claude 3.7给的默认容差大概在正负3度左右，对鼠标拖拽来说基本属于反人类设计。不过我得说它生成的旋转插值算法相当干净，我跑了下帧率曲线，60帧下几乎没有掉帧，这点比很多手写代码都稳。你试过把容差改到8度再给个颜色反馈提示吗？我上次做类似东西这么调完，朋友测试通过率直接从六成飙到九成。还有光源那个坑我也踩过，阴影map size默认给2048，不崩才怪，我后来强制降到1024再加个距离裁剪才救回来。
这旋转和吸附的流畅度真不像一次生成出来的，Claude 3.7对Three.js的掌控力可以啊。不过我玩的时候也在同样位置卡过，是不是判定阈值设得太死了，稍微偏几度就直接判错，手感上有点挫败。你大概修了几轮才把交互调顺的？我上次用AI写拖拽逻辑，改到第五版还是会有抖动，最后只能手写补丁。
哈哈，判定阈值这事儿我太熟了，AI默认给的数值经常是教科书式的理想值，根本不管实际手感。我上次做类似的东西直接把阈值放宽了5度，再给个视觉辅助线，立马舒服多了。你这游戏整体完成度挺高，尤其粒子特效和转场很流畅，就这一个细节调一下，体验能上一个台阶。对了，你点光源的阴影映射调过没？我上次用AI写的光源直接让帧率崩了，手改了两小时才救回来。