【狗刨学习网】 轮廓描边是游戏中的细节 但是一个有特色的效果还是会让人眼前一亮 Glow + Outline 的效果就像求生之路2和暗黑3的轮廓描边界一样 对轮廓描边后再进行模糊处理 如图: 求生之路2 暗黑3 一种思路为: 1、在RTT中绘制单一像素 2、对1绘制后的RTT进行blur处理 3、对2处理后的RTT与原始场景进行叠加 4、绘制原始模型 另一种思路: 1、绘制原始模型到RTT 2、对1绘制的RTT中原始模型进行Sobel描边 3、对2描边后的RenderTexture进行blur处理 4、叠加1和3的RenderTexture 5、4与场景进行叠加 在unity3d中的实现 1、场景图像渲染之前 void OnPreRender { ...... 另外添加一个摄像机A 这里必须将GlowOutlineCamera摄像机关闭 并且清除标识为纯色 制定其渲染目标为RTT 清空其背景 摄像机A在主摄像机渲染之前通过Shader去绘制指定渲染类型的GameObject 也就是需要描边的GameObject (即摄像机A.RenderWithShader(RTT, "XXXX");) ...... } 2、场景图像渲染之后 void OnRenderImage(RenderTexture source, RenderTexture destination) { ...... 将摄像机A所渲染的目标纹理进行blur处理 将blur后的RTT与场景图像渲染后的RTT进行合成叠加 拷贝到目的渲染纹理上 ...... } 效果1 未被遮挡 效果2 被遮挡 效果3 描边相交 未被遮挡 效果4 描边相交 被遮挡 最后附上一张火炬之光2的轮廓描边效果 unity实现起来要简单的多 不属于postprocess 只需要对需要描边的物体写一个Rimlight边缘高光的shader即可 国内好像有个unity制作的网页游戏也是用的这种方式描边 2012080401203385.jpg (15.53 KB, 下载次数: 0) 2 分钟前 上传 声明:此篇文档时来自于【狗刨学习网】社区,是网友自行发布的Unity3D学习文章,如果有什么内容侵犯了你的相关权益,请与官方沟通,我们会即时处理。 更多精彩内容:www.gopedu.com |
Glow + Outline 轮廓描边
时间: 2024-12-19 17:31:20
Glow + Outline 轮廓描边的相关文章
小tip: CSS3如何实现圆角的outline效果?
by zhangxinxu from http://www.zhangxinxu.com本文地址:http://www.zhangxinxu.com/wordpress/?p=4765 一.首先,outline是个很牛逼的东西 温故而知鑫,10年的时候写过一篇可用性方面的文章:"页面可用性之outline轮廓外框的一些研究",还算挺有用的:3年之后,也就是13年,介绍了个没什么使用价值的东西:"纯CSS实现的outline切换transition动画效果". 个把星
关于Unity中的模型描边与Shader切换(专题二)
模型描边 1: LOL里面的模型描边效果,点击防御塔会有描边的效果,被攻击的时候模型也要描边凸显一下2: 网上可以找到模型描边的Shader,可以直接下载使用,一组第三方的Shader, 帮我们解决了模型描边的问题,叫Toony(第65) Shader切换 1.被攻击的时候模型描边凸显一下,不被攻击的时候就描边隐藏,变成正常模型的样子 2.需要一个带模型描边的Shader和一个不带模型描边的Shader 代码里面切换Shader 材质是Shader的使用者,模型贴材质,材质决定了是用哪种Shad
outline属性
outline(轮廓)用于设置元素周围的一条线,用于元素边框的外围,可起到突出元素的作用. outline属性所有浏览器都支持,如果规定了 !DOCTYPE,则 IE8 支持 outline 属性. outline属性不会占用空间,也不一定是矩形. outline的值的顺序:outline:outline-color,outline-style,outline-width;请始终在outline-color之前设置outline-style,元素只有先获得轮廓才能设置他的颜色.当设置为none时
总结css表格,边框,轮廓,盒子模型,边距
css表格:border-collapse 是否把表格边框合并为单一边框 separate/collapse.border-spacing 设置分隔单元格边框的距离 num.caption-side 表格标题的位置 Top/bottom.empty-cells 设置是否显示表格中的空单元格 hide/show.table-layout 设置显示单元.行和列的算法.automatic: 列宽度由单元格内容设定默认.fixed: 列宽由表格宽度和列宽度设定.i
[css 揭秘]:CSS揭秘 技巧(二):多重边框
我的github地址:https://github.com/FannieGirl/ifannie/ 源码都在这上面哦! 喜欢的给我一个星吧 多重边框 问题:我们通常希望在css代码层面以更灵活的方式来调整边框样式 方案一:box-shadow 目前为止,我们大多数人可能已经用过(或者滥用过)box-shadow来生成投影,不太为人之的是,它还接受四个参数(扩张半径),通过制定正值或负值,可以让投影面积加大或者减小, 用它的好处是它支持逗号分隔语法,我们可以创建任意数量的投影 知识背景:box-s
cocos2dx[3.2](14)——新字体标签Label
[唠叨] 在3.x中,废弃了2.x里的LabelTTF.LabelAtlas.LabelBMFont三个字体类,取而代之的是全新的字体标签Label. 实际上Label是将三个字体类进行了融合,进行统一的管理与渲染,这使得创建字体标签Label的方式更加统一,更加方便. 本节来学习一下3.x中新的标签类Label,如果对2.x中的三个字体类不了解的话,建议先去看看那三个类的用法,再来学习本节内容,能够更好的理解. 2.x中的旧标签类,请移步:http://shahdza.blog.51cto.c
css揭秘--笔记(未完)
第0章 关于本书 1, 本书要用到一个工具函数————$$(),它可以让我们更容易获取和遍历所有匹配特定css选择符的dom元素: 1 function $$(selector,context){ 2 context=context||document; 3 var elements=context.querySelectorAll(selector); 4 return Array.prototype.slice.call(elements); 5 } 2, 以下实现一个效果: 1 linea
CSS学习——基础分类整理
1. CSS 层叠样式表:Cascading Style Sheets,定义如何显示html元素 CSS规则:选择器{属性:值; 属性:值;} CSS注释:/*在这里写注释说明*/ 2. 选择器 #元素id 用元素的id属性来设置 .className 用html的class属性来设置 p.className p元素,且class="className" div p 后代选择器(空格分隔):div内的所有p div>p 子元素选择器(>分隔):div的直接子元素 div+p
《CSS设计指南》笔记--HTML标记与文档结构
通过阅读和学习书籍<CSS设计指南>总结 <CSS设计指南>/Charles lvyke-Smith著.李松峰译-人民邮电出版社 本书网站:http://www.stylinwithcss.com 强烈推荐!!深入浅出,精简,适合入门!! HTML标记与文档结构 1.1 HTML标记基础 1.1.1 文本用闭合标签 ??闭合标签的基本格式如下: <标签名>文本内容<标签名/> <标签名 属性_1="属性值" 属性_2="属