在three.js的三维场景中,能根据标点位置自动生产

drawRoute

在three.js的三维场景中,能根据标点位置自动生产一条不闭合的路径线,类似打游戏的时候地图上自动画的路线图,带有相机追踪动画。

使用 引用

import {drawRoute} from "drawRoute.js";

定义变量

// routePointArr是你点击场景获取到的三维向量点的位置数据,放一个vector3数据,tempDrawRoute就是实例化构造函数的变量 let routePointArr = [],tempDrawRoute = null; 实例化构造函数并传参

tempDrawRoute = new drawRoute({ scene, // 场景 pointArr: routePointArr, control, // 相机控制器 camera // 相机 }); 动画中使用update

animation () { tempDrawRoute.update(); } 注意

如果不是拿取服务端的数据,直接赋值的,而是从头开始点击获取标点数据的时候,需要在每次点击的时候添加: tempDrawRoute.isClickAdd = true;

版权声明:

1、该文章(资料)来源于互联网公开信息,我方只是对该内容做点评,所分享的下载地址为原作者公开地址。
2、网站不提供资料下载,如需下载请到原作者页面进行下载。