workhard0905的博客

今天在处理threejs加载的Obj模型的时候，想让按照模型的不同类型一次加载到页面中， 根据模型中的children中的name来判断模型的类型 //consle.log(this.modelObject.children.length) //86 this.modelObject.traverse(child => { console.log("in") scene.add(child); }) 以上代码 如果 不加scene.add(child) 控制台上打.

今天在vue中加载3D模型一直报错

1、three.js 中的材质 设置lineWidth属性无效 原因是WebGLRenderer渲染器中暂不支持这个属性，只有CanvasRenderer渲染器可以支持这个属性 2.相机的lookat代表一个方向，而不是一个点 3.相机的属性修改完成之后，需要调用camera.updateProjectionMatrix()方法来更新 4.纹理加载类 ImageUtils 加载不同图片格式的一个类 THREE.TextureLoader() 5.纹理贴图的重复的方式 THRE.

网格对象提供的方法（属性） 1、position:该属性决定该对象相对于父对象的位置，通常父对象是THREE.Scene对象或者THREE.Object3D对象 2、roation:该属性可以设置每个轴的旋转弧度，Three.js还提供了设置相对特定轴的旋转弧度的方法：rotateX() rotateY() rotateZ() 3、scale 该属性可以沿着x y z轴缩放对象 4、translateX(amount) 沿x轴将对象平移amount距离 5、translateY(amount) 沿

场景是所有物体、光源和摄像机的容器 scene中最常用的方法和属性 add(object):用于向场景中添加对象，使用该方法还可以创建对象组 remove(object):使用该方法可以将对象从场景中移除 object为场景中对象的引用 children:用于返回一个场景所有对象的列表，包括摄像机和光源 getObjectByName:在创建对象的时 可以指定唯一的标识name 使用该方法可以查找特定名字的对象，当参数recursive设置为false时，在调用者子元素上查找，当参数recursi

最近在学习three.js的内容 想着把学习的内容整理成笔记 方便以后使用 在场景中 产生使物体产生阴影的方法 1.给渲染器设置 shadowMapEnabled的属性值为true 2.明确指定哪个物体投射阴影 3.指定哪个物体接收投影 4.定义能够产生阴影的光源，将光源的castShadow的属性值设置为true renderer.shadowMapEnabled=true plane.receiveShadow=true; //平面对象接收投影 cube.castShado...