ThreeJS是一个基于WebGL的开源库，使用起来十分方便。不过由于是开源，所以相关文档相当稀少，本人把在学习过程中遇到的一些问题及解决方法整理成一个专栏，希望对大家可以有所帮助！ 在ThreeJS中如果直接把PNG贴图赋给材质，是无法在场景中正常显示的，效果如下图所示： 贴图是自己随便 ...

引言 在三维可视化中，会涉及到很多动画，其中贴图动画是其中很重要的一种，本文介绍几种贴图动画的思路，供大家一起探讨。 流动动画 流动动画通过设置贴图的repeat属性，并不断改变贴图对象的offset让贴图产生流动效果。 这种动画不难实现，首先加载贴图，如下所示： 上面代码，实现了一个 ...

最近项目需要折腾three.js，有关three.js几点说明 1.作用 threejs适合创建简单的模型视图 2.对于复杂的模型图（如：室内模型图）需要美术3D制作，前端导成特定格式文件(如*.mtl/*.obj 格式文件 )， 之后利用threejs插件MTLLoader.js ...

文字作为纹理贴图 From:http://www.linhongxu.com/post/view?id=222 这里可以使用canvas作为纹理贴图，Three为我们提供里CanvasTexture 这样我们就可以利用canvas画上文字或者图形，用来填充纹理贴图 ...

一个复杂的曲面模型，往往模型顶点数量比较多，模型文件比较大，为了降低模型文件大小，法线贴图.normalMap算法自然就产生了，复杂的三维模型3D美术可以通过减面操作把精模简化为简模，然后把精模表面的复杂几何信息映射到法线贴图.normalMap上。 法线贴图 下面代码在没有设置法线贴图 ...

前言 threejs中想实现模型模型透明，显示里面模型的效果。 尝试 首先肯定是拿两个几何体进行尝试，其实只要在材质中开启透明和设置透明度就好了，如果没效果，建议更换材质试试。 实践 首先当然把最外层的正方体改为从外部导入的模型文件，显然半透明的效果是有的，但同时会产生一些问题 ...

1、在模型同级目录新建一个textures名字的文件夹，将贴图放到文件夹里(温馨提示:如果使用fbx格式,在建模软件导出时候勾选“嵌入媒体文件"贴图将自动解压放入textures文件夹里) 2、材质属性面板为各贴图通道指定贴图 3、简单操作视频 ...

1、准备好.hdr格式的全景图 2、开始转换 弹出选中刚准备好的chun.hdr文件 生成好我们需要的环境贴图、缩略图、预过滤dds文件 3、复制转换好的文件夹到工作目录cubemaps文件夹下 4、场景模块就能找到新加入的环境贴图 ...