在vue框架下使用three.js

原创于 2020-12-02 14:59:47 发布 · 2.3k 阅读

4 ·

CC 4.0 BY-SA版权

文章标签：

#vue #three.js

博客介绍了通过npm安装各种three配置文件，还给出了完整教程的链接。同时表示可以使用博主已创建好的项目，并提供了该项目的github地址。

通过npm 安装各种three配置文件

点击这里有很完整教程

可以使用我已经创建好的项目

我的项目github地址

后续会逐渐完善该项目
里面已经把three需要的配置文件安装好，下载项目后直接
npm install //直接下载配置文件
npm run serve  //运行项目
里面有一个简单的three.js的使用效果，可以看看three.js在vue中的使用方法
import * as THREE from 'three' //导入three.js库
import {OrbitControls} from 'three/examples/jsm/controls/OrbitControls.js'; //控制器
import {OBJLoader, MTLLoader} from 'three-obj-mtl-loader'; //.obj和.mtl文件的插件 
import {CSS2DRenderer, CSS2DObject} from 'three-css2drender';//three-css2drender 插件