最近学习threejs使用vue3框架搭建环境:
npm i three
import * as THREE from "three" //直接引入使用
在引入OrbitControls控制发现在vue3有个问题有点坑,之前旧项目的OrbitControls.js script标签引入发现鼠标左键旋转无效,放缩和右键移动是有效果的。
<script src="/js/OrbitControls.js"></script>
然后下载最新OrbitControls.js,看里面用的es6语法,是类导出的,旧直接当作es6模块引入了
import { OrbitControls } from "@/utils/OrbitControls"
let controls = new OrbitControls(camera, renderer.domElement) //这个么定义就OK