(182)渐变

渐变函数以程序方式生成根据纹理坐标表达式产生的渐变。与创建基于纹理的渐变相比,这些函数可节省内存。

渐变函数

以下是渐变函数的列表。

指数径向渐变

RadialGradientExponential(指数径向渐变)函数使用 UV 通道 0 来产生径向渐变,同时允许用户调整半径和中心点偏移。

项目

说明

输入

UV(矢量 2)(UVs (Vector 2))

用于控制渐变所在的位置及其涵盖 0-1 空间的程度。

中心点(矢量 2)(CenterPosition (Vector2))

基于 0-1 的渐变中心位置偏移。

半径(标量)(Radius (Scalar))

源自中心的径向渐变的大小。默认值 0.5 使渐变边缘位于纹理空间边缘附近。

密度(标量)(Density (Scalar))

调整此函数所产生的渐变的硬度。这个数值越大,意味着渐变越清晰。

反转密度(布尔值)(Invert Density (Boolean))

对于渐变,将白色反转为黑色,并将黑色反转为白色。

径向渐变

默认径向渐变

 

默认输出结果

 

菱形渐变

DiamondGradient(菱形渐变)函数使用 UV 通道 0 来产生径向渐变,同时允许用户调整渐变衰减率。

项目

说明

输入

衰减(标量)(Falloff (Scalar))

通过控制渐变从白色变为黑色的速度,提高渐变对比度。

菱形渐变

默认菱形渐变

 

默认输出结果

 

线性渐变

LinearGradient(线性渐变)函数使用 UV 通道 0 在 U 或 V 方向上产生线性渐变,其中,方向取决于所使用的输出。

项目

说明

输出

U 渐变(UGradient)

在 U 方向上输出线性渐变。

V 渐变(VGradient)

在 V 方向上输出线性渐变。

线性渐变

默认线性渐变

默认 U 输出结果

默认线性渐变

默认 V 输出结果

平滑曲线

SmoothCurve(平滑曲线)函数接收现有的纹理通道或渐变,并使用程序式曲线来控制从暗到亮的过渡。用户可调整此曲线的切线以更改结果。

项目

说明

输入

切换 1(标量)(Tangent 1 (Scalar))

控制曲线的第二条切线的角度。

X(标量)(X (Scalar))

传入的纹理通道或渐变。

切线 0(标量)(Tangent 0 (Scalar))

控制曲线的第一条切线的角度。

平滑曲线

默认平滑曲线

 

默认输出结果

 

值阶

ValueStep(值阶)函数接收现有的纹理通道或渐变,并根据用户的输入来输出纯黑白色图像。结果是一个蒙版,它代表与输入值相等的渐变部分。

项目

说明

输入

蒙版偏移值(标量)(Mask Offset Value (Scalar))

黑色点在结果中的位置偏移。

白色结果之前的数目(标量)(Number Before White Result (Scalar))

控制输出到黑色的值数目上限。例如,如果您有从 0 到 10 的渐变,并将此值设置为 9,那么介于 0 与 9 之间的所有值均为黑色。10 将是白色。

渐变(标量)(Gradient (Scalar))

接收值大于 1 的渐变。

值阶

默认值阶

 

默认输出结果

 
  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
背景渐变是一种在网页设计中常用的效果,它可以使背景色从一种颜色平滑过渡到另一种颜色,创建出丰富多彩的视觉效果。背景渐变可以通过CSS的线性渐变(linear gradient)或径向渐变radial gradient)来实现。 1. 线性渐变:线性渐变是指背景色在一个方向上从一种颜色过渡到另一种颜色。可以通过设置起点和终点的位置、颜色和过渡方式来定义线性渐变。例如,可以从上到下或从左到右创建一个渐变效果。 2. 径向渐变:径向渐变是指背景色从一个中心点向外辐射状地过渡到另一种颜色。可以通过设置中心点的位置、颜色和过渡方式来定义径向渐变。例如,可以从内向外或从外向内创建一个渐变效果。 在CSS中,可以使用以下代码来创建线性渐变和径向渐变的背景效果: 1. 线性渐变的示例代码: ```css background: linear-gradient(direction, color-stop1, color-stop2, ...); ``` 其中,direction表示渐变的方向,可以是角度(如45deg表示从左上角到右下角)或关键词(如to bottom表示从上到下);color-stop表示颜色的位置和值,可以是具体的颜色值或关键词(如transparent表示透明)。 2. 径向渐变的示例代码: ```css background: radial-gradient(shape size at position, start-color, ..., last-color); ``` 其中,shape表示渐变的形状,可以是圆形(circle)或椭圆形(ellipse);size表示渐变的大小,可以是具体的长度值或关键词(如closest-side表示最近边);position表示渐变的中心点位置,可以是具体的坐标值或关键词(如center表示居中);start-color和last-color表示起始和结束的颜色。 以上是背景渐变的简要介绍,如果你有更具体的问题或需要进一步了解,请告诉我。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值