vue3.0项目引入three.js的方式(vue中使用three.js01)
1.在index.html文件中引入<script src="http://www.yanhuangxueyuan.com/versions/threejsR92/build/three.js"></script>2.通过npm下载依赖包引入注:以下操作是vue-cli3.0的引入的实现步骤下载依赖包npm install --s three配置文件设置在项目目录下创建vu
·
vue中引入three.js有两种方式
1.在index.html文件中引入
<script src="http://www.yanhuangxueyuan.com/versions/threejsR92/build/three.js"></script>
2.通过npm下载依赖包引入
注
:以下操作是vue-cli3.0
的引入的实现步骤
-
下载依赖包
npm install --s three
-
配置文件设置
在项目目录下创建vue.config.js文件
const ThreeExamples = require('three')
...
// 第三方插件配置
pluginOptions: {
// ...
...ThreeExamples
}
- 开发页面引入使用
import * as THREE from 'three'
import { OrbitControls } from 'three/examples/jsm/controls/OrbitControls.js'
...
const scene = new THREE.Scene()
const controls = new OrbitControls(camera, renderer.domElement)
...
更多推荐
已为社区贡献5条内容
所有评论(0)