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

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

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

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

远景效果如下:
远景效果

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

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

图片描述

阅读 3.5k
2 个回答

通过 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. 当鼠标悬停,但射线与任何轴网没有交集时将轴网信息隐藏

以上希望有帮助!

新手上路,请多包涵

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

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题