vue中引入three.js有两种方式

1.在index.html文件中引入

<script src="http://www.yanhuangxueyuan.com/versions/threejsR92/build/three.js"></script>

2.通过npm下载依赖包引入

:以下操作是vue-cli3.0的引入的实现步骤

  1. 下载依赖包
    npm install --s three

  2. 配置文件设置
    在项目目录下创建vue.config.js文件

const ThreeExamples = require('three')

...
// 第三方插件配置
    pluginOptions: {
        // ...
        ...ThreeExamples
    }
  1. 开发页面引入使用
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)
...
Logo

前往低代码交流专区

更多推荐