在three.js中，我正在尝试使用THREE.TetrahedronGeometry绘制一个四面体，其中每个面都是不同的颜色。我试着在shading: THREE.FlatShading上使用PhongMaterial，但那只能给我一个黑色或白色的面孔。我尝试编写自己的ShaderMaterial，在片段素材中，我使用法线向量着色，但这也会获得渐变效果。
我确定我漏掉了一些明显的东西，但我看不出来...
浏览 13提问于2017-07-18得票数 0
我想用着色器和three.js。本例中的顶点着色器使用属性surfacePosAttrib，该属性是通过以下调用在托管javascript中设置的，我相信：gl.enableVertexAttribArray(surface.positionAttribute);
我在webglrenderer源
浏览 3提问于2014-03-07得票数 0
回答已采纳
1回答
下面是前面的一个问题：因此，我替换了原始的顶点着色器和原始片段着色器，所以我得到了以下代码：因此，我的问题是:如何修改此代码(或任何thrre.js代码)：<html lang="en&q
浏览 2提问于2015-07-24得票数 1
回答已采纳
当编码淡出转换时，下面的代码意味着什么？我希望实现与相同的效果，但我有两个场景，两个不同的地图立方体通过一个PerspectiveCamera渲染。我很难理解发生了什么，代码在做什么？ type: "t", }, type: "t",
value
浏览 2提问于2015-02-04得票数 0
回答已采纳
2回答
由于性能原因，我需要在一个场景中显示上百个移动的四面体。在那里，我使用instancedBuffer几何学，这需要一个自定义着色器。我的问题是，四面体没有阴影，因此它们的照明似乎符合现场的其他部分。原因可能是我建造的原始着色器：<script id="vertexShader" type="x-shader/x-vertex">attributevColor*vec4(1.0,1.,1.,0
浏览 7提问于2016-12-18得票数 4
回答已采纳
Blender能够将材质设置为平整或平滑。
在three.js的搅拌器导出器中，当我选中“导出法线”到JS模型时，我总是将所有材料导出为平滑。导出的文件大两倍。有没有一种方法可以导出具有平面着色和平滑着色的模型，而不需要在three.js中手动设置？
浏览 3提问于2015-01-08得票数 1
1回答
用三倍实现着色器
、、、、
我一直在玩三人图书馆，用浴缸和天窗创造一个基本的场景。您可以在；找到我的原始代码(没有任何阴影实现)。
现在我想用GLSL为我的水做一个着色器，但我很难让它工作，只是连接顶点-和碎片着色器成一个程序。现在我只想要一个使用GLSL的标准蓝色着色器，我已经看过ShaderMaterial函数，RawShaderMaterial，还有WebGL教程试图使它工作。我现在有三个不同的问题。在ShaderMaterial和RawShaderMaterial示例中，
浏览 2提问于2016-11-21得票数 1
回答已采纳
我想了解three.js在内部是如何工作的。我不明白的一件事是three.js是如何编译和运行着色器程序的。如果我自己重新实现three.js，我会有一个属于Geometry的顶点着色器和一个属于Material的片段着色器，然后当它们在Mesh中组合时生成一个着色器程序。但是从几何体和材质上看，它们似乎没有引用任何着色器。此外，项目中的着色器(在文件夹three.js</
浏览 11提问于2020-10-13得票数 2
回答已采纳
我想让一个球体的一半表面透明，另一半着色。我该怎么做呢？ 我试着设置一个透明的颜色，但似乎不是这样的。THREE.VertexColors });
sphere = new THREE.Mesh(geometry, material); 如果我按照上面的方法做，球体的所有面都会着色我想要随机选择一半的面，并且是透明的，这样它就会使球体内部的光线像神射线效果那样散射，这有点像下面视频中的那个。https://www.youtube.com/watch?v=suqFV7VGsL4
浏览 9提问于2019-03-29得票数 0
在 Three.js着色器示例中，使用一个名为rand() (以vec2作为参数)的函数来生成随机数。我想#include的工作方式有点像C/C++，但是<common>到底指什么呢？是外部文件吗？它是特定于Three.js，还是也适用于WebGL/GLSL？
浏览 1提问于2018-01-25得票数 3
回答已采纳
1回答
在我的游戏中，世界是由立方体组成的，但是立方体分为五个部分:一个四面体和四个角。每种类型的块都有两种颜色。如果一个角落被裁剪，就是块的样子，尽管每个角落/脸可能有不同的颜色。问题是，在四面体面上，我希望三角形之间的边缘是无缝的。所以我不能用纹理。(我可以，但他们需要高分辨率，如果我想动画的颜色(例如，在水中)，这不是一个选项)。我发现了这些方法：
太
浏览 1提问于2013-07-25得票数 1
1回答
我正在创建一个着色器来生成带有阴影的地形。 lights:true,});
这里的结果是：
看起来着色器没有考虑到我添加的新纹理使用着色器材质的演示：
使用朗伯材质的演示：
浏览 1提问于2012-08-23得票数 11
回答已采纳
2回答
我必须使用three.js在动画HTML5图形中显示一个旋转的四面体。这是目前旋转对象的代码。存储在render()函数中。但是轴是错误的，物体旋转也是错误的。object.quaternion.multiplySelf(rotateQuaternion_);(从复制)如何访问正确的轴来移动/
浏览 0提问于2012-10-08得票数 2
回答已采纳
1回答
我正在使用ocean2着色器()我知道这些都是模糊的问题，但我已经研究了好几天了，似乎找不到任何答案，所以即使是在正确的方向上，我也会非常感激。
浏览 1提问于2016-03-24得票数 0
回答已采纳
在我编写自己的自定义着色器(我使用的是一个THREE.ShaderMaterial)，我需要设置它的WebGL的内置gl_ModelViewMatrixInverseTranspose制服(如在上看到)我注意到一些制服已经自动传递给着色器，例如gl_ModelViewMatrix和gl_ProjectionMatrix已经分别由三人的modelViewMatrix和projectionMatrix计算另一方面，gl_ModelViewProjectionMatrix似乎缺失了，但我注意到一些示例，在这些示例中，它可以轻松地
浏览 1提问于2014-11-13得票数 2
回答已采纳
我不太确定THREE.js如何在内部处理gamma校正。似乎要启用它，您唯一需要做的就是在渲染器对象上设置以下标志：但是，当您编写自己的自定义着色器并从纹理提取颜色时，是否仍然必须将颜色转化为线性空间，或者是否在将纹理上载到THREE.js之前对其进行变换(当gammaInput设置为true时)？同样，在确定着色器中的最终颜色时，是否必须将其转化为gamma空间，或者是否
浏览 1提问于2014-02-07得票数 5
2回答
来自Flash背景的我习惯于以以下方式创建片段着色器：filters.push(newNormalMapFilter(SomeOtherTexture));
因此，我可以自由和轻松地组合一些效果，而无需每次编写一个大的单独的着色器对于三种情况，我注意到对于复杂的视觉效果，只编写了一个着色器，如下所示：
是否可以分别编写凹凸地图着色器和环境地
浏览 7提问于2013-11-07得票数 5
回答已采纳
我认为我们可以在顶点着色器和片段着色器中计算TBN矩阵。我认为我们可以在顶点着色器中计算TBN矩阵，因为它可以加快程序的速度。 但是当我深入研究THREE.js和PlayCanvas引擎的源代码时，它们都在片段着色器中计算TBN矩阵。在片段着色器中进行计算有什么优势？
浏览 39提问于2019-03-09得票数 3
回答已采纳
2回答
首先，我是glsl和Three.js :)的初学者。下面是我的shader1顶点和片段着色器(非常简单)：}
gl_FragColor = vec4(1.0,0.0,0.0,1.0);在我的initcomposer = new THREE.EffectComposer( render
浏览 1提问于2012-07-06得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
云直播活动推荐
腾讯云开发者
