当前位置: 首页 > news >正文

手机怎么进入pc端单页网站seo优化

手机怎么进入pc端,单页网站seo优化,网站排名优化,上传文章的网站文章目录 前言一、在之前顶点着色器的输入中,放弃了使用结构体传入,而是直接从应用程序阶段传入参数,这样写的话,对于程序来说,不方便扩张,所以需要对其进行修改实现1、定义结构体用于传入顶点坐标系2、因为…

文章目录

  • 前言
  • 一、在之前顶点着色器的输入中,放弃了使用结构体传入,而是直接从应用程序阶段传入参数,这样写的话,对于程序来说,不方便扩张,所以需要对其进行修改
    • 实现
      • 1、定义结构体用于传入顶点坐标系
      • 2、因为UnityObjectToClipPos是从本地空间转换到裁剪空间,但是没有进行透视除法,所以需要对其进行透视除法,用转化后的结果的 xyz / w 就可以进行透视除法
      • 3、因为屏幕坐标的原点一般在左上角(DirectX) 或 左下角(OpenGL) (我的是DirectX平台,所以在左上角。),会造成显示的位置,和我们需要的位置不同,所以需要对其进行计算平移缩放处理
  • 二、改用Unity内置提供的方法(平台间互通)
  • 三、最后加上扭曲


前言

对上一篇中实现的shader进行优化


一、在之前顶点着色器的输入中,放弃了使用结构体传入,而是直接从应用程序阶段传入参数,这样写的话,对于程序来说,不方便扩张,所以需要对其进行修改

实现

1、定义结构体用于传入顶点坐标系

struct appdata
{
float4 vertex : POSITION;
//从应用程序阶段的输入,多加一个uv,用于对扭曲纹理的采样
float2 uv : TEXCOORD;
};

2、因为UnityObjectToClipPos是从本地空间转换到裁剪空间,但是没有进行透视除法,所以需要对其进行透视除法,用转化后的结果的 xyz / w 就可以进行透视除法

v2f vert (appdata v)
{
v2f o;
o.pos = UnityObjectToClipPos(v.vertex);
o.uv = TRANSFORM_TEX(v.uv,_DistortTex) + _Distort.xy * _Time.y;
//把本地空间转化到其次裁剪空间后的结果,进行透视除法后, 传给 screenUV
o.screenUV.xyz = o.pos.xyz / o.pos.w;
return o;
}


3、因为屏幕坐标的原点一般在左上角(DirectX) 或 左下角(OpenGL) (我的是DirectX平台,所以在左上角。),会造成显示的位置,和我们需要的位置不同,所以需要对其进行计算平移缩放处理

在这里插入图片描述

DirectX平台:fixed2 uv = fixed2(i.screenUV.x * 0.5,i.screenUV.y * -0.5) + 0.5;
OpenGL平台:fixed2 uv = i.screenUV * 0.5 + 0.5;

改到顶点着色器中计算

DirectX平台:
o.screenUV.x = o.screenUV.x * 0.5 + 0.5;
o.screenUV.y = o.screenUV.y * -0.5 + 0.5;
OpenGL平台:
o.screenUV.x = o.screenUV * 0.5 + 0.5;

在这里插入图片描述

但是这样是插值计算的会有误差瑕疵,所以还是改在片元着色器中计算

DirectX平台:
fixed2 uv = i.screenUV.xy / i.screenUV.w;
uv.x = uv.x * 0.5 +0.5;
uv.y = uv.y * -0.5 + 0.5;


二、改用Unity内置提供的方法(平台间互通)

ComputeScreenPos(float4 pos)
pos为裁剪空间下的坐标位置,返回的是某个投影点下的屏幕坐标位置
由于这个函数返回的坐标值并未除以齐次坐标,所以如果直接使用函数的返回值的话,需要使用:tex2Dproj(_ScreenTexture, uv.xyw);
也可以自己处理其次坐标,使用:tex2D(_ScreenTexture, uv.xy / uv.w);

在顶点着色器:o.screenUV = ComputeScreenPos(o.pos);
在片元着色器:fixed4 grabTex = tex2Dproj(_GrabTex,i.screenUV);


三、最后加上扭曲

Shader "MyShader/P0_10_5"
{Properties{//实现扭曲,就需要传入贴图来实现扰度_DistortTex("DistortTex",2D) = "white"{}_Distort("SpeedX(X) SpeedY(y) Distort(Z)",vector) = (0,0,0,0)}SubShader{Tags{"Queue" = "Transparent"}//屏幕抓取需要单独使用一个Pass —— GrabPass{} 里面什么都不写,或者GrabPass{"_GrabTex"}GrabPass{"_GrabTex"}//使用Cull off 让两面都有扭曲Cull OffPass{CGPROGRAM#pragma vertex vert#pragma fragment frag#include "UnityCG.cginc"struct appdata{float4 vertex : POSITION;//从应用程序阶段的输入,多加一个uv,用于对扭曲纹理的采样float2 uv : TEXCOORD;};struct v2f{float2 uv : TEXCOORD0;float4 pos : SV_POSITION;float4 screenUV:TEXCOORD1;};//在使用抓取的屏幕前,需要像使用属性一样定义一下,_GrabTexture这个名字是Unity定义好的sampler2D _GrabTex;sampler2D _DistortTex;float4 _DistortTex_ST;float4 _Distort;v2f vert (appdata v){v2f o;o.pos = UnityObjectToClipPos(v.vertex);o.uv = TRANSFORM_TEX(v.uv,_DistortTex) + _Distort.xy * _Time.y;//pos为裁剪空间下的坐标位置,返回的是某个投影点下的屏幕坐标位置o.screenUV = ComputeScreenPos(o.pos);return o;}fixed4 frag (v2f i) : SV_Target{//DirectX平台:/*fixed2 uv = i.screenUV.xy / i.screenUV.w;uv.x = uv.x * 0.5  +0.5;uv.y = uv.y * -0.5 + 0.5;*/fixed4 distortTex = tex2D(_DistortTex,i.uv);//使用线性插值来控制UV的扭曲程度float2 uv = lerp(i.screenUV.xy/i.screenUV.w,distortTex,_Distort.z);//对抓取的屏幕进行采样fixed4 grabTex = tex2D(_GrabTex,uv);return grabTex;}ENDCG}}
}

效果:
请添加图片描述

http://www.15wanjia.com/news/44460.html

相关文章:

  • 工业风 网站建设网页关键词优化软件
  • 不用登录的小游戏网站百度官网首页登陆
  • wordpress 文章列表 分页seo关键词排名优化
  • 做爰明星视频网站百度搜索引擎的网址
  • 免费b站不收费网站2023网络推广软件免费
  • 专门做恐怖的网站优化大师官方免费
  • 代做硬件毕业设计网站电商培训大概多少学费
  • 在网上做软件挣钱的网站网页模板源代码
  • 天津做网站美工推广公司主要做什么
  • 深圳定制网站制作报价兰州网站优化
  • 网站上传不了网站推广app下载
  • 郫县建设局网站网站推广的营销策划方案
  • 产品代理网seo自动优化软件安卓
  • 河池环江网站建设企业营销策略
  • 重庆梁平网站建设报价互联网产品运营
  • 做网站gif代码求职seo
  • 建网站得多少钱百度收录
  • 深圳制作企业网站新网站应该怎么做seo
  • 青岛网站优化公司哪家好站长工具seo综合查询columbu cat
  • 中车建设工程有限公司网站合肥推广外包公司
  • 武汉模板建站源码开网店如何运营和推广
  • wordpress怎么烤别人的搜索引擎优化报告
  • 商务网站建设心得今日头条十大新闻最新
  • 网站开发前端设计吴中seo网站优化软件
  • 网站建设的题目佛山网站建设模板
  • 巩义网站建设方案书成都网站推广
  • c 如何做公司网站公司seo营销
  • 新疆建设厅厅网站沈阳关键词优化价格
  • 什么网站可以做微传单百度手机怎么刷排名多少钱
  • 清远医院网站建设费用短视频培训课程