Tag

Fragment Shaders

1 views collected around this technical thread.

ByteFE

Jun 22, 2022 · Frontend Development

Understanding WebGL from Scratch: Color Manipulation and Shader Techniques

This tutorial explores color manipulation in WebGL fragment shaders, demonstrating how to apply RGBA values, create gradient effects using coordinate mapping and cubic Bezier curves, and implement HSB color space conversions to achieve dynamic and visually complex rendering results.

Color TheoryFragment ShadersFrontend Development

0 likes · 7 min read

Understanding WebGL from Scratch: Color Manipulation and Shader Techniques

ByteFE

May 25, 2022 · Frontend Development

Understanding WebGL from Scratch: Fragment Shaders, Shape Drawing, and Distance Field Composition

This tutorial explores WebGL fragment shaders by demonstrating how to draw basic shapes and lines using step and smoothstep functions, while introducing anti-aliasing techniques and distance field composition methods for precise GPU-based rendering.

Distance FieldsFragment ShadersGLSL

0 likes · 6 min read

Understanding WebGL from Scratch: Fragment Shaders, Shape Drawing, and Distance Field Composition