原神，启动非真实感渲染！

最新推荐文章于 2025-02-25 23:08:01 发布

Mapmost

最新推荐文章于 2025-02-25 23:08:01 发布

阅读量1.5k

点赞数 23

文章标签：图形渲染

本文链接：https://blog.csdn.net/Mapmost/article/details/137015414

版权

本文详细介绍了原神游戏中采用的卡通渲染技术，包括ToonRendering在内，探讨了美式和日式卡通风格的区别，着重分析了描边技术（基于视角、几何生成和图像处理）以及着色方法（CelShading和ToneBasedShading）。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

作者：伍则减

“原神，启动！”，不管是大喊一声，亦或是心中默念，开放世界的旅途就这么开始了。

作为近年来二次元游戏的佼佼者，不管是游戏内容的质量，还是它的渲染画风都被无数少男少女追捧。

原神中使用的渲染技术是卡通风格渲染（Toon Rendering，又称Cel Rendering），在图像学领域中属于非真实感渲染技术（Non-Photorealistic Rendering，简称NPR技术）。

卡通渲染风格充满童趣，给人以独特的感染力。

这种风格的特征是突出三维物体的重要性，简化不必要的细节，所以它呈现的三维画面通常有一些共性，例如物体都被黑色的线条描边，明暗变化非常分明。

近年来常用的卡通渲染分为美式卡通风格和日式卡通风格。

美式卡通风格在色彩上比较连续，有渐变色，着色风格很大程度上依赖于艺术家定义的色调（tone），而在阴影和高光方面常常采取夸张和变形的做法，比较典型的是《军团要塞2》，表现为人物造型夸张，但着色连续，接近真实感光照。

日式卡通风格往往角色造型写实，但在着色方面，趋向于大片的纯色色块，有明显的明暗交界。原神

综合来看，卡通风格在技术实现上主要拥有以下的特征：

1. 描边

不管是美式卡通风格还是日式卡通风格，描边是不可或缺的效果。卡通渲染的描边可以追溯到赛璐璐动画的手绘制作流程，描边凸显了模型的重要性和层次感，使得画面的主次关系更加清晰，小编认为这是跟卡通风格在着色上的凸显重要性，忽略不必要的细节是相对应的。

关于描边技术，在《Real Time Rendering》中，有相当篇幅的综述，大致包含了三类：

基于视角的勾边：当我们的视线和某个表面相切时，这个表面上的像素点往往就是模型的边缘，基于这个观察，我们可以用来估计一个像素的“边缘程度”，当然，这个值也可以用来作为纹理坐标去采样一张预定义的“轮廓纹理” 。其最大的缺点是线宽粗细差别较大，不易控制。

基于几何生成方法的描边，这类方法的特点是描边本身是一个单独的几何体，通过特殊的方法绘制出来，比较常见的做法是shell method，原理和实现都比较简单：首先在绘制结束正常的模型后，将需要描边的物体改用正面剔除再绘制一遍，在VS中将顶点沿着法线方向膨胀一定距离，然后在FS中将模型用纯色输出。另外一种叫做z-bias的方法，也是绘制背面，但不膨胀，而是把背面顶点的Z值稍微向前偏移一点点，使得背面的些许部分显示出来形成描边效果。

基于图像处理的描边，这类方法的实现可以说更接近于“边缘”这一概念的本质定义，什么是“边缘”呢？边缘就是在深度或者法线上不连续的位置。因此为了获取边缘，我们只需要在图片上找到深度或者法线不连续的位置即可，因此，我们需要将深度信息和法线信息以贴图的形式传入，运用边缘检测算法去寻找这些像素。这类方法的优点是描边的线宽一致，缺点是需要额外的法线和深度信息，当然，由于近年来流行的延迟渲染框架，法线和深度本来就是G-Buffer的一部分，因此往往不需要额外绘制法线和深度的信息。

基于边缘检测的描边方法，分别用深度信息和法线信息进行单独的边缘检测，而后合并起来成为最终的描边。

美式卡通往往倾向于使用基于图像处理的描边方法生成均匀一致的描边效果。《英雄联盟》中小兵和英雄勾边效果就是用Sobel算子对深度信息进行边缘检测来获得的，该技术在Mapmost SDK for UE中也有相关的应用，如对单个物体的高亮控制。

视频来源：sketchfab官网

日式卡通往往倾向于使用基于几何体生成的方法描边，这类描边方法相较于另两类方法的好处在于线宽更容易为美术所控制，而在日式卡通中，往往需要粗细有变化的描边去体现角色不同部位的特征。

视频来源：sketchfab官网

2. 着色

在着色上，最经典的两种NPR着色方法，分别是Cel Shading和Tone Based Shading。

Cel Shading的基本思想是把色彩从多色阶降到低色阶，减少色阶的丰富程度，从而实现类似手工着色的效果。

塞尔达传说：荒野之息中的人物着色

Tone Based Shading的风格化是基于美术指定的色调插值，并且插值得到的色阶是连续的。首先需要由美术指定冷色调和暖色调，而最终模型的着色将根据法线和光照方向的夹角，在这两个色调的基础上进行插值。

如果想将卡通渲染应用到实践中，还需要根据具体的美术风格进行特定的组合，结合对应的细分技术，实现最终的效果。

总结

非真实感渲染（NPR渲染）是致力于为数字艺术提供多种表达方式的一种渲染流派，旨在模拟艺术式的绘制风格，除了卡通风格外，类似钢笔、素描、水彩画、水墨画等艺术风格也在此范畴内。

Mapmost基于NPR技术打造的水墨场景，将古色古香的水墨风格和现代化建筑完美结合起来，为公众呈现了独特的江南魅力。

点击下方地址，进入官网体验Mapmost SDK for UE/Mapmost SDK for WebGL，感受极致渲染的场景创作!

图源参考：

1、卡通渲染及其相关技术 - 知乎

2、浅谈卡通渲染与真实感渲染结合思路 - 知乎

3、《Real-Time Rendering 3rd》

4、原神游戏内部截图

关注Mapmost，持续更新GIS、三维美术、计算机技术干货

Mapmost渲染是一套以三维地图和时空计算为特色的数字孪生底座平台,包含了空间数据管理工具(Studio)、应用开发工具(SDK)、应用创作工具（Alpha）。平台能力已覆盖城市时空数据的集成、多源数据资源的发布管理，以及数字孪生应用开发工具链，满足企业开发者用户快速搭建数字孪生场景的切实需求，助力实现行业领先。

欢迎进入官网体验使用：Mapmost——让人与机器联合创作成为新常态