今天继续让 DeepSeek 给这个完全由 AI 实现的 3D 库存可视化系统进行功能优化, 增加一个点击库位进行定位的功能。
相关文章阅读前面两篇文章我们讲了如何从零让 DeepSeek 帮我们实现一个多维数据的3D在线库存可视化系统, 以及如何进行数据联动和对接:
点击定位
下面实现一个点击库位,镜头移动定位的效果:
提示词点击库位的的时候,摄像机对准这个库位
复制完代码提示错误:
然后发现点击地面也会旋转镜头:
这个肯定不是我们要的效果, 让AI修改代码,只有点击库位的时候才进行定位:
提示词只有当点击库位的时候才定位,点击地面等 mesh 的时候不定位
AI 给出的方案是给库位增加标识,然后判断是否点击了库位:
增加标记和库位检查:
// 为库位添加自定义属性
slot.userData.isStorageSlot = true; // 标识这是一个库位
...
// 检查点击的对象是否是库位
if (clickedObject.userData.isStorageSlot) {
focusCameraOnObject(clickedObject);
}
然后浏览器刷新检查一下效果:
媒体点击都是使用从开始位置到结束位置的距离,修改成从当前位置到结束位置:
好了,现在连续点击库位的定位动画变得丝滑。
领取专属 10元无门槛券
私享最新 技术干货