DGIOT开源物联网集成threejs 3D场景

[小 迪 导读] : 制造了三维立体场景的感觉,能够给用户带来视觉冲击力的体验，同时使数据监测更加的具象化

1.引入threejs 与 gsap

npm install three --save
npm install gsap --save

import * as THREE from"three";
import gsap from"gsap";COPY

• GSAP(GreenSock Animation Platform)是一个从flash时代一直发展到今天的专业动画库

• three.js是JavaScript编写的WebGL第三方库

2.场景创建

• 场景借助three.js来进行显示，我们需要以下几个对象：场景、相机和渲染器

const scene = new THREE.Scene(); //场景//相机const container = this.$re