材质textures threejs
threejs画多个圆柱，并进行贴图
其他文件和之前一样，只在main.vue内进行改动 Vue three.js基础四大组件实现三维效果：[Vue three.js基础四大组件实现三维效果（二）多个几何体 - 代码先锋网 (codeleading.com)](https://codeleading.com/article/334646 ......
Vue利用element ui分栏，并将threejs插入到main
[TOC] Vue利用element ui分栏，并将threejs插入到main(主要内容区) #### 1.在node.js官网下载  material depthWrite material depthTest 材质混合 实例中的问题 默认类似于这种组合， 多个透明物体的渲染时候，thre ......
在 3ds Max 中创建逼真的玻璃材质
在本教程中，您将学习如何创建逼真的玻璃材质并将我们的国际象棋棋子变成逼真的玻璃对象。关键术语包括反射、折射、不透明度和衰减。本教程针对初学者，但由于有几种方法可以创建玻璃，因此对其他人来说也可能很有趣。 ......
Threejs物体缩放与旋转
[TOC] 物体的缩放与旋转是我们经常要操作的方式。 #### 1 scale设置缩放 因为物体的scale属性是vector3对象，因此按照vector的属性和方法，设置x/y/z轴方向的缩放大小。 -开发中的容易被忽略的
在threejs Editor中调好一些样式属性后， 可以直接选择导出具体的格式，或者导出成json【json 一般体积大很多，比glb】(场景，通过objectLoader 加载json！！！) 自发光属性和自发光贴图： .emissive .emissiveMap 【有时候模型导出后，使用thr ......
我不知道的threejs（5）- 虹彩效应-切换几何体内存不泄露
虹彩效应：肥皂泡，油滴，蝴蝶翅膀等薄膜的虹彩效应 MeshPhysicalMaterial({ color:, roughness: transmission: thinkness:0.1 薄膜效应，厚度需要小 iridescence:1 //彩虹效应， 和设置的折射率有关 iridescenceI ......
渲染路径 - Deferred Texturing
[toc] # Deferred Texturing forward rendering 将获取 material 相关属性的计算和 lighting 计算都放在光栅化 pass 的 pixel shader 中；deferred rendering 则将 lighting 计算从 pixel sh ......
threejs渲染第一个场景和物体
[TOC]  #### 1 基本概念 三维的物体要渲染在二维的屏幕上 ......
Threejs轨道控制器查看物体
[TOC] #### 1 如何360度的查看立方体 上一节，我们讲解了如何渲染出一个立方体物体，但是不能很好的全方位观看立方体。这个时候可以使用控制控制器，让相机围绕立方体运动，就像地球围绕太阳一样运动，去观察立方体。 ##### 1.1 创建轨道控制器 ```js // 创建轨道控制器 const ......
Blender环境纹理材质贴图入门教程
推荐：将 NSDT场景编辑器 加入你的3D开发工具链 大家好，今天跟大家分享Blender材质贴图入门图文教程，一套blender的PBR材质包，和HDRI环境纹理贴图，在文末领取，希望能助到大家更高效完成场景练习。 据我了解，越来越多人开始学习了blender这款软件，很多是想学而没有时间学，我这 ......
如何使Revit导出带有标准材质的FBX模型？
初次使用Revit导出fbx格式模型，在导出模型后发现模型材质丢失了，上网查询之后也没到具体原因是什么，不过倒是找到了解决方式：在Revit中安装naviswork插件，然后从revit中导出nwc格式的文件， 在用Navisworks Manage将nwc转换成fbx， 转出的FBX模型就带有材质... ......
threejs基础
## 一、学习收获 **1、OpenGL、WebGL、Canvas、Three.js四者关系** **2、Three.js 三大要素** **3、Three.js基本要素** **4、Three.js 相关插件的使用** **5、使用Three.js展示3D几何体效果** ## 二、主要内容： ## ......
本地搭建Threejs
[TOC] 因为Three.js官网是国外的服务器，所以为了方便学习和快速的查阅文档，我们可以自己搭建Three.js官网和文档，方便随时查看案例和文档内容进行学习。 #### 1、首先进入threejs库GitHub地址： https://github.com/mrdoob/three.js ......
我不知道的threejs(4)-材质
通透性_厚度_衰减 物理MeshPhysicalMaterial材质下： 参数： { transparent：true, transmission:1, // 透光率 0-1【1表示透光最强，0表示完全不透光】但是如果设置完全透光时， 物体有可能还是不会透明， 这是因为没有设置粗糙度roughnes ......
我不知道的threejs(3)
法向量（normal）【存在辅助器helpers VertexNormalsHelper.js】： 概念上来说就是垂直于某个平面的所有支线的一个向量。 功能上来表述，法向量用于光线反射， 比如有一束光照到平面上，存在法向量就可以计算出反射光的射出方向。 geometry.computedVertex ......
Three.js教程：threejs语法总结
推荐：将NSDT场景编辑器加入你的3D工具链 其他系列工具：NSDT简石数字孪生 threejs语法总结 本节课从JavaScript面向对象语法的角度，给大家总结下threejs API的使用习惯，这样方便大家更好的使用threejs API。 Three.js语法总结：类(构造函数) Three ......
firefox threejs 显示异常排查处理
# firefox版本: 114.0.2 # threejs: 0.135.0 # 异常描述 火狐浏览器下 threejs 3D页面展示的 CSS3DSprite 中的 有border border-radius 的div边框显示异常 显示情况如下 ![](https://img2023.cnblo ......
记录--Threejs-着色器实现一个水波纹
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 hree.js 是一个基于 WebGL 的 JavaScript 3D 库，用于创建和渲染 3D 图形场景。 一、 图像渲染过程 1、webGL webGL: WebGL 是一种基于 JavaScript API 的图形库，它允许在浏览器 ......
Three.js教程：高光网格材质Phong
推荐：将NSDT场景编辑器加入你的3D工具链 其他系列工具：NSDT简石数字孪生 高光网格材质Phong 高光网格材质MeshPhongMaterial和基础网格材质MeshBasicMaterial、漫反射网格材质MeshLambertMaterial一样都是网格模型的Mesh的材质。 高光网格材 ......
Three.js教程：Threejs常见几何体简介
推荐：将NSDT场景编辑器加入你的3D工具链 其他系列工具：NSDT简石数字孪生 Threejs常见几何体简介 Three.js提供的几何体API很多，本节课先给大家介绍几个比较简单的案例，为后面的学习打下基础。 你可以结合threejs文档，把下面动手把下面几何体相关代码全部测试一遍，并预览3D效 ......
threejs-初识shader
GLSL文件： import vertexGLSL from './shaders/test1-patterns/vertex.glsl?raw' uniform mat4 projectionMatrix; uniform mat4 viewMatrix; uniform mat4 modelMa ......
Blender-Texture
建立模型之后 点击导出UV布局图，记得选中物体之后，切换到编辑模式 uv自动展开： 然后使用ps对布局图绘制， 然后切换到Shading 完成纹理绑定 ......
GIS融合之路（三）CesiumJS和ThreeJS相机同步
我们终于实现了双向的相机同步。完成了这些，GIS系统算是正式可以在山海鲸中使用了。而且后面的章节我们会提到，山海鲸开放了整合CesiumJS的接口，因此只需要开启反向相机同步，即可无缝的将之前的CesiumJS代码迁移过来了。 ......