
Three.js
文章平均质量分 96
Seven_Ting
这个作者很懒,什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
八、Three.js生成曲线、几何体
用三维向量表示顶点的x、y、z坐标,作为数组元素创建一组顶点坐标是几何体的一个方法,通过该方法可以把数组中坐标数据提取出来赋值给几何体。具体说就是把pointsArr里面坐标数据提取出来,赋值给属性用二维向量表示顶点的x、y坐标,作为数组元素创建一组顶点坐标。 二维向量构成的数组作为的参数 椭圆弧线的父类是曲线,自然会继承父类曲线方法,通过可以从曲线上获取顶点数据。通过方法可以从曲线上按照一定的细分精度返回沿着曲线分布的顶点坐标。细分数越高返回的顶点数量越多,自然原创 2025-03-03 16:18:32 · 582 阅读 · 0 评论 -
七、Three.jsPBR材质与纹理贴图
表示模型表面的光滑或者说粗糙程度,越光滑镜面反射能力越强,越粗糙,表面镜面反射能力越弱,更多地表现为漫反射。生活中不同物体表面的粗糙程度不同,比如地面比较粗糙,比如镜子表面就非常非常光滑。的程度, 非金属材料,如木材或石材,使用0.0,金属使用1.0。,0.0表示平滑的镜面反射,1.0表示完全漫反射,默认0.5。默认是0.5,0.0到1.0之间的值可用于生锈的金属外观。threejs的PBR材质,原创 2025-02-27 11:52:00 · 1050 阅读 · 0 评论 -
六、Three.js加载外部三维模型(gltf)
通过gltf加载完成,模型后,你还需要根据自身需要,设置合适的相机参数,就好比你拍照,你想拍摄一个石头,肯定要把相机对着石头,如果希望石头在照片上占比大,就要离石头近一些。如果你想看到工厂的全貌,你可以理解为你坐着无人机向下俯瞰,简单说,相比人漫游工厂,整体预览工厂相机距离工厂距离更远一些,否则你也看不到全貌,当然过于远了,你就看不清工厂了。相机位置怎么设置,你就类比你的眼睛,如果你想模拟人在3D场景中漫游,那么很简单,你把相机放在地面上,距离地面高度和人身高接近即可。原创 2025-02-24 16:44:53 · 1891 阅读 · 0 评论 -
五、Three.js顶点UV坐标、纹理贴图
一部分来自,一部分是自己的总结。原创 2025-02-23 18:35:42 · 678 阅读 · 0 评论 -
四、Threejs层级模型
场景对象Scene、组对象Group的.add()方法都是继承自它们共同的基类(父类)Object3D。.add()方法可以单独插入一个对象,也可以同时插入多个子对象。原创 2025-02-22 16:10:03 · 551 阅读 · 0 评论 -
三、Three.js模型对象、材质
这里之所以强调这一点,课程目的不单单是给你介绍具体的知识点,也是在引导你学会查文档,降低记忆压力。网格模型沿着x轴正方向平移100,可以多次执行该语句,每次执行都是相对上一次的位置进行平移变换。属性用一个三维向量表示,那意味着,以后你想改变位置属性,就应该查询文档Vector3。,如果想对这些模型进行旋转、缩放、平移等操作,如何实现,可以查询Threejs文档。表示很多种数据,本节课提到的比较简单,就是位置。表示模型对象的xyz三个方向上的缩放比例,等方法本质上改变的都是模型的位置属性。原创 2025-02-20 19:53:59 · 598 阅读 · 0 评论 -
二、Three.js几何体BufferGeometry顶点笔记
通过javascript类型化数组创建一组xyz坐标数据用来表示几何体的顶点坐标。//类型化数组创建顶点数据0, 0, 0, //顶点1坐标50, 0, 0, //顶点2坐标0, 100, 0, //顶点3坐标0, 0, 10, //顶点4坐标0, 0, 100, //顶点5坐标50, 0, 10, //顶点6坐标]);通过threejs的属性缓冲区对象表示threejs几何体顶点数据。// 创建属性缓冲区对象//3个为一组,表示一个顶点的xyz坐标。原创 2025-02-18 12:01:30 · 478 阅读 · 0 评论 -
一、three.js快速入门学习笔记
预览代码3D效果,打开对应的html文件,右键点击Open with Live Server即可。原创 2025-02-10 14:17:30 · 697 阅读 · 0 评论