莫比乌斯风格的渲染（UNITY SHADER代码版）

已于 2025-02-20 20:49:38 修改
阅读量1.2k 收藏 24
点赞数 21
文章标签： unity 游戏引擎
于 2025-02-20 20:21:46 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_47555301/article/details/145761105
版权

在B站偶然刷到莫比乌斯风格的渲染视频，正巧刚看完《UNITY SHADER 入门精要》，于是想着自己复刻一下。大体思路与视频中相同，不过在进行阴影排线的渲染时，与原视频中的思路不同，于是便有此贴进行分享，也希望路过的大佬能够批评指正。

视频链接 ： 莫比斯手绘风实时渲染_哔哩哔哩_bilibili

在进行这种风格的渲染时，个人认为主要难点分为两个，一个是对高光区域进行描边，一个是如何产生排线风格的阴影，接下来将逐个介绍我的思路。

一，利用屏幕后处理进行描边

        1.模型轮廓描边
                这一步主要是参照《UNITY SHADER 入门精要》中，在深度贴图和法线贴图上利用Roberts算子进行边缘检测，具体代码可以参照书中的部分，效果如下

                再然后主要是对高光区域进行描边，也是遇到的第一个难点。起初是

最低0.47元/天 解锁文章
qq_47555301
关注
ShaderJoy ——各种 “素描手绘特效” 作品【GLSL】
ShaderJoy 的兴趣技术杂货铺
09-10 5862
效果图：
【ShaderToy】开篇
热门推荐
candycat
03-27 8万+
写在前面呜呼，好久没有写博客了，好惭愧。题外话，感觉越大就越想家，希望可以一直和家人在一起，哪怕只是坐在一起不说话也觉得很温暖，一想到要分开眼睛就开始酸，哎。开学还是爬上来老实更新博客学习吧~今天爬上来一看，发现CSDN的博客编辑终于更新了！进步总是好的，以前的编辑器实在很捉急。使用这种标记语言的确方便了很多，但好像颜色字体没法设置？程序员果然对美观没什么追求。ShaderToy如果你还没听过Sha
【Unity Shader】Plane实现风格化水
qq_41835314的博客
05-30 7603
记录风格化水的实现过程
【Unity风格化卡通渲染插件】Flat Kit Toon Shading and Water
2403_88403568的博客
10-27 1185
Flat Kit: Toon Shading and Water 是一款专为 Unity 开发的插件，旨在为 3D 游戏提供独特的卡通渲染效果和水面效果。它特别适合那些希望在游戏中实现平面（Toon）艺术风格的开发者，能够快速增强游戏的视觉风格和美术效果。
Unity shader graph Hand drawing 手绘风格 3D
lvcoc的博客
11-03 841
通用特效Shader
最新发布
远行's Blog
11-10 1427
Unity支持SRP Batcher后，使用UberShader的优势非常明显。所谓，UberShader，即一个超级Shader，覆盖一类功能，而不是多个分散的小Shader，比如一个通用特效Shader，整个项目内的所有特效都使用该Shader来制作所有的粒子特效或者模型特效，其它需求也类似，比如物体、地形等。
手绘版shader
01-04
手绘版的一款shader，有Demo很容易理解，拿出来分享一下
Unity动漫风格Shader制作
weixin_43948818的博客
06-07 1427
UintyShader动漫渲染效果描边效果基本漫反射效果 描边效果 我们通常会在Unity制作的游戏中看到人物角色会有人物描边的效果，例如王者荣耀和原神，如下图所示： 基本漫反射效果
UnityShader 图片像素化风格渲染
糯米团子的博客
08-14 7133
原理 图片像素化实际上与马赛克的生成一样，我们可以通过对图形UV值进行放大，然后截取整数部分，在缩放回原来大小，此时图片UV的精度丢失了，形成了马赛克的效果。 例如： 两个点P1(0.1,0),P2(0.12,0),先同时放大10倍获得，点为P1'(1.0,0),P2'(1.2,0),此时我们只取点的整数部分得到P1''(1,0),P2(1,0),最后再缩放回原来的大小那么P1,P2所对应的...
Shader学习的基础知识（二十八）卡通风格渲染
盖子的博客
03-16 994
什么是卡通风格 卡通风格是什么呢？有点抽象。在这里我们做的即是其高光部分是一个个色块的效果，即减少过度区域，且添加描边效果。 制作轮廓方式有很多种，这里用的是过程式几何轮廓渲染。 这种方法的核心是使用两个Pass,一个渲染背面并使用某些技术让轮廓可见。另一个Pass再正常渲染正面。这方法快速有效，只是不适用于立方体这样平整的模型。 描边 第一个Pass中会用轮廓颜色 渲染整个背面并在视角空间下把模...
Unity 风格化海水 Stylized Water Shader
07-23
Unity风格化海水，最低支持到Unity2017，支持移动端，如果想在Unity手游上开发一个卡通渲染风格化的海水，是很好的参考，相对比较完整
Godot特效：纯Shader实现3D手绘风火焰
开发游戏的老王
12-13 1688
效果图 火焰颜色可以可以自定义 原理 这个效果的核心实现来自Gonkee的Github，原版是2D的，我把它改成了3D版的，注意下面几点： 将render_mode设置为unshaded，目前这个火焰只是装饰性的，不能自发光 实现billboard 还要再添加一个灯光用作实际照明 ...
用 Unity 制作写实渲染，画面实现上需要注意的一些问题
august5291的博客
10-15 1239
这一年我学了很多，也悟了很多，知识也好，技能也罢；学习不仅是为了充实自己，还是为了让自己能看到并看懂这个世界上的更多事物。对啦，第一次跨国合作，Emmm，也跨没多远，就在日本，居然就和Keijiro大神合作了，太幸运了(ㄒoㄒ) 哈哈~ 显摆一下，收！今天呢，我就来说一下，Unity 里制作写实渲染，画面实现上需要注意的一些问题，也是我实际碰到的一些问题~ 说画面实现之前呢，我先来简单介绍一下渲染原理，目前的实时渲染引擎都还是使用光栅化渲染，有小伙伴问了，什么...
shader 素描画效果实现
hjssss的博客
03-20 749
素描效果基本原理：先将物体进行描边画出轮廓，计算物体的漫反射部分，漫反射越暗表明颜色越暗，然后根据漫反射的值来设置采样贴图的权重。 采样贴图： Shader "Unlit/Sketch" { Properties { _Color("Color",Color) = (1,1,1,1) //贴图平铺系数 _TileFactor("TileFactor", Range(...
Unity Shader 学习笔记（27）渲染轮廓线（描边）方法、卡通风格渲染、素描风格渲染
l773575310的博客
11-26 1万+
Unity Shader 学习笔记（27）渲染轮廓线（描边）方法、卡通风格渲染、素描风格渲染 参考书籍：《Unity Shader 入门精要》 渲染轮廓线（描边）五种方法： - 基于观察角度和表面法线。即视角方向和表面法线点乘结果判断（接近0，表示面接近垂直与视角）。 - 过程式几何。两个Pass：第一个Pass渲染背面并且让轮廓可见（顶点外扩）；第二个Pass正常渲染正面。适应于大多数表面
临摹一个像素风格高楼shader
dongfushu7972的博客
06-25 172
原始效果地址:http://glslsandbox.com/e#40050.0 是一个的城市高楼感的shader，比较像素风 可以拿来做游戏背景，或者基于这个思路做一些别的效果 这个是我后来找的版本，因为最早那个版本没存，所以大体上有些区别。 下面开始分解这个的做法 大体思路是用一种噪波作为因子，可以是sin,cos或者别的。然后用floor把他转成int形。...
【Shader】多图素描风格渲染
Zok93
02-06 1329
Shader "Hatching" { Properties { _Color ("Color Tint", Color) = (1, 1, 1, 1) _TileFactor ("Tile Factor", Float) = 1 _Outline ("Outline", Range(0, 1)) = 0.1 _Hatch0
Unity Shader入门精要学习笔记 - 第14章非真实感渲染
StormLikeMe的草舍
06-25 3531
转载自 冯乐乐的 《Unity Shader 入门精要》 尽管游戏渲染一般都是以照相写实主义作为主要目标，但也有许多游戏使用了非真实感渲染（NPR）的方法来渲染游戏画面。非真实感渲染的一个主要目标是，使用一些渲染方法使得画面达到和某些特殊的绘画风格相似的效果，例如卡通、水彩风格等。 卡通风格的渲染 卡通风格是游戏中常见的一种渲染风格。使用这种风格的游戏画面通常有一些共有的特点，例如物
UE4实现风格化渲染（一）：UserNormalTranslator工具的使用
ZY411417998的博客
01-03 1628
最近会在UE4上实现风格化渲染的需求，所以也借机写一下相关的制作教程。对应日系风格化渲染技法来说，关键还是法线的处理。 法线处理以前翻译的资料很多了，所以也不多做解释了，比如下图是最新的UE4上的卡渲游戏【四女神OL】 UE4开发四女神的示例详细介绍在这里。 http://cgworld.jp/feature/201611-ue4fst2016-4gdss.html...
莫比乌斯环的python代码
04-06
以下是一个简单的Python实现莫比乌斯环的代码： ```python def mobius(n): # 初始化莫比乌斯环 circle = [0] * (n+1) i = 2 while i*i <= n: if circle[i] == 0: j = i*i while j <= n: circle[j] += 1 j += i i += 1 # 根据莫比乌斯函数的定义计算每个数的值 for i in range(2, n+1): if circle[i] == 0: circle[i] = 1 elif circle[i] % 2 == 0: circle[i] = 1 else: circle[i] = -1 return circle ``` 在这个实现中，我们首先初始化一个长度为n+1的列表，表示莫比乌斯环。然后我们从2开始遍历所有小于等于n的数，对于每个质数i，我们将其所有的倍数j的环值加1。最后，我们根据莫比乌斯函数的定义计算每个数的值，即如果它是质数或者它的因子个数是偶数，则莫比乌斯函数的值为1，否则为-1。 例如，如果我们调用mobius(10)，则返回的莫比乌斯环为[0, 1, -1, -1, 0, -1, 1, -1, 0, 0, 1]，表示1的莫比乌斯函数值为0，2的莫比乌斯函数值为1，3的莫比乌斯函数值为-1，依此类推。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值