fragment-shader 相关问题

用于渲染的GPU程序。对从栅格化基元中获取的每个样本执行它。此过程的输出是许多值和浮点深度。

GLSL片段着色器正弦波改变方向和颜色

我有glsl片段着色器代码需要更改线条颜色，背景颜色和正弦波的方向精密中型浮点；＃万一统一 vec2 u_分辨率；统一 vec2 u_mouse；你...

glsl shader webgl fragment-shader

回答 1 投票 0

在 RESHADE Pixel Shader 中读取纹理数据时出现问题

我对重新着色很陌生，但对整个编程并不陌生。我尝试使用现代重新着色来实现计算着色器，然后将其信息传递给像素着色器，该像素着色器将该数据传递给...

hlsl fragment-shader

回答 1 投票 0

修复 Godot4 Shader 上不正确的颜色

不同渲染器之间的草地着色器采样地面纹理结果不一致我目前正在开发一个草着色器，可以对 Godot 4 中的地面纹理进行采样。但是，我遇到过......

godot fragment-shader godot4 godot-shader-language

回答 1 投票 0

在ThreeJS中使用点时，如果使用深度书写，每个点上都有黑色背景

我有一个使用点的场景，就像这样我有一个使用点的场景，就像这样 <points ref={gPoints} position={position}> <bufferGeometry attach="geometry"> <bufferAttribute attach="attributes-position" count={positions.length / 3} array={positions} itemSize={3} usage={THREE.DynamicDrawUsage} /> // ... bunch of attributes </bufferGeometry> <shaderMaterial depthWrite={false} depthTest={false} fragmentShader={fragmentShader} vertexShader={vertexShader} uniforms={uniforms} blending={THREE.AdditiveBlending} /> </points> 我使用片段着色器来提供模糊效果 uniform float uResolutionWidth; uniform float uResolutionHeight; varying vec3 vColor; varying vec4 vRealPosition; varying float vDistance; void main() { float d = length(gl_PointCoord.xy - 0.5); float alpha = smoothstep(0.5, 0.15, d); gl_FragColor = vec4( vColor, alpha ); } 在顶点着色器中，我主要更新位置，但这是我设置的方式vColor #define PI 3.14159265358979323846 uniform float uTime; uniform float uRadius; attribute float pointSizes; attribute float randomX; attribute float randomY; attribute float randomZ; attribute float randomW; varying vec3 vColor; void main() { // set the vertex color float d = length(abs(position) / vec3(96.0, 22.0, 96.0)); d = clamp(d, 0.0, 1.0); float d2 = abs(position.y); vColor = mix(vec3(244.0, 131.0, 12.0), vec3(82.0, 27.0, 255.0), d2/22.0) / 255.; } 这是没有深度写作的情况下的样子的图片但是当我像这样启用深度写作时 <shaderMaterial depthWrite={true} depthTest={true} fragmentShader={fragmentShader} vertexShader={vertexShader} uniforms={uniforms} blending={THREE.AdditiveBlending} transparent={true} // I also tried with and without transparent setting /> 现在每个点都有一个矩形黑色背景然后我尝试丢弃 alpha 太低的点 uniform float uResolutionWidth; uniform float uResolutionHeight; varying vec3 vColor; varying vec4 vRealPosition; varying float vDistance; void main() { float d = length(gl_PointCoord.xy - 0.5); float alpha = smoothstep(0.5, 0.15, d); // Discard fragments that are fully transparent if (alpha < 0.001) { discard; } gl_FragColor = vec4(vColor * alpha, alpha); } 这就是它的样子有谁知道黑色背景的原因是什么以及如何解决它？如果使用深度写作，这只是一个问题，任何帮助都值得赞赏<3 最终对我有用的是禁用 ThreeJS 中的深度写入 <shaderMaterial transparent={true} depthWrite={false} depthTest={true} fragmentShader={fragmentShader} vertexShader={vertexShader} uniforms={uniforms} blending={THREE.AdditiveBlending} /> 在片段着色器中我更改了 smoothstep 计算 void main() { vec2 cxy = 2.0 * gl_PointCoord - 1.0; float r = dot(cxy, cxy); float alpha = 1.0 - smoothstep(0.0, 1.0, r); vec3 brightColor = vColor * alpha; gl_FragColor = vec4(brightColor, alpha); }

reactjs three.js shader fragment-shader vertex-shader

回答 1 投票 0

在 ThreeJS 中使用点时，如果使用深度书写，每个点上都会有黑色背景

reactjs three.js shader fragment-shader vertex-shader

回答 1 投票 0

GLSL pow 函数？

我有这个：浮动 xExponential = pow(xPingPong, 5); 并且不起作用，声称：错误：0:53：没有匹配的重载来调用函数“pow” 我做错了什么吗？开发...

iphone opengl-es glsl fragment-shader

回答 3 投票 0

未限制范围的 OpenGL 深度测试

我正在使用带有顶点和片段着色器的 OpenGL 管道，因此需要启用早期片段测试。因此深度测试始终使用顶点着色器输出 gl_Position.z 来完成

opengl glsl fragment-shader vertex-shader depth-testing