3D Web轻量引擎HOOPS Communicator装配制造流程演示-控件新闻-慧都网

3D Web轻量引擎HOOPS Communicator装配制造流程演示

原创|行业资讯|编辑：吴秋红|2024-04-08 11:50:56.230|阅读 9 次

概述：该演示介绍了使用HOOPS Communicator的独特工作流程，该工作流程可用于各种行业，例如维护手册、工作指令或电子商务（自定义订单）等。

介绍

该演示介绍了使用的独特工作流程，该工作流程从零件列表中加载零件，并使用自定义配合操作符（例如共线、同心和共面）构建装配模型。该工作流程可用于各种行业，例如维护手册、工作指令或电子商务（自定义订单）等。
创建的装配结构可以用JSON字符串表示并复制。

示例项目

从以下Git存储库下载示例项目：

git clone //github.com/techsoft3d/assembly_creator.git

通过在GitHub上创建帐户来为techsoft3d/ assembly_creator开发做出贡献。

设置和使用

请README.MD在Git存储库中参考。

自定义运算符

该演示实现了几个自定义运算符。
每个自定义运算符都可以独立用于其他项目。

PartDragDropOperator (part_drag_drop_operator.js)

该类PartDragDropOperator是一个自定义操作符，用于通过在零件列表中开始拖动并将其放入Web查看器来插入零件。

用法

1.注册自定义算子并激活

this.partDropOp = new PartDragDropOperator(this.viewer, this);

this.partDropOpHandle = this.viewer.operatorManager.registerCustomOperator(this.partDropOp);

this.viewer.operatorManager.push(this.partDropOpHandle);

2.创建零件列表
每个零件图像都属于该类partList_thumbnail，并且具有SC模型名称作为数据集属性：data-model

3.将鼠标按下事件处理程序注册到零件缩略图。
当拖动零件缩略图时，其SC型号名称将设置给使用该setPart功能的操作员。

$('.partsList_thumbnail').on('mousedown', (e) => {

  const partName = e.currentTarget.dataset.model;

this._partDropOp.setPart(partName);

    e.preventDefault();

});

步骤（1）

LoadSubtreeConfig.attachInvisible

当该setPart函数加载拖动的部分SC模型时，设置LoadSubtreeConfig.attachInvisibly = true避免在鼠标光标放置在Web查看器中之前显示加载的模型。

拖动零件定位

尽管鼠标光标在2D屏幕上滑动，但零件的位置应根据其在3D中的2D位置来确定。

tupian

在此运算符中，零件位置确定如下：

1.创建一个锚平面，该平面位于现有模型的边界框（锚）的中心并垂直于向量（当前相机位置-锚）

2.使用以下命令计算当前鼠标位置（2D）的射线View.raycastFromPoint

3.使用以下命令计算锚平面和射线之间的交点(3D)Plane.intersectsRay

CollinearMateOperator (collinear_mate_operator.js)

该类CollinearMateOperator是一个自定义运算符，用于通过选择要匹配的两个衬里边缘来对齐零件。

tupian

使用翻转按钮可以反转移动部件的方向。

tupian

步骤（2）

预选择

在配合操作符中，在onMouseMove事件期间使用方法SelectionItem返回来计算用于配合的目标线/面实体View.pickFromPoint。提供了、、、等
SelectionItem多种方法来检索实体参数。预选实体使用、和(common_utilities.js)表示。isLineSelectionisFaceSelectiongetLineEntitygetFaceEntity
Model.setNodeLineHighlightedModel.setNodeFaceHighlightedArrowMarkup

tupian