分类:代码段

代码段

建模软件绘制3D场景(比如Blender)

建模软件绘制3D场景(比如Blender)
三维建模软件作用 对于简单的立方体、球体等模型一你可以通过threejs的几何体相关API快速实现,不过复杂的模型,{如一辆轿车、一栋房子、一个仓库,一般需要通过3D建模软件来实现。 三维建模软件简介 Blender(轻量开源) 3damx C4D maya 特殊行业项目可能涉及...

2年前 (2023-01-17) 喜欢

threejs UV动画(偏移属性.offset) 学习笔记

threejs UV动画(偏移属性.offset)  学习笔记
纹理对象Texture的.offset 的功能是偏移贴图在Mesh上位置,本质上相当于修改了UV顶点坐标。 // 纹理U方向偏移 texture.offset.x += 0.5 // 纹理V方向偏移 texture.offset.y += 0.5 纹理对象.wrapS或.Wra...

2年前 (2023-01-17) 喜欢

threejs 矩形Mesh+背景透明png贴图(场景标注) 学习笔记

threejs 矩形Mesh+背景透明png贴图(场景标注) 学习笔记
threejs项目开发中,把一个背景透明的png 图像作为平面矩形网格模型Mesh的颜色贴图是一个非常有用的功能,通过这样一个功能,可以对threejs三维场景进行标注。 整体思路:创建一个矩形平面,设置颜色贴图map,注意选择背景透明的png 图像作为颜色贴图,同时材质设置 ...

2年前 (2023-01-17) 喜欢

threejs 圆形平面 CircleGeometry设置纹理贴图 学习笔记

threejs 圆形平面 CircleGeometry设置纹理贴图 学习笔记
通过圆形几何体CircleGeometry创建一个网格模型Mesh,把一张图片作为圆形Mesh材质的颜色贴图,这样就可以把一张方形图片剪裁這染为圆形效果。 CireleGeometry 的UV坐标会对颜色纹理贴图map进行提取,CircleGeometry的UV 坐标默认提取的...

2年前 (2023-01-17) 喜欢

threejs 3d模型 射线拾取实例 group处理

threejs 3d模型 射线拾取实例 group处理
要求 threejs 要求模型被选中后高亮并且显示名称,但是这里的模型是由多个网格模型组成的group,需要在选择做处理 演示地址 3d可视化案例 厂房 实现 将事先配置好的名称加入数组,遍历当前射线拾取的模型名称是否包含在实现配置的数组中,是的话则获取分组名称并遍历,将当前分...

2年前 (2023-01-17) 喜欢

threejs 本地(局部)坐标和世界坐标 学习笔记

threejs 本地(局部)坐标和世界坐标 学习笔记
1.改变子对象的position,子对象在3D空间中的坐标会发生改变。 2.改变父对象的position,子对象在3D空间中的位置也会跟着变化,也就是说父对象position和子对象position 叠加才是才是子对象的position. 任何一个模型的本地坐标(局部坐标)就是模...

2年前 (2023-01-16) 喜欢

threejs 递归遍历模型树结构、查询模型节点

threejs 递归遍历模型树结构、查询模型节点
递归遍历方法 递归遍历方法.traverse() // 递归遍历model包含所有的模型节点 model.traverse(function (obj) { console.log('所有模型节点的名称', obj.name) }) 查找某个具体的模型 查找某个具体的模...

2年前 (2023-01-16) 喜欢

threejs 组对象 学习笔记

threejs 组对象  学习笔记
Group层级模型(树结构) 下面代码创建了两个网格模型mesh1、 mesh2,通过 THREE. Group 类创建一个组对象 group,然后通过add方法把网格模型mesh1、 mesh2作为设置为组对象group的子对象,然后在通过执行 scene. add(group...

2年前 (2023-01-16) 喜欢

threejs 实现旋转动画

threejs 实现旋转动画
通过使用threejs的使用requestAnimationFrame渲染循环实现旋转动画。 function render() { model.rotation.x += 0.01 renderer.render(scene, camera) reque...

2年前 (2023-01-16) 喜欢