![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
three.js
qq_37656005
一位闲散的前端开发
展开
-
three.js 模型实现动态切换纹理贴图
three.js 模型实现动态切换纹理贴图如果按照下图官网这种写法,会报错“Texture marked for update but image is undefined”,const texture = new THREE.TextureLoader().load( "textures/water.jpg" );原因是:纹理加载是异步的。需要将大部分代码放入加载器回调函数中,所以采取下面这种写法把改变纹理的代码放在回调函数中/**obj: 代表3d模型**//**map: 代表图片地址**原创 2021-03-29 17:09:48 · 6050 阅读 · 2 评论 -
vue中使用three.js加载3d模型,绑定 mouseup 和 mousedown 事件不起作用
vue中使用three.js加载3d模型,绑定 mouseup 和 mousedown 事件不起作用,在Three场景中,如果想要对鼠标进行操作就要引入OrbitControls.js文件,在这种控制方式下,鼠标左键为旋转视角,鼠标中键为拉伸视角,鼠标右键为平移视角。原创 2020-12-17 09:34:19 · 1711 阅读 · 0 评论 -
three.js 导入显示模型的时候自动计算模型缩放比例
three.js 导入显示模型的时候自动计算模型缩放比例,.stl模型加金属材质原创 2020-11-25 15:57:04 · 4409 阅读 · 0 评论 -
vue项目安装和使用three.js
1.安装npm install --save threeJs2.引用three.jsimport * as THREE from 'three/build/three.module'3.根据项目需求引入对应的文件 import {FBXLoader} from 'three/examples/jsm/loaders/FBXLoader' import {OBJLoader} from 'three/examples/jsm/loaders/OBJLoader' import {STL原创 2020-11-22 12:13:45 · 4804 阅读 · 2 评论