[muzzik分享]:SDF实战~利用SDF纹理实现多边形描边,外发光,阴影

# 效果

# 简介

之前我们将的SDF图形都是动态传递的坐标计算距离场对于复杂多边形来说,实时计算量更是负担巨大,那么有没有什么好的方案呢?其实如果大家了解深度图就知道,其实SDF距离场也可以通过像素的方式存在图片里,这就是SDF纹理

# 实现

为了大家更方式的使用,这里我写了一个插件,用于生成SDF纹理,商店9.9包邮

# 使用

  • CCSampleWithAlphaSeparated:采样函数,获得图片指定 uv 坐标的 color,值范围: 0 - 1
  • sdf_radius_f:SDF 纹理范围(插件配置)
// 获取距离场
float dist_f = (1.0 - CCSampleWithAlphaSeparated(sdf_texture, uv0).r) * sdf_radius_f;

Demo开源
github
gitee

# 拓展

这里投个票,如果大家对SDF字体(不论放大多少都不会出现模糊)感兴趣的话我就做个插件(不会超过20)

  • 愿意
  • 我非常愿意

0 投票者

4赞

感谢分享!