threeJS
&小胖&
这个作者很懒,什么都没留下…
展开
-
threejs-法线向量
1.在3D计算机图形中,‘法向量’是一个向量,表示3d模型表面在某一点的方向。在每个顶点上,都会有一个关联的法向量,这个向量通常被归一化,也就是说它的长度为1。2.使用:定点的法向属性在很多计算图形的领域都有应用,通常用于光照计算,它们决定了光线照射到模型表面时的反射和折射特性。在Three.js中,如果不指定法向量,几何体的面会使用默认的法向量来推断出光照效果,这可能导致不理想的视觉效果。原创 2024-10-14 20:59:51 · 229 阅读 · 0 评论 -
threejs学习
threejs学习。原创 2024-10-09 18:48:41 · 387 阅读 · 0 评论 -
threejs-BufferGeometry
【代码】threejs-BufferGeometry。原创 2024-10-09 18:47:13 · 191 阅读 · 0 评论 -
threejs-基础材质设置
主要内容:基础材质(贴图、高光、透明、环境、光照、环境遮蔽贴图)主要属性:side: three.DoubleSide, //设置双面color: 0xffffff, //颜色map: texture, //纹理transparent: true, // 透明度aoMap: aoTexture, //ao贴图aoMapIntensity: 1, //ao贴图强调alphaMap:alphaMap, //透明度贴图lightMap:lightMap,//光照贴图。原创 2024-10-10 20:37:26 · 618 阅读 · 0 评论 -
threejs-加载gltf模型
glTF(gl传输格式)是一种开放格式的规范 (open format specification), 用于更高效地传输、加载3D内容。该类文件以JSON(.gltf)格式或二进制(.glb)格式提供, 外部文件存储贴图(.jpg、.png)和额外的二进制数据(.bin)。一个glTF组件可传输一个或多个场景, 包括网格、材质、贴图、蒙皮、骨架、变形目标、动画、灯光以及摄像机。原创 2024-10-11 20:32:05 · 435 阅读 · 0 评论 -
threejs-光线投射实现3d场景交互事件
/ 创建射线// 创建鼠标向量(保存鼠标点击位置)// 创建点击事件// 获取鼠标点击位置// 创建射线并检测点击物体// 计算物体和射线的焦点//检测是否点击到物体 值scene.children或[sphere1,sphere2,sphere3]// intersects 中值 face:面信息 normal:象限向量 object:选中的物体})原创 2024-10-12 16:20:32 · 293 阅读 · 0 评论 -
threejs-补间动画Tween应用
补间动画是一个概念,允许你以平滑的方式更改对象的属性。更改某些属性,在补间结束运行时当前对象最终的值就是修改后的值。以及需要多长时间完成这个操作。原创 2024-10-12 19:27:16 · 194 阅读 · 0 评论 -
threejs-UV
1.什么是UV映射?UV映射是一种将二维纹理映射到三维模型表面的技术。在这个过程中,3D模型上的每个顶点都会被赋予一个二维坐标(U, V)。U和V分别表示纹理坐标的水平和垂直方向。这些坐标用于将纹理图像上的像素与模型表面上的点进行对应。通过UV映射,我们可以在模型上精确地控制纹理的位置和方向。2.UV坐标与顶点位置的关系和区别顶点位置(Position)表示3D模型中每个顶点的空间坐标(x, y, z)。UV坐标则表示该顶点在纹理上的二维坐标(U, V)。原创 2024-10-14 18:08:40 · 548 阅读 · 0 评论