three.js
天空中的星~
这个作者很懒,什么都没留下…
展开
-
threejs 加载模型遇到的问题
今天在处理threejs加载的Obj模型的时候,想让按照模型的不同类型一次加载到页面中,根据模型中的children中的name来判断模型的类型//consle.log(this.modelObject.children.length) //86this.modelObject.traverse(child => { console.log("in") scene.add(child); })以上代码 如果 不加scene.add(child) 控制台上打.原创 2021-11-18 16:19:03 · 1368 阅读 · 0 评论 -
vue加载3D模型报错的原因以及解决方案
今天在vue中加载3D模型一直报错原创 2021-11-10 13:34:41 · 3256 阅读 · 0 评论 -
three.js 学习中遇到的几个知识点整理
1、three.js 中的材质 设置lineWidth属性无效原因是WebGLRenderer渲染器中暂不支持这个属性,只有CanvasRenderer渲染器可以支持这个属性2.相机的lookat代表一个方向,而不是一个点3.相机的属性修改完成之后,需要调用camera.updateProjectionMatrix()方法来更新4.纹理加载类 ImageUtils加载不同图片格式的一个类 THREE.TextureLoader()5.纹理贴图的重复的方式THRE.原创 2021-10-19 17:01:53 · 233 阅读 · 0 评论 -
three.js 笔记3
网格对象提供的方法(属性)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) 沿原创 2021-09-29 15:00:51 · 432 阅读 · 0 评论 -
three.js 笔记2
场景是所有物体、光源和摄像机的容器scene中最常用的方法和属性add(object):用于向场景中添加对象,使用该方法还可以创建对象组remove(object):使用该方法可以将对象从场景中移除 object为场景中对象的引用children:用于返回一个场景所有对象的列表,包括摄像机和光源getObjectByName:在创建对象的时 可以指定唯一的标识name 使用该方法可以查找特定名字的对象,当参数recursive设置为false时,在调用者子元素上查找,当参数recursi原创 2021-09-29 13:57:56 · 730 阅读 · 0 评论 -
three.js 笔记1
最近在学习three.js的内容 想着把学习的内容整理成笔记 方便以后使用在场景中 产生使物体产生阴影的方法1.给渲染器设置 shadowMapEnabled的属性值为true2.明确指定哪个物体投射阴影3.指定哪个物体接收投影4.定义能够产生阴影的光源,将光源的castShadow的属性值设置为truerenderer.shadowMapEnabled=trueplane.receiveShadow=true; //平面对象接收投影cube.castShado...原创 2021-09-29 13:45:36 · 109 阅读 · 0 评论