Unity学习shader笔记[二百]仿马赛克效果碎片画思路

最近看到个场景的图片,对他的生成有点兴趣,就想了解。

清晰的画面经过后处理后变成这种。思路和马赛克基本一样。

美术处理

这种图片处理 本身ps就有,美术方便的话,可以让美术给图,然后给出的网格里面uv分布是0到1,每个网格都是他覆盖里面的uv的随机取值。这样就生成了一个网格状的uv碎片分布图。

采样的时候先采样这张图然后采样的颜色作为uv再去采样主图就得到类似的效果。

如果需求是在运动中的,那么美术方便的话,也是可以让美术出和连续运动的图的,看起来连续就行。只是每个图的uv是要随着他的运动,一直采样他覆盖的范围的某个地方的uv。否则会出现右上角的格子运动到左上角的时候采样的还是右上角的uv。这样看起来是整个格子图片往左移动了一样。

这里可以多备几类这样的运动序列图。来实现每次运动的时候运动的趋势和上次不同。

有了美术支持,熟手shader基本没难度

实时计算

美术处理实际上可以覆盖了大多数需求情况。

但是如果要求每次动态网格运动的时候,不能重复之前做过的任何运动趋势。或者要节省下载或者运行内存或者硬盘容量等, 就要实时计算了。这时压力给到了GPU。

实时计算主要是怎么构造网格,和网格所对应的uv。可以把ps里面的计算搬到unity

自己思考了好久,几个方法都某个步骤无解了,后来感觉是图算法的一种,找了一遍没找到。问GPT具体举例。

csharp 复制代码
一个长方形的面片用什么算法,使得其破碎,但是每个碎片的大小差不多,都是有四到六条边的凸多边形

后看到英文想起沃洛诺伊是shader常用的一个噪声算法。 参考 罗诺伊图(Voronoi):迷人的世界【1/2】

形状生成了 后面都好办了。

相关推荐
志尊宝42 分钟前
Vue3 零基础每日笔记(071):暗黑模式与主题切换——CSS 变量 + Element Plus 暗黑方案
前端·css·笔记·vue·html·前端开发·软件开发
沪上企服通2 小时前
历史账套科目重映射与规则版本重算:旧账梳理的“口径复位”工程
笔记·架构
gjf05_053 小时前
人该怎样活着呢?版本75.8
学习
li星野4 小时前
【学习记录】PCB与PCBA核心知识全解析:从设计到制造的关键细节
学习·制造
流浪打工人5 小时前
Unity3d TimeLine中audio track的使用
unity
卿卿的产品经理日记5 小时前
【AI产品经理实战】Day 35|从“沉迷工具“到回归 AI 底层:Skill 收官、系统复盘与下一个 13 天
人工智能·学习·产品经理
一条泥憨鱼6 小时前
【从0开始学习计算机网络】| ARP 协议:地址解析,ARP 欺骗,链路层寻址
网络·后端·学习·计算机网络
HY小宝F6 小时前
树莓派智能摄像头系统 30 天重学计划之 Day 04 · HTTP / API:控制链入口 —— 学习总结
网络协议·学习·http
Go Work6 小时前
2026 Cadence SPB 24.1中文版安装图文详解(附安装包)
经验分享·笔记
ACP广源盛139246256737 小时前
HDMI2.0 转 DP1.4 桥接方案评估:国产 GSV2125C@ACP 芯片选型笔记
笔记·硬件架构·hdmi·type-c·国产芯片