在Unity 2018.2 版本正式启用了高清渲染管线,shader可视化编程. 现在我们就尝尝鲜,来实现了个物体边缘发光的shader效果. 准备 点击Windos->Package Manger 打开包管理器: 依次安装如下渲染器: 场景布置 创建场景设置 创建一个圆柱体和材质球,并将材质球给与圆柱体 创建一个Shader Graph(PBR) 打开shader 利用可视化蓝图 编写发光Shader 为材质球选择我们创建的shader 我们可以通过color调节发光颜色 通过power 调节

思路:渲染两次. 1.第一次渲染:利用Greater进行深度测试,当目标被遮挡时,用一个边缘光的效果显示. 2.第二次渲染:正常渲染. 边缘光的思路:观察方向和顶点法向量夹角越大,边缘光越明显.边缘光强度由公式rim=1-dot(view,normal)来表示. 代码实现: Shader "Pj/XRay" { Properties { _MainTex("Base 2D", 2D) = "white"{} _XRayColor(,,,) _Se

Unity2018 Shader Graph 实验室 Shader Shader Graph Unity  Tips: -- 在shader forge和amplyfy Shader节点图形化shader编程的诱惑下,unity官方终于在2018版本也推出了而自己shader节点可视化编程工具Shaderr Graph.本篇文章是对Shader Graph一些效果的尝试,建议学习shader的朋友也尝试下这些工具,对shader的理解会更加直观 -- 效果中自发光光晕是使用的PostProces

0x00 前言 在这篇文章中,我们选择了过去几周Unity官方社区交流群以及UUG社区群中比较有代表性的几个问题,总结在这里和大家进行分享.主要涵盖了** StreamingAssets.Profiler.Playable.Particle.Spine.Launcher.Scripting .Shader. Shader Graph**等领域,其中会着重介绍一下是用一个workaround的方式在ShaderGraph中获取_CameraDepthTexture. 同时,也欢迎大家加入我们这个讨

此篇文章记录Dissolve Effect(溶解特效)的制作过程 软件环境 Unity 2018.1.2f1 Packages: Lightweight Render Pipeline 1.1.11 Dissolve Effect最终效果 创建工程及初始设定 New Project & New Scene: 创建Lightweight Pipeline Asset,打开Vertex Lighting与HDR,关联到Graphics Settings当中: 在场景中放置Monkey Model,创

软件环境 Unity Version: 2018.1.2f1 边缘发光材质效果 创建工程 打开Unity并创建一个新工程 安装依赖项 Window -> Package Manager打开包管理器,安装二个依赖包: 1. Lightweight Render Pipeline2. Shader Graph Lightweight Render Pipeline Shader Graph 创建Lightweight Pipeline Asset Assets -> Create -> Re

边缘光:计算眼睛和模型顶点法线的点积,结果作为强度,和材质输出:顶点和法线平行时,强度最大,垂直时,强度最小.因此将他取反,即同一方向时,强度最小,垂直时,强度最大. -dot(normalize(viewDirection),normalDirection); 源代码: Shader "JQM/Rim_1" { Properties { _Color("Color", color) = (1.0,1.0,1.0,1.0) _SpecColor("Spec

软件环境 Unity 2018.1.6f1 Lightweight Render Pipeline 1.1.11-preview Phase In and Out效果预览 角色沿Y轴逐渐出现和消失 Shader Graph制作记录 a) 通过Position节点,获取物体在Object Space中Y轴方向上的变化 b) Step节点,结合Y轴变化生成黑白mask贴图 c) Smooth Step节点,结合Y轴变化生成黑白mask贴图,但在黑白交界处有渐变平滑过渡 d) 使用 Alpha Cli

fireworks羽化图片边缘的教程如下: 1. 打开一个图片. 2.点击“工具”面板“位图”部分的“选取框”工具.也可以选择“椭圆选取框”工具. 3.选择部分图象. 4.在属性检查器中,“边缘”项中选择“羽化”. 5.调整羽化大小. 6.打开“选择”菜单,单击“反选”. 7.反选过的图片: 8.按键盘上的Delete键删除. 9.羽化后的图片:

pixijs shader贴图扫光效果 直接贴代码 const app = new PIXI.Application({ transparent: true }); document.body.appendChild(app.view); // Create background image const background = PIXI.Sprite.from('/moban/bg_grass.jpg'); background.width = app.screen.width; backgr

Shader Graph Error  : The current render pipeline is not compatible with this master node 问题产生环境: Unity 2019.2.15f1 HDRP 6.9.2 报错和截图如上, 说是 当前渲染管道与此主节点不兼容, 解决方法: 1: 在 Assets 资源管理器中新建一个文件夹, 例如上图中我是在 _Shaders 文件夹下新建了一个名为 HDRP 的文件夹 2: 选中刚刚新建的文件夹, 点击鼠标右键创

About Shader Graph https://docs.unity3d.com/Packages/com.unity.shadergraph@7.3/manual/index.html unity Shader Graph 基本用法 https://www.bilibili.com/video/BV1sz4y1R7Jn Unity强化篇(九) —— Shader Graph简介(一) https://www.jianshu.com/p/d477ce0d8939 unity-shader-

转自:http://blog.csdn.net/dawn_moon/article/details/8631783 好吧,终于抽时间写这篇文章了. 手头上有很多人物行走图,技能特效图等,但这些图都有个纯黑色背景,怎么样将内容显示出来,让背景透明呢?前段时间搞了一下,感谢群里的童鞋们,提供了思路和方法. 这里用shader处理了像素,使黑色背景透明,直接上代码 ShaderSprite.h #ifndef __TestShader__ShaderSprite__ #define __TestSha

转自:http://blog.csdn.net/dawn_moon/article/details/8631783 好吧,终于抽时间写这篇文章了. 手头上有很多人物行走图,技能特效图等,但这些图都有个纯黑色背景,怎么样将内容显示出来,让背景透明呢?前段时间搞了一下,感谢群里的童鞋们,提供了思路和方法. 这里用shader处理了像素,使黑色背景透明,直接上代码 ShaderSprite.h #ifndef __TestShader__ShaderSprite__ #define __TestSha

这里用shader处理了像素,使黑色背景透明,直接上代码 ShaderSprite.h [cpp] view plaincopyprint? #ifndef __TestShader__ShaderSprite__ #define __TestShader__ShaderSprite__ #include "cocos2d.h" USING_NS_CC; class ShaderSprite : public CCSprite { public: static ShaderSprite

如果你还不知道如何在three.js中添加后期渲染通道,请先看一下官方的一个最简单的demo : github. 正如demo中所示的那样,我们的扫光效果,也是一个自定义的ShaderPass. 所以,我们得写一个shader来实现想要的效果,这里介绍一下实现的思路. 1.在自定义通道上,先获取场景原本的uv,然后原样输出: 2.在fs里,降低gl_FragColor的亮度(乘以小于1.0的数,这里取0.3),这样,画面立马暗了下来: 3.画一条直线 y = -x:在这条直线上的部分颜色亮度为1

const app = new PIXI.Application({ transparent: true }); document.body.appendChild(app.view); // Create background image const background = PIXI.Sprite.from('/moban/bg_grass.jpg'); background.width = app.screen.width; background.height = app.screen.h

https://mp.weixin.qq.com/s/19Xq6wYuXP0gQJDvC9Fh0g

本文为翻译,附上原文链接. 转载请注明出处--polobymulberry-博客园. 动机 如果你满足以下条件,我建议你阅读这篇教程: 你想学习片段着色器(Fragment Shader). 你想实现复杂的多通道着色器(multipass),但是对其不是很了解. 你想使用上面提到的两种技术(片段着色器和多Pass)来实现描边效果的Toon shader,你就需要理解这两种技术的概念. 学习资源 Martin Kraus's fantastic Wiki Book GLSL Programming

http://gad.qq.com/article/detail/28346 描边效果是游戏里面非常常用的一种效果,一般是为了凸显游戏中的某个对象,会给对象增加一个描边效果.本篇文章和大家介绍下利用Shader实现描边效果,一起来看看吧. 最近又跑回去玩了玩<剑灵>,虽然出了三年了,感觉在现在的网游里面画面仍然算很好的了,剑灵里面走近或者选中NPC的一瞬间,NPC就会出现描边效果,不过这个描边效果是渐变的,会很快减弱最后消失(抓了好久才抓住一张图....) 还有就是最常见的LOL中的塔,我们把