Shader入门

在上文中，针对SDF逻辑运算存在的元素内部距离有误的问题，IQ提到在2D图形中还有一种方法，便是任何2D图形都可以表示出 线，圆弧，贝塞尔曲线的组合。而这三个基本元素的SDF都是可以推导出来，一个闭合

计算机绘图 19世纪末欧洲绘画出现一个流派，名为点彩派（Pointillism），这种风格强调了画面色彩的分离，以小点的形式将纯粹的颜色应用于画布上，它们在视觉混合下产生了详尽的色调。 这种流派的作画

Webgl Shader 2D SDF推导。 包含如何为SDF图形生成Wave， 也对最基础的线段Segment进行了推导

矩形 geogebra https://www.geogebra.org/classic/gae9k8gb shadertoy https://www.shadertoy.com/view/MctGW

Shadertoy: https://www.shadertoy.com/view/Mc3GWs Geogebra: https://www.geogebra.org/classic/mcds6v9n

geogebra https://www.geogebra.org/classic/bvcg52pn shadertoy https://www.shadertoy.com/view/MfyGzW S

理解了向量夹角，极坐标，对称性，线段的SDF函数之后，常见多边形基本思路都是一致的，本文开始对一些带曲线的形状进行推导， 这些形状都是有两个不同大小的圆组成。

本文介绍了2D SDF常用的一些变换实现与推导，包括旋转, 平移，缩放，圆角，镂空，拉长。代码在shadertoy, 示例图在geogebra

SDF很神奇的一点，他是支持逻辑运算的。两个一维数值min/max的比较，竟然能变成二维图形，三位几何体的逻辑运算