three.js 使用 getWorldPosition 获取世界坐标

记录一下项目中的需求，组合后旋转，解组后需要模型位置为旋转后位置

disCombinationModel (ModelArry, type) {
  // 判断是否有选中
  if (ModelArry.length === 1) {
    const ob = ModelArry[0]
    // 判断是否是组合
    if (ob.typeName === 'combination') {
      const { position, rotation } = ob
      // 历史记录，用于上一步、下一步
      let nudoHistory = {
        operation: [],
        type: 'DisCombinationModel' // 解组动作
      }
      // 循环组合内的children
      while (ob.children.length > 0) {
        const children = ob.children[0]
        // 调用updateMatrixWorld()保证图形矩阵正确
        scene.scene.updateMatrixWorld(true)
        // 模型的.getWorldPosition()方法获得该模型在世界坐标下的三维坐标
        var worldPosition = new THREE.Vector3()
        children.getWorldPosition(worldPosition)
        // 设置children的坐标
        children.position.set(worldPosition.x, worldPosition.y, worldPosition.z)
        // 设置children旋转角为 组合旋转角
        children.rotateY(rotation.y)
        nudoHistory.operation.push(children)
        InitializeModel.geometryGropu.add(children)
        ob.remove(children)
      }
      if (type) {
        this.addHistory(nudoHistory)
      } else {
        this.addRedoHistory(nudoHistory)
      }
      InitializeModel.geometryGropu.remove(ob)
      this.removeAllHelperLine() // 移除组合的选中状态辅助线
      this.clearCheckEdModelArry() // 清除选中数组
    } else {
      this.$Msg('error', '只有组合才能进行解组！')
    }
  }
},