three.js 加载透明贴图模型不正常显示的问题，渲染透明贴图gltf模型

概述：

现在有一个从3dmax导出的gltf模型，贴图方式是透明贴图，想要用three.js加载显示出来，但是在gltf Viewer中预览时是不支持透明贴图的，不知道是不是模型的问题，从网上查了很多文章，最后才试出来解决办法。

一、模型

首先看一下在https://gltf-viewer.donmccurdy.com/上预览的效果，直接上图：

二、下载源码，本地运行

下载它的源码，https://github.com/donmccurdy/three-gltf-viewer，在本地运行起来，vscode打开，改一下src目录下的viewer.js文件中的代码，在traverseMaterials函数中增加下面两句：

material.alphaTest = 0.1;
material.depthWrite = false;

三、效果对比

然后重新预览该gltf模型，效果如下图，算是勉强达到了想要的效果。

找到该解决办法的过程中参考了文章：

https://blog.l0v0.com/posts/50589.html

https://www.manongdao.com/article-1036373.html