大数跨境

Kanzi实现模糊效果原理及方式

Kanzi实现模糊效果原理及方式 怿星科技
2018-11-23
2
导读:Kanzi UI Solution作为一个完整的UI解决方案,为嵌入式UI的设计、开发和部署提供了一套完善的开发平台。Kanzi提供了从设计到开发各环节所需功能,可把99%以上的设计理念在量产产品上实

Kanzi UI Solution作为一个完整的UI解决方案,为嵌入式UI的设计、开发和部署提供了一套完善的开发平台。Kanzi设计软件为设计人员提供了可视化工具,用于创建高保真品牌的用户界面。凭借其灵活的工作流程和模块化架构,Kanzi允许设计人员和工程师独立并行地工作,少了两者的相互依赖性,从而加速了UI设计效率。Kanzi提供了从设计到开发各环节所需功能,可把99%以上的设计理念在量产产品上实现。今天我们要与大家介绍一下如何通过Kanzi实现模糊效果。


基本原理

模糊可以理解为每个像素取周围像素的平均值。


"中间点"取"周围点"的平均值,就会变成1。在数值上,这是一种"平滑化"现象。在图形上,相当于产生"模糊"效果,"中间点"失去细节。


所以计算平均值时,取的范围越大,模糊效果越强烈。


计算公式

高斯模糊(Gaussian Blur)是一种图像模糊滤波器,它用正态分布计算图像中每个像素的变换。N维空间正态分布方程为:

二维空间正太分布方程式为:

r是模糊半径,σ是正态分布的标准偏差。在二维空间中,这个公式生成的曲面的等高线是从中心开始呈正态分布的同心圆。分布不为零的像素组成的卷积矩阵与原始图像做变换。每个像素的值都是周围相邻像素值的加权平均。原始像素的值有最大的高斯分布值,所以有最大的权重,相邻像素随着距离原始像素越来越远,其权重也越来越小。以此方式进行模糊处理效果比其它均衡模糊滤波器更好地保留了边缘效果。


Kanzi实现纹理的模糊效果

如上所示,uniform申明的变量可以在外部控制模最终的模糊效果。

以下为kanzi中shader


在Kanzi工程中可以通过uniform申明的变量去控制图像的模糊效果以及大小。


具体效果

GlowRadius为0时,模糊效果如同附在表层。  GlowRadius为1时,模糊效果呈扩散型。外部颜色由GlowColor(RGBA)控制,发光的强弱由GlowStrength控制。

本次关于使用Kanzi 实现模糊效果的基本原理及方式就介绍到这里,想要了解更多Kanzi软件的使用操作,请继续关注怿星科技微信公众号。


相关精彩推荐:

Kanzi Studio的混融原理与透明效果

动效/动画让HMI设计事半功倍【上篇】

动效/动画让HMI设计事半功倍【下篇】

干货贴:解锁Kanzi 3D渲染




怿星一意,专注车载

引领汽车科技新高度





【声明】内容源于网络
0
0
怿星科技
让智能汽车研发更高效!
内容 428
粉丝 0
怿星科技 让智能汽车研发更高效!
总阅读1.2k
粉丝0
内容428