threeJS如何在vue框架当中使用?
threejs吧
全部回复
仅看楼主
level 2
如何将npm导入的threeJS在vue框架中使用,以及如何使用THREE.OrbitControls,老是提示THREE.OrbitControls导入不正确
2018年03月16日 06点03分 1
level 1
楼主解决了吗
2018年07月30日 07点07分 2
level 1
还没解决的话,看这个
https://github.com/hujiulong/vue-3d-model
2018年08月13日 07点08分 3
同学,知道怎么实现室外走向室内后的相机定义的切换吗?室内相机如何定义了,各种搜不到解决办法[喷]
2018年08月27日 08点08分
@股神大众 初始化一个新的相机并更新渲染器?猜的,没做过这种
2018年08月27日 09点08分
@comicguests 就是不知道如何定义新相机,用的透视相机,OrbitControls控制后,视野会跑出室内
2018年08月27日 10点08分
@股神大众 这个必须你去处理视角了,第三人称 or 第一人称,如果你不需要改相机的模式(透视or正交),就不用重新初始化,设置好位置就行
2018年08月27日 10点08分
level 1
我给你讲讲我的做法:
1. es6导入: import * as THREE from 'three'
2. 插件js模块化: import * as Plugin from '@/plugin/index'
import ColladaLoader from './ColladaLoader'
import DragControls from './DragControls'
import OrbitControls from './OrbitControls'
export {
ColladaLoader,
DragControls,
OrbitControls
}
如何插件js模块化?很简单,js开头加import * as THREE from 'three', 结尾加export default OrbitControls;
最后,就可以用了
2018年08月27日 08点08分 4
level 1
看看这篇文章,threeJs模块化开发的解决方案,省很多事https://juejin.im/post/5c2c2f9af265da61285a3962
2019年01月04日 07点01分 5
level 2
官方已经发布新的jsm文件路径了,直接import就可以使用
2019年09月11日 16点09分 6
level 1
require("three/examples/js/controls/OrbitControls.js")
2019年10月15日 13点10分 7
level 1
npm i -D three-orbitcontrols
import OrbitControls from 'three-orbitcontrols'
var controls = new OrbitControls(camera, renderer.domElement);
2019年12月05日 14点12分 8
1