Forge Viewer中如何添加轴网,并选中模型

发布于 2022-09-11 16:05:40 字数 637 浏览 13 评论 0

最近项目中需要添加一个轴网功能,参考别人做的轴网效果如下:

鼠标在圆环、直线上面或附近悬停时,有标签提示
鼠标在圆环上或附近悬停时,有标签提示

鼠标在直线上或附近悬停时,有标签提示

远景效果如下:
远景效果

目前在我的demo中,我可以通过three.js创建出圆环、直线以及文字的模型组,并将模型插入this.viewer.impl.scene中,效果图如下,已经知道的是不可能从html上选中,因为他们显示在一个canvas元素中,

可是我该如何选中加入的模型?
或者说还有别的添加轴网的思路吗?

图片描述

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

唐婉 2022-09-18 16:05:40

能否上传模型转化之前,就在设计软件中,加入三维的轴网呢?

转瞬即逝 2022-09-18 16:05:40

通过 three.js 的自定义物件必需自己实做 Viewer Tool,并实做 Ray Casting:
https://segmentfault.com/a/11...

Ray Casting 和弹窗的部份可以参考这个例子:
https://forge.autodesk.com/bl...

而这个功能的大致思路为:

  1. handleMouseMove 这个函数里添加 Raycaster
  2. 当鼠标悬停且射线与你的轴网有交集时,创建一个 div 显示你的轴网信息并将其加到在 viewer container 加上
  3. 当鼠标悬停,但射线与任何轴网没有交集时将轴网信息隐藏

以上希望有帮助!

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文