天天干天天日天天干,人妻精品一区二区三区,91自产拍在

3D Web輕量引擎HOOPS Communicator裝配制造流程演示

原創|行業資訊|編輯：吳秋紅|2024-04-08 11:50:56.230|閱讀 90 次

概述：該演示介紹了使用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