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

网站如何做线上支付功能福州seo博客

网站如何做线上支付功能,福州seo博客,中信建设有限责任公司官网首页,临城企业做网站没想到大家这篇文章呼声还挺高 这篇文章是对它的详细实现,建议在阅读本篇之前,先浏览一下前面的文章,以便更好地理解和掌握内容。 这种老派的假反射技术,适合用于移动端或对反射效果的速度和清晰度有较高要求的场合。该技术通过一…

没想到大家这篇文章呼声还挺高
这篇文章是对它的详细实现,建议在阅读本篇之前,先浏览一下前面的文章,以便更好地理解和掌握内容。

这种老派的假反射技术,适合用于移动端或对反射效果的速度和清晰度有较高要求的场合。该技术通过一些简单的技巧,能够在性能有限的设备上,实现类似反射的视觉效果,而不需要高昂的计算成本。此外相比于屏幕空间反射,这种方法能够提供更加清晰且无延迟的反射效果。

在开始前,还有一些说明:

在这篇文章中,我们首先创建了一个BP_FakeReflection。如果您不需要大规模放置反射物体,可以选择手动摆放,并跳过BP_FakeReflection这一节内容。

教程中使用了一个平面模型,并以“大屏幕倒影”作为示例(这是最常见的需求)。然而,在实际应用中,这种方法并不限于平面表面。您甚至可以使用模型来实现倒影效果。一些移动端项目和VR项目的角色倒影,通常是通过将角色模型翻转并放置在地面下方来实现的。例如下图中人物的反射效果:
在这里插入图片描述


BP_FakeReflection

创建一个蓝图BP_FakeReflection,它的功能很简单,就是自动摆放面片。

在这里插入图片描述

添加两个Plane,地面上面片为PlaneU,地下为PlaneD
在这里插入图片描述
在这里插入图片描述

实现也很简单,我们看一下:
在这里插入图片描述

  1. 这个默认的Plane模型是向上的,这里对其进行了旋转。
  2. 因为有旋转,缩放也需要调整,这样面片才能匹配Actor的缩放
  3. 下方的Plane要垂直对称(旋转以后Y对应Z轴)
  4. 向下发射了500cm的射线检测地面
  5. 将反射设置到以地平线为轴对称的高度

在这里插入图片描述

制作材质 M_FakeReflection

贴图

随便截了一张图,修改一下作为贴图。关键在于确保这张图片的尺寸是2的幂,例如512x512、1024x1024或2048x2048等,我们后续需要使用生成的Mip。
在这里插入图片描述
在这里插入图片描述

制作屏幕材质

新建材质M_FakeReflection
在这里插入图片描述

首先勾选使用材质属性:
在这里插入图片描述

在这里插入图片描述
将其设置给PlaneU
在这里插入图片描述

MI_FakeReflection_Screen

创建实例材质MI_FakeReflection_Screen,他就是用于上半部分PlaneU的普通材质
在这里插入图片描述

将材质属性重载
在这里插入图片描述

MI_FakeReflection_Screen_Reflection

再以MI_FakeReflection_Screen为父,创建实例MI_FakeReflection_Screen_Reflection,像名字一样,它是地下反射PlaneD的材质。
在这里插入图片描述
将其材质属性重载为半透明 无光照,并设置给PlaneD
在这里插入图片描述

同时要禁用深度测试,忘截图了

在这里插入图片描述

地下反射材质制作

MI_FakeReflection_Screen_Reflection 是这篇教程的核心,现在我们要开始制作它了

回到M_FakeReflection,首先修改材质属性为半透明 无光照
在这里插入图片描述

实现法线

  1. 这一步,本质是在计算“干净的反射向量”与“场景反射向量”的不同,取XY限制为纹理坐标,加到TexCoord:
    在这里插入图片描述

  2. 增加一个SwitchReflection,用于切换地上地下两种实现,然后将其连接:
    在这里插入图片描述

  3. 加入一个倍数,负责从艺术的角度控制强度:
    在这里插入图片描述

  4. 最后,将亮度调整移动到了最后,使 PlaneU·, PlaneD可以同步调整亮度在这里插入图片描述

  5. MI_FakeReflection_Screen_Reflection 勾选:
    在这里插入图片描述

法线Fix

法线部分还没结束,还有一些细节需要修复,首先看看效果:
在这里插入图片描述

可以从下面这张截图看到,反射出现两个问题:
在这里插入图片描述

  1. 贴图扭曲后重复
    在这里插入图片描述
    在这里插入图片描述

  2. 反射扭曲受限于模型
    在这里插入图片描述

解决:缩放贴图,使其小于模型,并使用UV绘制蒙版,只保留UV的0-1区间
在这里插入图片描述

在这里插入图片描述

MI_FakeReflection_Screen需要修改重载为已遮罩
在这里插入图片描述

实现粗糙度

Mip此时派上用场,从GBuffer里拿粗糙度,应用进Mip
在这里插入图片描述
在这里插入图片描述

在这里插入图片描述

实现反射衰减

随着反射路径长度增加,光线会进行衰减,粗糙度也会产生对应的变化
在这里插入图片描述
在这里插入图片描述

在这里插入图片描述

最终效果

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
可以看到,这是一篇很浅显的文章,主要是为了介绍一种思路。
在这思路的基础上,有很多效果都可以实现,也可以衍生出很多Shader玩法。

http://www.hkea.cn/news/810106/

相关文章:

  • 文山做网站如何优化百度seo排名
  • 上海展陈设计公司有哪些成都网站seo性价比高
  • 小韩网站源码360广告投放平台
  • 网站地图的重要性短信广告投放软件
  • 搭建直播网站需要怎么做教育培训机构平台
  • 濮阳网站网站建设网络营销策划是什么
  • 做新闻网站需要什么手续河北软文搜索引擎推广公司
  • 广州网站建设联系电话seo推广的公司
  • 一起做网店一样的网站关键词歌曲免费听
  • 负责网站建设推广本周热点新闻事件
  • 快速做网站优化谷歌在线浏览入口
  • 苏州企业网站建设开发与制作2023年6月份又封城了
  • 用java做网站可以吗吉林seo刷关键词排名优化
  • 网站建设面试google广告投放技巧
  • 整形网站整站源码如何让关键词排名靠前
  • php网站后台搭建外贸网站大全
  • 建 新闻 网站营销战略有哪些内容
  • 营销融合app网站seo招聘
  • 快速做网站的方法网站换了域名怎么查
  • 建筑工程网络计划图怎么编制百度seo搜索排名
  • 免费建网站系统百度云登陆首页
  • wordpress 采集微博网站建设优化
  • 做淘宝客新增网站推广百度用户服务中心人工电话
  • 域名备案网站建设书模板百度统计登录
  • 禁止WordPress访问官网优化关键词排名提升
  • 爬取漫画数据做网站今日热搜新闻头条
  • 雄安网站建设制作网站关键词如何快速上首页
  • 佛山从事网站建设百度小程序入口官网
  • 自建网站平台可以实现哪些功能网络营销这个专业怎么样
  • 佛山新网站制作公司网页制作成品模板网站