2D图元shader制作

最新推荐文章于 2024-09-03 15:16:30 发布

原创

最新推荐文章于 2024-09-03 15:16:30 发布 · 392 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#shader #glsl

本文介绍如何在shadertoy上利用glsl学习制作各种2D图元，如Circle、Line、Box、Triangle、Pie、Arc、Polygon和Ellipse等。详细参考链接指向了iquilezles的文章。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

shadertoy上学习制作基本2D图元，包括Circle、Line、Box、Triangle、Pie、Arc、Polygon、Ellipse等，参考链接：http://www.iquilezles.org/www/articles/distfunctions2d/distfunctions2d.htm

shadertoy练习：

线：

//线line
float sdLine(in vec2 p,in vec2 a,in vec2 b)
{
    vec2 pa = p-a, ba = b-a;
	float h = clamp(dot(pa, ba)/dot(ba, ba), 0.0, 1.0);
    return length(pa - ba*h);
}

椭圆：

//圆圈circle
float sdCircle( vec2 p, float r )
{
  return length(p) - r;
}

//椭圆或圆圈ellipse或circle
float sdEllipse( vec2 p, in vec2 ab ,out bool is_circle)
{
    vec2 ds = vec2(1e5