PCL-结合threejs安装与应用

前言

在PCL前两篇文章中，我们一直采用的是VTK+来进行点云渲染，但在现实中，由于web开发的变多，因此如何让点云数据在web页面上面得到显示是个问题。考虑到web界面的三维图像的渲染一般都用threejs,因此学习下threejs的入门是很有必要的。
threejs官网

1.安装

安装过程中笔者本想写个html引入threejs.min.js库即可，但查阅资料，threejs只从0.12之后的版本不在采用这种方式。考虑到前端框架是Vue,因此通过vue来搭建基本项目。打开命令行，使用

# 创建vue项目
vue create three-vue-js
cd three-vue-js
# 安装three js
npm install three

创建vue项目,进入项目目录下，安装threejs即可

2. Demo示例

查看官网的例子，修改相关的代码，修改HelloWorld.vue，如下：

<template>
  <div></div>
</template>

<script setup>
import * as THREE from 'three';