已经转行了，祝各位兄弟萌写代码无bug。。
IP属地：广东
-
Vue中three.js导入gltf模型文件时报错在vue项目中导入gltf/glb模型文件的时候出错了。 以下是报错的原因： 在gltf加载器的代码没有问题的情况下，出现这个错误的原因有两个： 1、gltf模型文件被加密了...
-
Three.js通过射线为克隆的模型重新赋材质
今天在项目中碰到点问题，记录一下。导入的模型当中，场景里有很多面片都是相互克隆出来的，所以它们的材质都公用了，而我需要点击的那个面片让其重新赋予材质而又不影响其它的面片。 上...
-
Three.js将渲染结果保存为图片
将three.js渲染结果保存下来，本质上就是保存three.js对应canvas画布上的内容。所以这个问题其实就是将canvas画布保存为一个图片。而获取canvas画布上...
-
-
Three中几何体姿态变换
在three.js中创建出来的几何体都是平行于坐标轴的，有时候我们在项目中需要对几何体的姿态进行一定的变化，举个例子，我们给地球添加一个地点标注的时候，所创建的地点标注应该是...
-
Three.js中的CSS2DObject和CSS2DRenderer使用CSS2DObject和CSS2DRenderer可以绘制一个2D效果的标签，用于展示一些信息。 1、效果图 2、示例源码 通过阅读CSS2DRenderer的源码可以知...
-
Three.js将多边形线条（Line）转换成模型(Mesh)当一个国家由多边形轮廓组合而成时，我们如何将它转换成三角面模型呢？ 国家球面Mesh生成思路： 多边形轮廓内生成一系列等间距点阵。 对点集进行三角剖分，生成国家平面Mesh。...
-
-
-
Three.js使用WebGLRenderTarget进行离屏渲染(后期处理)1、离屏渲染 从Three.js的角度阐述，渲染结果的RGBA像素数据存储到了WebGL渲染目标对象WebGLRenderTarget中，通过目标对象的纹理属性.textur...
-
Three.js中使用MarkPass(掩码)的高级效果组合器1、MarkPass的作用： 可以对指定的scene运行后期效果。 2、效果图： 3、使用步骤： 3.1、引入文件 3.2、过程概述： （1）创建一个作为背景图片的场景。（2...
-
Three.js通过Reflector创造镜面反射Three.js通过Reflector能够很轻松创造出一个镜子。 1、效果图： 2、使用步骤： 2.1、引入Reflector 2.2、使用PlaneBufferGeomet...
-
Three.js通过Lensflare创建镜头光晕Three.js通过Lensflare可以创造出我们看向太阳的时候出现的那种光晕的效果。 1、效果图： 2、使用步骤 2.1、引入Lensflare和LensflareEle...
-
Three.js使用SceneUtils为模型添加多种材质当我们想要为模型添加多种材质的时候可以通过使用SceneUtils来实现。 1、效果图： 该正方体的材质使用了MeshBasicMaterial和MeshLambertMat...
-
Three.js通过RectAreaLight创造平面区域光一、RectAreaLight的特性： 1、不支持阴影，无法通过设置castShadow来产生阴影。 2、RectAreaLight所散发的光源只能影响MeshStandar...
-
three.js模型导入以及点击事件的处理
three.js中的射线拾取以及坐标转换原理可以参考以下文章： https://zhuanlan.zhihu.com/p/143642146[https://zhuanlan...
