几个马赛克计算方式

简介: 记录几个有意思的马赛克计算方式
版本: Unity2023.3.14f1c1
ASE: 着色器节点编辑器

简述

马萨克其实很好理解,就是像素不足的时候出现的色块,当我们有足够的像素时,我们要实现马赛克的一个主要思路就是把一批像素整合起来使用一个颜色,有了思路实现起来就简单了

实现

简单 UV 拆分

简单 UV 拆分马赛克计算方式

步骤:

  1. 获取屏幕的 UV 坐标,这个值是 0-1 的
  2. 把屏幕坐标放大一定的数量,例如 100 倍
  3. 然后使用 ceil 取整,这个方法就是返回一个大于等于传入数值的整数,例如0.1 返回1, 1.2 返回 2,我们获得了 100 个整数,他们的取值范围是 1 - 100
  4. 然后用他们再除以 我们的放大数量 100,这样就得到了 100X100 个纯色的色块,他们的取值范围 是 0 - 1。
  5. 这 100X100个色块就代表了要采样的颜色的 UV 坐标,这个方法采样的应该是每组 uv 右上角 (右下角的)的像素。
    如果想采样每个分组的中心,可以在除以100之前在纵横方向上各偏移0.5 即可

这个方法有个缺点,我们是把屏幕uv 横竖进行 100 份平分,所以每一个快的长宽比和原始的屏幕长宽比是一致的。就是说我们的马赛克大部分情况下不会是正方形的,因为大部分的显示设备不会是正方形的。

非正方形的马赛克

拆分 UV 为等长宽的分组

这个方法是上一个方法的升级版,做了 uv 拆分组的长宽矫正,例如,高为1,宽为2,则拆分时,宽的拆分数量会是高的两倍,这样拆出来的分组就会是等高宽的
获取长宽比例使用的是 ScreenParams 节点,他可以获取渲染输出的长宽值,其它计算方式和上面的例子一致,不再赘述。


矫正过长宽的计算
正方形马赛克

使用像素分组进行计算

在这个方法中,主要是使用屏幕实际宽高来计算。大致思路和前面例子一致。只不过传入的参数不再代表把宽高拆分多少份,而是将多少像素分为一组,即具体拆分多少份由 宽高/传入num 得到
步骤:

  1. 获取屏幕像素宽高值,然后乘以屏幕 UV,这样便可以起到对像素编号的作用。
  2. 使用编号后的 结果/传入num 就可以得到分组数
  3. 对分组数使用 ceil 向上取整
  4. 使用 宽高/传入num 得到总共能分多少组,这是一个常数.
  5. 使用 分组数/总组数 便可以得到 对应的纯色坐标块。这些方块颜色取值范围时 0 - 1
    像素分组法

    分组结果
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 212,383评论 6 493
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 90,522评论 3 385
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 157,852评论 0 348
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 56,621评论 1 284
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 65,741评论 6 386
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 49,929评论 1 290
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,076评论 3 410
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 37,803评论 0 268
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,265评论 1 303
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 36,582评论 2 327
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,716评论 1 341
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,395评论 4 333
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,039评论 3 316
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,798评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,027评论 1 266
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 46,488评论 2 361
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 43,612评论 2 350

推荐阅读更多精彩内容