Yuanben_wuxin的博客

本文介绍了WebGL中的符号距离函数(SDF)及其应用。SDF是一种存储像素到图像边界距离的数据结构，在Shadertoy创作中尤为重要。文章详细解析了五种基本图形的SDF实现方法：1)圆形计算点到中心距离；2)线段通过向量投影计算距离；3)矩形通过坐标绝对值处理简化计算；4)圆角矩形在矩形基础上减去半径值；5)菱形结合线段方法和向量叉乘判断方向。每种方法都给出了核心代码和实现思路，为图形编程提供了基础技术参考。掌握这些SDF技术是玩转Shadertoy的关键。

本文分析了如何利用atan和atan2函数在ShaderToy中创建旋转的风车以及五彩光圈的效果。

选取衰减方案用于光晕效果

‌Shadertoy是一个基于WebGL的在线着色器编辑器平台，允许用户在浏览器中实时编写、分享和预览GLSL代码生成的图形效果。里面有好多大佬分享的用着色器写的各种效果，可以参考学习使用。