Unity——卡通渲染实现

效果展示: 原模型: 一.简单分析卡通渲染又叫非真实渲染(None-Physical Rendering-NPR),一般日漫里的卡通风格有几个特点: 1.人物有描边 2.有明显的阴影分界线,没有太平滑的过渡以下就根据这两点来实现卡渲效果: 二.描边 1.法线外扩实现描边方式多种,比如卷积区分边界: 这里使用更简单的两个Pass,一个只用纯色画背面,利用法线外扩顶点,根据深度的不同这个纯色的背面会被显示出来,同时又不会遮挡正面: Pass { Tags {"LightMode"=&…

Unite 2018 | 《崩坏3》：在Unity中实现高品质的卡通渲染（上）

http://forum.china.unity3d.com/thread-32271-1-1.html 我们已经发布了Unite 2018 江毅冰的<发条乐师>.Hit-Point的<旅行青蛙>.育碧<Eagle Flight>演讲分享,不少开发者在后台留言希望小编尽快分享米哈游技术总监贺甲<崩坏3>的案例分享,因为这场是干货满满的爆场.我们非常感谢米哈游以及贺甲长期以来对Unite大会的支持,由于篇幅限制,本次演讲内容将拆分成上下二篇. 下面为演讲内容:…

Unite 2018 | 《崩坏3》：在Unity中实现高品质的卡通渲染（下）

http://forum.china.unity3d.com/thread-32273-1-1.html 今天我们继续分享米哈游技术总监贺甲在Unite Beijing 2018大会上的演讲<在Unity上实现高品质卡通渲染的效果>下篇,上篇请点击此处阅读. 下面为演讲内容: 接下来我们就来介绍一下头发的渲染.头发是卡通渲染角色较为重要且独特的部分.我们想要实现根据光源动态变化的高光和阴影渐变,并且这个实现还应具备直观的所见即所得的色彩调节能力. 和皮肤的材质一样,对于头发的漫反射渲染我们同样…

基于Unity 5的次世代卡通渲染技术 -- Unite 2017 米哈游总监贺甲分享实录

在5月12日Unite2017开发者大会上,米哈游技术总监兼美术指导贺甲进行了主题为次世代卡通渲染的演讲.一下为详细分享内容: 大家好,首先自我介绍一下,我叫贺甲,在米哈游担任技术总监和美术指导工作,目前主要关注的方向是非写实渲染以及可交互物理方面的研究.很高兴在这里给大家带来一场有关于次世代卡通渲染的演讲. 我们在考虑如何运用次世代渲染技术,对当前卡通渲染技术时代进行升级.如何将新的技术和卡通渲染有机结合,也是一个比较大的挑战,我们想还原不仅仅是之前传统上色的质感,还想进一步把插画级细致方面的…

Unity Shader 卡通渲染基于退化四边形的实时描边

从csdn转移过来,顺便把写过的文章改写一下转过来. 一.边缘检测算法 3D模型描边有两种方式,一种是基于图像,即在所有3D模型渲染完成一张图片后,对这张图片进行边缘检测,最后得出描边效果.一种是基于空间,即针对3D模型的三角面三个顶点构成的线条做边缘检测(注:和基于图像的边缘检测的检测方式是不同的,但都叫边缘检测).在本文中使用的是基于空间的3D模型的描边. 空间的3D模型的描边的边是有类型的,大致总结有4种:轮廓边.边界边.折缝边.材质边.其中前3种是本文认为卡通渲染所必须有的. 图1 空间…

Unity酱~ 卡通渲染技术分析（一）

前面的话 unitychan是日本unity官方团队提供的一个Demo,里面有很好的卡通渲染效果,值得参考学习上图是我整理出来的shader结构,可以看到Unity娘被拆分成了很多个小的部件,我想主要是为了挂动态骨骼吧.因为有很多部件的材质,shader其实都是一样的可以合并成少数几个我打算分3个部分来学习 CharaMain.cginc 主要用于衣服等材质 CharaSkin.cginc 皮肤效果 Hair 头发.眼睛.睫毛等部位的渲染 CharaMain.cginc 本篇先写第一部分bo…

Unity酱~ 卡通渲染技术分析（二）

前面的话上一篇Unity酱~ 卡通渲染技术分析(一) 写了CharaMain.cginc,服装的渲染是怎么实现的.这篇来分析一下头发跟皮肤的实现头发本来以为unitychan的头发会有各向异性的实现,没想到她也是用的CharaMain.cginc实现的.我们来看看头发的材质其他实现都一样,也是通过高光反射贴图来控制高光区域跟反射区域计算法线跟视角向量的点积,这样的效果是越垂直于视角向量的高光越大,然后用RGB贴图来控制哪些区域更容易出高光反射依然是用A通道来控制,越白的地方,反射的越…

Unity Shader NPR 卡通渲染

卡通渲染的主要原理包含两个方面: 1.轮廓线的描边效果 2.模型漫反射离散和纯色高光区域的模拟描边: 描边的实现方法采用将模型的轮廓线顶点向法线(或顶点)的方向扩展一定的像素得到.也可通过边缘检测(基于法线和深度)来实现. 漫反射离散: 利用离散的Ramp纹理对漫反射光照效果进行采样,可以实现不同效果梯度的卡通渲染效果,例如: 注意此纹理的灰度变化并非均匀变化,而是类似于一种突变,仅在灰度变化的交界处进行了平滑过渡.这样的Ramp纹理正是卡通渲染所需要的颜色过渡模式,也是卡通渲染实现的核心内容…

【NPR】卡通渲染

写在前面我的博客讲过好几篇卡通渲染了,比如[Unity Shader实战]卡通风格的Shader(一).[Unity Shader实战]卡通风格的Shader(二).[NPR]漫谈轮廓线的渲染.[Shader拓展]Illustrative Rendering in Team Fortress 2.后来,我搞了个所谓的NPR实验室,来实现一些论文里或者网络博客里讲到的NPR渲染算法,这里面包含了一些卡通风格的渲染.这篇文章主要想介绍一下这个项目里的一些卡通渲染的方法.包括: 一个最常见的包含了卡…

GGXX的卡通渲染实现真的好变态......

最近在youtube上看了GDC,学了很多东西,最让我震撼的就是ggxx的卡通渲染了.感慨一下,想要用3D做出二次元的效果,真的不容易.现记录一些要点: 1)不要使用normal map来做cel-shading,否则做出来的明暗分界线就像狗啃一样,只使用vertex normal. 2)使用顶点色存储threshold,计算明暗面交接线,效果更佳. 3)由于完全使用顶点法线计算,舍弃了normalmap,所以可以多用三角面,放宽对面数的限制. 4)顶点法线需要手动调整,不能用自动生成的法线向量…

Unity原生渲染方案

Unity原生渲染方案作者:3dimensions three_dimensions@live.cn 本文为原创内容,转载请注明出处. 做这个的动机是想在原生代码中使用Unity的材质系统绘制,同时由原生代码提供绘制数据,省掉Unity内部的分配内存及数据转换,以及动态模型数据“非托管内存→ 托管内存→ 非托管内存”的传输过程.适用于有大量动态模型数据生成的情况,测试结果在PC和移动平台上均有数倍的性能提升.注意,如果不使用Unity的材质系统,并不需要按这个方案做.方案是我在Miloyip的…

在Unity中渲染一个黑洞

在Unity中渲染一个黑洞前言 N年前观看<星际穿越>时,被其中的"卡冈图雅"黑洞所震撼.制作团队表示这是一个最贴近实际的黑洞效果,因为它是通过各种科学理论实现的.当时就想自己也做一个差不多的出来,无奈技术太菜.现在以掉了一堆头发为代价,终于实现出来了,分享给大家.这是最终效果: 本项目使用Unity 2018.4.23f1制作,完整项目请移步GitHub:https://github.com/RenChiyu/UnityBlackHole 转载请注明出处:https:/…

Unity场景渲染相关实现的猜想

如下,很简单的一个场景,一个Panel,二个Cube,一个camera,一个方向光,其中为了避免灯光阴影的影响,关掉阴影,而Panel和二个Cube都是默认的材质,没做修改,我原猜,这三个模型应该都动态合并成一个,但是根据Unity的Frame Debug的显示,我们可以看下,只有同模型的地合并了.然后把模型A向前移动到Z小于0,神奇的看到,同模型的二个cube也不能动态合并了. 好吧,在这有点小失望,后面查到在网上有个说法,Unity会根据摄像机的深度排序,所以在排序后,如果上个模型和下个模型…

用体渲染的方法在Unity中渲染云(18/4/4更新)

github: https://github.com/yangrc1234/VolumeCloud 更新的内容在底部最近在知乎上看到一篇文章讲云层的渲染(https://zhuanlan.zhihu.com/p/34836881?utm_medium=social&utm_source=qq) 原文简单的讲了噪声生成云体的办法,以及一个光照模型. 看了之后很感兴趣,加上本科毕设做的就是体渲染,于是打算在unity里山寨一个出来. 原原文(知乎上的文章引用的文章)是2015年地平线黎明时分制作团…

3dmax卡通渲染插件pencil+渲染线框

转自:http://www.cr173.com/soft/179512.html http://www.psoft.co.jp/jp/ 官网和YTB有 2代的视频教程,平均每个2分钟长,无解说,是日文版的.有需要的也可以进去瞧瞧 pencil+是max的一款三渲二插件,被用在很多日本动画里,包括eva,高达官网http://www.psoft.co.jp/en/product/pencil/ 现在最新xx版是3.07,支持到3dmax2013 地址http://pan.baidu.com/s/…

浅谈Unity的渲染优化(1)：性能分析和瓶颈判断（上篇）

http://www.taidous.com/article-667-1.html 前言首先,这个系列文章做个大致的介绍,题目"浅谈Unity",因为公司和国内大部分3D手游开发还是以Unity3d为主,而Unity不开源的问题,也注定大部分用户是无法在架构和API的层面对它做改造和优化的,所以本文也不会涉太多底层的优化方法,为了争取能让更多制作相关的人员看懂,而是针对Unity的设计,把如何在设计和使用上来规避和利用的"浅显"方法用易懂的方式来描述."…

maya的卡通渲染

为了统一工作流,给maya也做了个卡通shader:…

卡通渲染Shader

http://www.opengpu.org/forum.php?mod=viewthread&tid=17071http://www.opengpu.org/bbs/forum.php?mod=viewthread&tid=17072http://blog.csdn.net/liumazi/article/details/78858811https://blog.uwa4d.com/archives/usparkle_cartoonshading.html https://forum.u…

shader forge卡通渲染！

自从用了shader forge,妈妈我再也不写shader了...... 写了3种,分别用的顶点法线.法线贴图.顶点法线+法线贴图,然后还有自发光和受光两种模式,那就是6种了吧... 最后来一张shader forge的node graph:…

UE4 Cel Shading(卡通渲染)

转自:https://dawnarc.com/2018/01/ue4cel-shading%E5%8D%A1%E9%80%9A%E6%B8%B2%E6%9F%93/ Cel Shading Post Processhttps://wiki.unrealengine.com/Cel_Shading_Post_Process UE4 Tutorial: Toon Shader (Borderlands/Jet Set Radio)https://www.youtube.com/watch?v=0UB…

【Unity Shader】Unity Chan的卡通材质

写在前面时隔两个月我终于来更新博客了,之前一直在学东西,做一些项目,感觉没什么可以分享的就一直没写.本来之前打算写云彩渲染或是Compute Shader的,觉得时间比较长所以打算先写个简单的. 今天扫项目的时候看到了很早之前下载的Unity Chan的项目,其实很早之前就想要分析下里面的卡通效果是怎么做的. Unity Chan 想必很多人都看到或听过Unity Chan,也可以说是Unity酱.Unity娘--她数次出现在早期的AR程序中,一个萌娘在现实生活中的一张卡片上跳来跳去的我相信你…

Unity Shader入门精要学习笔记 - 第14章非真实感渲染

转载自冯乐乐的 <Unity Shader 入门精要> 尽管游戏渲染一般都是以照相写实主义作为主要目标,但也有许多游戏使用了非真实感渲染(NPR)的方法来渲染游戏画面.非真实感渲染的一个主要目标是,使用一些渲染方法使得画面达到和某些特殊的绘画风格相似的效果,例如卡通.水彩风格等. 卡通风格的渲染卡通风格是游戏中常见的一种渲染风格.使用这种风格的游戏画面通常有一些共有的特点,例如物体都被黑色的线条描边,以及分明的明暗变化等.如下图所示. 要实现卡通渲染有很多方法,其中之一就是使用基于色调的着…

【Unity Shader】新书封面 — Low Polygon风格的渲染

写在前面最近又开心又担心,因为我的书马上就要上市了,开心当然是因为等了这么久终于可以如愿了,担心是因为不少人对它的期待都很大,我第一次写书,能力也有限,不知道能不能让大家满意,让大家也都喜欢上它.不过有不少朋友和前辈鼓励我,还是很开心滴~ 之前有一些朋友觉得这次封面很漂亮,问我书的封面是不是我渲染的,以及怎么渲染的: 其实这封面并不是在Unity里渲染的,是男朋友在C4D里面渲染的.我特别喜欢他上学时候的一次作品(有机会放个视频哈哈),就是这种low polygon的风格,所以当时想要设计书的…

关于Unity中LOD和渲染队列----渲染通道通用指令(一)

每个shader里面有很多的subshader,如果所以的subshader都不执行的话就,就执行fallback.每个subshader都可以设置一个LOD,整个shader也有一个LOD. 系统就去找第一个LOD小于等于shader的LOD的subshader执行,其他的subshader就不会被执行. LOD 1:LOD Level of Detail, 根据LOD来设置使用不同版本的Shader;2:着色器中给SubShader一个LOD值,程序来设置这个shader的LOD值,只有第一…

如何实现最佳的跨平台游戏体验？Unity成亮解密实时渲染

7月31日,2018云创大会游戏论坛在杭州国际博览中心103B圆满举行.本场游戏论坛聚焦探讨了可能对游戏行业发展有重大推动的新技术.新实践,如AR.区块链.安全.大数据等. Unity大中华区技术经理成亮表示,实时渲染技术的跨平台性能让游戏体验变得更好 Unity大中华区技术经理成亮做了<解秘Unity2018最新实时渲染技术>的主题演讲,分享了2018年Unity在实时渲染方面实现的三个重要技术,包括图形相关的可编程渲染管线.基于渲染管线推出的Shader Graph.PostProcess…

Unity Shader入门精要学习笔记 - 第16章 Unity中的渲染优化技术

转自冯乐乐的 <Unity Shader 入门精要> 移动平台的特点为了尽可能一处那些隐藏的表面,减少overdraw(即一个像素被绘制多次),PowerVR芯片(通常用于ios设备和某些Android设备)使用了基于瓦片的延迟渲染(TBDR)架构,把所有的渲染图像装入一个个瓦片中,再由硬件找到可见的片元,而只有这些可见片元才会执行片元着色器.另一些基于瓦片的GPU架构,如Adreno(高通的芯片)和Mali(ARM的芯片)则会适应early-Z 或相似的技术进行一个低精度的深度检测,来剔除…

Unity 渲染教程（五）：多个光源

https://www.jianshu.com/p/c1a9a5d27765 对每个物体渲染多个光源的光照效果. 支持不同的光源类型. 使用光源cookie. 计算顶点光照. 在光照计算中添加球面谐波函数(spherical harmonics)的光照. 这是关于渲染基础的系列教程的第五部分.这个系列教程的上一部分讲的使用单一方向光的光照效果.现在我们将要添加对多光源光照的支持. 系列回顾: Unity 渲染教程(一):矩阵 Unity 渲染教程(二):着色器基础 Unity 渲染教程(三):使…