如何在p5.js上用渐变填充形状?

时间:2019-11-20 17:15:13

标签: javascript processing p5.js

首先,当使用class GradientButton: UIButton { override func layoutSubviews() { super.layoutSubviews() updateGradientLayers() } private func updateGradientLayers() { guard let sublayers = layer.sublayers else { return } for layer in sublayers { if let gradientView = layer as? CAGradientLayer { gradientView.frame = bounds } } } } 循环和for进行手动渐变时,我确实知道如何在正方形内形成渐变时将其设为默认形状。

我正在尝试创建理想的任何形状,在这种情况下,将使用线性渐变作为填充颜色的椭圆。我将使用此渐变来做的是使它在整个页面上进行动画处理,以便它将使用渐变创建各种形状。

我去了p5.js示例页面寻找创建渐变的方法,但是我只能设法找到使用lerpColorline()stroke()手动制作的渐变。我对处理论坛和this Medium article周围有很多了解,尽管我对处理语法不了解。

有没有办法解决这个问题?

1 个答案:

答案 0 :(得分:0)

将代码从Processing移植到p5.js非常简单,只需在声明中将变量类型( int float ,...)替换为Javascript泛型类型{ {1}},一切都将立即可用。例如,radial gradient处理移植到P5.JS的代码为:

var

因此,我不敢称其为“移植”,它本质上是一种复制粘贴操作,准确率高达99.9%! HTH!