Cocos2d-lua 初识shader之四:描边

本文介绍了Cocos2d-lua中使用shader进行描边的原理,通过对比两种不同的遍历方法,探讨了如何提高描边效率。文章讨论了一种时间复杂度更优的策略,即先找到非透明像素点,再判断相邻非透明像素,以优化描边效果。同时,提出了寻找透明像素点周围最近非透明像素点以改善描边质量的方法。
摘要由CSDN通过智能技术生成

原理:对于所有透明的像素点,遍历该像素点周围的所有像素点,当有任意一个像素点非透明时,就将该像素点置为描边颜色。

PS.在网上读到一位前辈写的方法是“遍历所有不透明的像素点四周,当有透明像素点时,将该像素点设置为描边颜色”(思路相反),这样的做法会有些缺憾,结尾会放出比较图。

    local vert = [[
        attribute vec4 a_position; 
        attribute vec2 a_texCoord; 
        attribute vec4 a_color; 
        #ifdef GL_ES  
        varying lowp vec4 v_fragmentColor;
        varying mediump vec2 v_texCoord;
        #else                      
        varying vec4 v_fragmentColor; 
        varying vec2 v_texCoord;  
        #endif    
        void main() 
        {
            gl_Position = CC_PMatrix * a_position; 
            v_fragmentColor = a_color;
            v_texCoord = a_texCoord;
        }
    ]]

    local frag = [[
        #ifdef GL_ES 
        precision mediump float; 
        #endif 
        varying vec4 v_fragmentColor; 
        varying vec2 v_texCoord; 
        uniform vec2 my_size;                   // 纹理大小,纹理坐标范围为0-1
        void main(void) 
        { 
            vec2 unit = 1.0 / my_size.xy;       // 单位坐标
            float step = 30.0;                  // 30度
            float width = 2.5;                  // 描边宽度
            float a_limit = 0.4;                // 透明度限制,低于该值即视为透明
            vec4 border = vec4(1.0,1.0,1.0,1.0);// 边框颜色

            vec4 color1 = texture2D(CC_Texture0, v_texCoord);
            gl_FragColor = color1;
            if(color1.a >= a_limit)
            {
                return;                         // 非透明像素点不做处理
            }
            // 遍历四周所有像素点
            for(float i = 0.0; i < 360.0; i += step)
            {
                // 当前角度的偏移坐标
                v
  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值