A linear color fade between an outside and an inside color.
color1 |
An instance of Color. |
color2 |
An instance of Color. |
direction |
|
steps |
The resolution of the gradient. Default value is 64. |
frac |
The center of the gradient. Default value is 0.33, i.e. off center toward the top on a vertical gradient. |
// basic usage
(
w = Window.new.front;
v = CompositeView(w, Rect(50, 50, 200, 50));
v.background = HiliteGradient(Color.gray, Color.white);
)
// change direction and resolution
(
w = Window.new.front;
w.view.background = HiliteGradient(Color.red, Color.white, \h, 12, 0.5);
)
// almost unnoticeable variations can be pleasant
(
w = Window.new.front;
v = CompositeView(w, Rect(50,50,300,300));
c = Color.rand;
d = c.vary(0.15);
v.background = HiliteGradient(c, d, \v);
[c, d].postln
)
(
var w, k, c, d, e, c1, c2, f, g;
w = Window.new.front;
k = Slider2D(w, Rect(50, 50, 300, 300));
f = {
c = Color.rand;
d = c.vary(0.5);
e = d.vary(0.5);
};
g = {
c1 = d.hueBlend(e, k.y).round(0.01);
c2 = c.hueBlend(e, k.x).round(0.01);
k.background = HiliteGradient(c1, c2, \v)
};
f.value; g.value;
k.action = g;
k.mouseUpAction = { [c1, c2].postln };
k.keyDownAction = f; // hit any key for new color
)