美文网首页
Spine描边的另一种实现方法

Spine描边的另一种实现方法

作者: rekcah1986 | 来源:发表于2021-12-07 15:01 被阅读0次

之前写过一篇Spine官方提供的描边方案,今天试着用换色的方法实现。
原理很简单:

  • 用PS给导出的图片添加外发光,颜色为FilterColor


    image.png
  • 修改Spine原Shader,添加换色方法,然后在frag里调用一下替换掉原有颜色即可

 Outline Color为最终需要的描边颜色,可调整透明度
 Filter Color是图片里的描边颜色,找一个图片里用不到的色调即可
 Filter Power是取色阈值,如果上面颜色选的合适,不重要
image.png

关键代码:


image.png
image.png

比较:

  • 比官方方案节省计算量(如果把换色的if去了就更好了)
  • 描边粗细可由美术人员控制,但官方可以在Unity里调整粗细渐变,更加灵活
  • 做完动画需要P一次图,当然也可以整合为脚本自己添加

附:imagemagick命令自动生成外发光

convert test.png -bordercolor none -border 10x10 -background purple -alpha background -channel A -blur 0x5 -level 0,50% out.png

相关文章

  • Spine描边的另一种实现方法

    之前写过一篇Spine官方提供的描边方案,今天试着用换色的方法实现。原理很简单: 用PS给导出的图片添加外发光,颜...

  • ios 文字外描边效果

    设计提出文字描边效果,但是富文本自带的文字描边效果,是向文字内外同时描边 效果 所以需要自己实现,采用的方法是重写...

  • CSS 文本描边效果

    text-shadow 实现文本描边 text-stroke 实现文本描边 text-stroke 是 ext-s...

  • Shader第二十五讲:描边及外发光(转)

    描边以及外发光一般有如下几种实现方法: 【一贴图加工】 原理: 直接在贴图上对应模型边缘的位置画描边,凹的地方画阴...

  • 使用CSS给文字添加描边效果

    CSS如何实现文字描边效果?下面本篇文章就来给大家介绍一下使用CSS给文字添加描边效果的方法,希望对大家有所帮助。...

  • ios开发文字内描边效果

    实现了外描边效果之后,产品问内描边好做吗,我说简单!简单个蛋! 因为苹果本身的描边效果,是双向描边,不是单侧的,见...

  • 【iOS UI篇】Label描边+发光字

    本文介绍如何给Label实现酷炫的描边+外发光效果,虽然实现简单,但是网上资料却是很少。 绘制实现描边 继承Lab...

  • URP管线下,给Spine动画添加描边

    准备工作: 使用URP管线需要安装一下URP适配补丁[https://esotericsoftware.com/f...

  • AE实现内描边和外描边

    AE并没有直接提供内描边和外描边选项,不过可以通过“位移路径”实现。 点击“图层”下方“内容”的“添加”按钮。 选...

  • 使用CommandBuffer实现描边效果

    使用CommandBuffer实现描边效果 1.什么是CommandBuffer2.C#脚本常用命令3.描边实现思...

网友评论

      本文标题:Spine描边的另一种实现方法

      本文链接:https://www.haomeiwen.com/subject/jbfaxrtx.html