three.js基本纹理飞溅，需要帮助吗

大家好，
我是新来的Three.js&；3D
我的目标是将多个纹理混合到一张脸上，不透明度百分比
纹理飞溅纹理飞溅-维基百科24
一些问题（初学者）n1. 有没有一个基本的例子？有了三个js，我找不到非常基本的东西，要理解这个过程，我能找到的最好的例子就是这个：stackoverflow.com纹理喷溅Three.js42、html、3d、，three.js，webgl古吉森在UTC时间9月13日晚上7:30-18时问这很好，但我有两个主要问题；这一部分似乎是最重要的，听起来像是魔法黑色巫术数学vec4>vec4>vec4>vec4>vec4>有人能进一步解释我吗？我猜有些“分割”是0.01、0.25、0.24、0.27……但这是我能理解的全部。smoothstep(0.01, 0.25, vAmount) - smoothstep(0.24, 0.26, vAmount)) * texture2D( oceanTexture, vUV * 10.0 //-0.24 .26?why 24-26// … * 10 .?why * 10// last segmentwhy does it stop at 50-65 and not 99 ?我猜全球的想法是“这个像素有5%的草纹理+10%的海洋纹理+25%的水…”但我的大脑无法将这个想法和背后的数学联系起来……我欢迎任何能帮助我的人为什么要使用它着色器？我将着色器视为“实时-性能-后处理”，假设我有一个128*1282D数组，我的土地和空间…我有一个森林纹理我在渲染时有一个雪纹理，我正在寻找这种类型的>，它永远不会改变。难道我不应该自己预先计算静态“RGB”加载，而不是对着色器进行后处理吗？如果你有25个不同的场地而不是5个，那么前面的例子还可以吗？在我看到的其他一些教程中，ppl解释了如何使用AlphaChannel来“组合”，没有提到着色器做这项工作……我认为纹理不透明度已经足够了我有点不知所措，Thx用于阅读和帮助基本上很简单，你只是将所有层的链混合在一起。但是，如果您需要很多层，尤其是当它们也有凹凸/法线贴图时，这种方法也会成为性能瓶颈，因为这种方法将始终从所有层中采样，因此会使纹理获取量增加一倍或三倍。25是很多，因为每次调用都会更改从中采样的纹理。要减少上下文切换，可以在一个权重纹理中存储4个权重，而不是25个，因为这意味着50个样本和不同的纹理。你可以测试一下，看看它是否能满足你的需要，并将你游戏中需要的所有东西瞄准你的设备。我为行星引擎设计的另一种方法是一个带有瓷砖地图册的空间加权地图。将4通道纹理用于4个权重，将另外4通道用于atlas中的瓷砖索引，这样可以在4k atlas纹理中使用多达64个512x512瓷砖/层。权重贴图更难处理，因为一个像素最多只能存储4层，但这并不是一个限制。如果你使用地形刷你的SEF，这是可以避免的，不管怎么说，这种方法需要什么。它将回迁减少到6，在本例中，访问64个不同的层。如果可伸缩性不是一个优先考虑的问题，我会选择标准的纹理展开方法，看看它如何与您需要的层数配合使用。Thx for your fast reply我已经理解您的全局想法，很好//但我仍在学习，要为我实现更高的数学为我的其他问题：着色器：好的数学：好的，在几个小时和实验之后，倾斜基本示例我想尝试一个“alpha map”基本版本，虽然这样可以，但是不// load WATER texture = new THREE.TextureLoader().load( = = new THREE.TextureLoader().load( = new THREE.MeshPhongMaterial({alphaMap : alphaSand,map : sandyTexture,transparent : true});// Render// TEST>}And, according this is possible, what is the right way to go : , this way (easier to write), or shader way ?Best regards, merf23:to high to implement for me yetBeen>Passing multiple materials will not superimpose them or combine them. It allows a mesh to have a different material on each face (via Geometry.faces[i].materialIndex), not on the same face.I think it actually is possible, i think i\"ve seen an example some where. You add multiple groups with the same range. titansoftime:It allows a mesh to have a different material on each face (via Geometry.faces[i].materialIndex), not on the same faceoh, i forgot a 3d object has multiple facesThis is a good point pailhead:think it actually is possiblewhile now afterreading many others docs, i am convinced shader is the way to go(https://www.khronos.org/opengl/wiki/Texture_Combiners 10 )i am kinda sure it\"s an opengl \"core\" possibilityglEnable(GL_BLEND);glBlendFunc(GL_SRC_ALPHA, GL_ONE_MINUS_SRC_ALPHA);const float>所以在同一个面上使用alpha透明渲染2个或更多纹理不是三个的基本特征？透明度只是使整个对象透明？我想学习如何做。不说它的>；着色器，只是好奇的编辑：它的工作非常完美，有两个网格在同一个位置…但我怀疑这是怎么做的？嗯，让我总结一下情况：，如果我错了，请纠正我…这是我的结论：所有带有alpha透明纹理贴图的纹理都已过时？新的且100%更好的方法是：将纹理设置为着色器的“全局变量”使用一些额外的假纹理，不是作为视觉信息，而是传递x，y的“物理逻辑”信息，以便着色器可以计算–无论什么-例如，让我们说：Wantalitude，经度，%humidty，年龄，表面类型…要确定对最终外观的影响，TODO:必须创建一个“假>vec4>vec4>vec4>vec4>有人能进一步解释我吗？我猜有些“分割”是0.01、0.25、0.24、0.27……但这是我能理解的全部。smoothstep(0.01, 0.25, vAmount) - smoothstep(0.24, 0.26, vAmount)) * texture2D( oceanTexture, vUV * 10.0 //-0.24 .26?why 24-26// … * 10 .?why * 10// last segmentwhy does it stop at 50-65 and not 99 ?我猜全球的想法是“这个像素有5%的草纹理+10%的海洋纹理+25%的水…”但我的大脑无法将这个想法和背后的数学联系起来……我欢迎任何能帮助我的人为什么要使用它着色器？我将着色器视为“实时-性能-后处理”，假设我有一个128*1282D数组，我的土地和空间…我有一个森林纹理我在渲染时有一个雪纹理，我正在寻找这种类型的>，它永远不会改变。难道我不应该自己预先计算静态“RGB”加载，而不是对着色器进行后处理吗？如果你有25个不同的场地而不是5个，那么前面的例子还可以吗？在我看到的其他一些教程中，ppl解释了如何使用AlphaChannel来“组合”，没有提到着色器做这项工作……我认为纹理不透明度已经足够了我有点不知所措，Thx用于阅读和帮助基本上很简单，你只是将所有层的链混合在一起。但是，如果您需要很多层，尤其是当它们也有凹凸/法线贴图时，这种方法也会成为性能瓶颈，因为这种方法将始终从所有层中采样，因此会使纹理获取量增加一倍或三倍。25是很多，因为每次调用都会更改从中采样的纹理。要减少上下文切换，可以在一个权重纹理中存储4个权重，而不是25个，因为这意味着50个样本和不同的纹理。你可以测试一下，看看它是否能满足你的需要，并将你游戏中需要的所有东西瞄准你的设备。我为行星引擎设计的另一种方法是一个带有瓷砖地图册的空间加权地图。将4通道纹理用于4个权重，将另外4通道用于atlas中的瓷砖索引，这样可以在4k atlas纹理中使用多达64个512x512瓷砖/层。权重贴图更难处理，因为一个像素最多只能存储4层，但这并不是一个限制。如果你使用地形刷你的SEF，这是可以避免的，不管怎么说，这种方法需要什么。它将回迁减少到6，在本例中，访问64个不同的层。如果可伸缩性不是一个优先考虑的问题，我会选择标准的纹理展开方法，看看它如何与您需要的层数配合使用。Thx for your fast reply我已经理解您的全局想法，很好//但我仍在学习，要为我实现更高的数学为我的其他问题：着色器：好的数学：好的，在几个小时和实验之后，倾斜基本示例我想尝试一个“alpha map”基本版本，虽然这样可以，但是不// load WATER texture = new THREE.TextureLoader().load( = = new THREE.TextureLoader().load( = new THREE.MeshPhongMaterial({alphaMap : alphaSand,map : sandyTexture,transparent : true});// Render// TEST>}And, according this is possible, what is the right way to go : , this way (easier to write), or shader way ?Best regards, merf23:to high to implement for me yetBeen>Passing multiple materials will not superimpose them or combine them. It allows a mesh to have a different material on each face (via Geometry.faces[i].materialIndex), not on the same face.I think it actually is possible, i think i\"ve seen an example some where. You add multiple groups with the same range. titansoftime:It allows a mesh to have a different material on each face (via Geometry.faces[i].materialIndex), not on the same faceoh, i forgot a 3d object has multiple facesThis is a good point pailhead:think it actually is possiblewhile now afterreading many others docs, i am convinced shader is the way to go(https://www.khronos.org/opengl/wiki/Texture_Combiners 10 )i am kinda sure it\"s an opengl \"core\" possibilityglEnable(GL_BLEND);glBlendFunc(GL_SRC_ALPHA, GL_ONE_MINUS_SRC_ALPHA);const float>所以在同一个面上使用alpha透明渲染2个或更多纹理不是三个的基本特征？透明度只是使整个对象透明？我想学习如何做。不说它的>；着色器，只是好奇的编辑：它的工作非常完美，有两个网格在同一个位置…但我怀疑这是怎么做的？嗯，让我总结一下情况：，如果我错了，请纠正我…这是我的结论：所有带有alpha透明纹理贴图的纹理都已过时？新的且100%更好的方法是：将纹理设置为着色器的“全局变量”使用一些额外的假纹理，不是作为视觉信息，而是传递x，y的“物理逻辑”信息，以便着色器可以计算–无论什么-例如，让我们说：Wantalitude，经度，%humidty，年龄，表面类型…要确定对最终外观的影响，TODO:必须创建一个“假>}And, according this is possible, what is the right way to go : , this way (easier to write), or shader way ?Best regards, merf23:to high to implement for me yetBeen>Passing multiple materials will not superimpose them or combine them. It allows a mesh to have a different material on each face (via Geometry.faces[i].materialIndex), not on the same face.I think it actually is possible, i think i\"ve seen an example some where. You add multiple groups with the same range. titansoftime:It allows a mesh to have a different material on each face (via Geometry.faces[i].materialIndex), not on the same faceoh, i forgot a 3d object has multiple facesThis is a good point pailhead:think it actually is possiblewhile now afterreading many others docs, i am convinced shader is the way to go(https://www.khronos.org/opengl/wiki/Texture_Combiners 10 )i am kinda sure it\"s an opengl \"core\" possibilityglEnable(GL_BLEND);glBlendFunc(GL_SRC_ALPHA, GL_ONE_MINUS_SRC_ALPHA);const float>所以在同一个面上使用alpha透明渲染2个或更多纹理不是三个的基本特征？透明度只是使整个对象透明？我想学习如何做。不说它的>；着色器，只是好奇的编辑：它的工作非常完美，有两个网格在同一个位置…但我怀疑这是怎么做的？嗯，让我总结一下情况：，如果我错了，请纠正我…这是我的结论：所有带有alpha透明纹理贴图的纹理都已过时？新的且100%更好的方法是：将纹理设置为着色器的“全局变量”使用一些额外的假纹理，不是作为视觉信息，而是传递x，y的“物理逻辑”信息，以便着色器可以计算–无论什么-例如，让我们说：Wantalitude，经度，%humidty，年龄，表面类型…要确定对最终外观的影响，TODO:必须创建一个“假><n Basic Texture Splatting, need helpn

three.js基本纹理飞溅，需要帮助吗

three.js[已解决]正交摄影机的变换控件：gizmos缩放问题

three.js多次渲染同一模型（obj模型），FPS要低得多

three.js可缩放场景背景

three.js移动导入的Gltf模型

three.js平面明暗处理的问题

three.js如何渲染立方体材质？

three.js如何创建要在网格中拟合的线段

three.jsGLTFLoader.js这是我的登记簿错误

three.js使用threejs的光流

three.js使用光线投射动态绘制多边形