惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

有赞技术团队
有赞技术团队
Stack Overflow Blog
Stack Overflow Blog
爱范儿
爱范儿
B
Blog
博客园 - 三生石上(FineUI控件)
OSCHINA 社区最新新闻
OSCHINA 社区最新新闻
A
About on SuperTechFans
C
Check Point Blog
让小产品的独立变现更简单 - ezindie.com
让小产品的独立变现更简单 - ezindie.com
P
Proofpoint News Feed
Engineering at Meta
Engineering at Meta
Y
Y Combinator Blog
WordPress大学
WordPress大学
小众软件
小众软件
博客园 - 司徒正美
Apple Machine Learning Research
Apple Machine Learning Research
Recent Announcements
Recent Announcements
L
LangChain Blog
大猫的无限游戏
大猫的无限游戏
阮一峰的网络日志
阮一峰的网络日志
D
DataBreaches.Net
博客园 - 聂微东
Microsoft Security Blog
Microsoft Security Blog
美团技术团队

博客园 - 稻草人的麦田

[导入]显卡对于mipmap选择的研究 [导入]仔细研究了lithtech中的根据类名创建对象 [导入]光照优缺点 [导入]蜗牛的笔试题目 [导入]一个开发休闲游戏的程序组人与分配方案 [导入]运动模糊的制作 [导入]格里高里的数学题 [导入]伪 HDR/Blow [导入]描边,只是换了个过滤器而已 [导入]锐化模糊 [导入]卷积积分(转) [导入]再贴个圆形马赛克 [导入]马赛克 [导入]hlsl的浮雕效果 [导入]游戏出了一个demo [导入]图形文件的格式(转载) [导入] 一些色彩方面的知识 [导入]流浪歌手 [导入][转载]游戏引擎列表
[导入]水彩化
稻草人的麦田 · 2007-10-17 · via 博客园 - 稻草人的麦田

搞了半天才理解水彩化的概念,就是增大图像的色块大小,这叫色块化。颜色周围跑出一些杂色,这就是扩张。制作的过程还需要一个随机噪声图片。我用photoshop的颗粒做了一个噪声图,还加了些杂色。

如下:

然后在读取原先的材质坐标时根据这张图作为噪声进行偏移。根据偏移后的位置采样显示。再降低区块的大小即可。

处理后的图如下:

全部代码如下:

float      _quatLevel =6;  //量化的bit数 ,取值2-6比较适合

float      _waterPower =10; //表示扩展力度,单位为象素

float4  quant(float4 _cl , float n)
{

    _cl.x = int(_cl.x * 255 / n) * n /255;

    _cl.y = int(_cl.y * 255 / n) * n /255;

    _cl.z = int(_cl.z * 255 / n) * n /255;

    return _cl;

}

//-----------------------------------
float4 PS_Textured( vertexOutput IN): COLOR
{
   //取得随机数,对纹理坐标进行扰动,形成扩散效果

    float4 noiseColor = _waterPower * tex2D(TextureSampler2 , IN.texCoordDiffuse);

    float2 newUV  = float2(IN.texCoordDiffuse.x + noiseColor.x / 256 ,

                        IN.texCoordDiffuse.y + noiseColor.y / 256);

float4 _fColor = tex2D(TextureSampler , newUV);

//量化图像的颜色值,形成色块
    return quant(_fColor , 255/pow(2, _quatLevel) );   


}

文章来源:http://songxiaoyu8.blog.163.com/blog/static/20818128200791753242406