unity绘制虚线 geometry shader

绘制虚线其实简单。绘制线段,然后通过线段的uv坐标,设置虚线贴图就行。

或者用shader判断uv坐标决定好不要绘制线段的某一部分。

但是这样还是免不了要在CPU中计算好顶点和UV。如果线条数量很多(曲线),要经常更新线条。而且要修改条线的粗细,虚线的密度。那么为什么不把要显示的东西交给GPU呢?

CPU端直接用两个点就好了,也减少了CPU的计算量和额外的数据存储。


绘制线条的抗锯齿效果比绘制三角形抗锯齿效果要差一些

Shader "Unlit/geoline"

{

    Properties

    {

        _MainTex ("Texture", 2D) = "white" {}

        _LineColor("LineColor", color) = (0,1,0,1)//颜色

        _LineWidth("LineWidth",float) = 10//线宽

        _SingleSegmentLength("SingleSegmentLength",float) = 500//线段单元长度

        _SolidRatio("SolidRatio",float) = 0.5//绘制实线部分比率

    }

    SubShader

    {

        Cull Off

        Blend SrcAlpha OneMinusSrcAlpha

        Tags {"Queue"="Transparent"}

        LOD 100

        Pass

        {

            CGPROGRAM

            #pragma vertex vert

            #pragma geometry geo//几何着色器入口

            #pragma fragment frag

            // make fog work

            //#pragma multi_compile_fog

            #include "UnityCG.cginc"

            struct appdata

            {

                float4 vertex : POSITION;

                float2 uv : TEXCOORD0;

            };

            struct v2f

            {

                float2 uv : TEXCOORD0;

                //UNITY_FOG_COORDS(1)

                float4 vertex : SV_POSITION;

            };

            sampler2D _MainTex;

            float4 _MainTex_ST;

            float _LineWidth;

            float _SingleSegmentLength;

            float _SolidRatio;

            float4 _LineColor;

            [maxvertexcount(30)]//产生最大的顶点数,append到triStream的次数应该小于此。最大好像是64

            void geo(line appdata l[2], inout TriangleStream<v2f> triStream)

            {

                v2f pIn;

                v2f v[4];//先生成四个点,构造两个三角形

                float4 a = l[0].vertex;

                float4 b = l[1].vertex;

                float len = distance(b, a);

                float3 dir0 = normalize(b - a);

                float3 dir2 = normalize(cross(dir0, float3(0, 0, 1)));//加宽的方向

                float2 dir3 = dir2.xy * 0.5 * _LineWidth;

                v[0].vertex = UnityObjectToClipPos(a + float4(dir3, 0, 0));

                //使用的原来的世界坐标空间计算,完了后再映射为视图空间。如果是在顶点着色进行UnityObjectToClipPos后,坐标空间就是屏幕坐标了。

                //屏幕坐标经过投影变换。如果在vertex shader 计算UnityObjectToClipPos。a, b点的坐标x,y,z就不是均匀。垂直于线段的向量dir2就不对。

                v[0].uv = float2(0.0f, 1.0f) * float2(len / _SingleSegmentLength, 1.0f);

                v[1].vertex = UnityObjectToClipPos(b + float4(dir3, 0, 0));

                v[1].uv = float2(1.0f, 1.0f) * float2(len / _SingleSegmentLength, 1.0f);

                v[2].vertex = UnityObjectToClipPos(b + float4(-dir3, 0, 0));

                v[2].uv = float2(1.0f, 0.0f) * float2(len / _SingleSegmentLength, 1.0f);

                v[3].vertex = UnityObjectToClipPos(a + float4(-dir3, 0, 0));

                v[3].uv = float2(0.0f, 0.0f) * float2(len / _SingleSegmentLength, 1.0f);

                triStream.Append(v[0]);

                triStream.Append(v[1]);

                triStream.Append(v[2]);

                triStream.RestartStrip();//重置三角形计数,提交三角形

                triStream.Append(v[2]);

                triStream.Append(v[3]);

                triStream.Append(v[0]);

                triStream.RestartStrip();

                //最后倒下角,美化一下。这里可选。

                v2f va[3];

                v2f vb[3];

                float pi = 3.1415926;

                float points = 3;

                float segs = points + 1;

                for (int i = 1;i <= points;i++)

                {

                    float2 rot = normalize(-dir0 * sin(i / segs * pi) + dir2 * cos(i / segs * pi));

                    va[i - 1].vertex = UnityObjectToClipPos(a + float4(rot * 0.5 * _LineWidth, 0, 0));

                    va[i - 1].uv = float2(0, dot(rot, dir2)) * float2(len / _SingleSegmentLength, 1.0f);

                }

                for (int i = 1;i <= points;i++)

                {

                    float2 rot = normalize(dir0 * sin(i / segs * pi) + -dir2 * cos(i / segs * pi));

                    vb[i - 1].vertex = UnityObjectToClipPos(b + float4(rot * 0.5 * _LineWidth, 0, 0));

                    vb[i - 1].uv = float2(1, dot(rot, dir2)) * float2(len / _SingleSegmentLength, 1.0f);

                }

                for (int i = 0;i < points;i++)

                {

                    triStream.Append(v[3]);

                    triStream.Append(va[i]);

                    if (i - 1 < 0)

                        triStream.Append(v[0]);

                    else

                        triStream.Append(va[i - 1]);

                    triStream.RestartStrip();


                    triStream.Append(v[1]);

                    triStream.Append(vb[i]);

                    if (i - 1 < 0)

                        triStream.Append(v[2]);

                    else

                        triStream.Append(vb[i - 1]);

                    triStream.RestartStrip();

                }

            }

            v2f vert (appdata v)

            {

                v2f o;

                o.vertex = v.vertex;

                //o.vertex = UnityObjectToClipPos(v.vertex);

                //o.uv = TRANSFORM_TEX(v.uv, _MainTex);

                //UNITY_TRANSFER_FOG(o,o.vertex);

                return o;

            }

            fixed4 frag (v2f i) : SV_Target

            {

                // sample the texture

                //fixed4 col = tex2D(_MainTex, i.uv);

                fixed4 col = float4(0, 1, 0, 0);

                float m = fmod(i.uv.x, 1);

                if (m < _SolidRatio)

                {

                    col = _LineColor;

                }

                // apply fog

                //UNITY_APPLY_FOG(i.fogCoord, col);

                return col;

            }

            ENDCG

        }

    }

}

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 212,686评论 6 492
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 90,668评论 3 385
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 158,160评论 0 348
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 56,736评论 1 284
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 65,847评论 6 386
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 50,043评论 1 291
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,129评论 3 410
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 37,872评论 0 268
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,318评论 1 303
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 36,645评论 2 327
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,777评论 1 341
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,470评论 4 333
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,126评论 3 317
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,861评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,095评论 1 267
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 46,589评论 2 362
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 43,687评论 2 351

推荐阅读更多精彩内容