Учитывая 2 цвета RGB и прямоугольную область, я хотел бы создать базовый линейный градиент между цветами. Я провел быстрый поиск, и единственное, что мне удалось найти, это это запись в блоге, но код примера отсутствует, по крайней мере, на момент публикации. Все что угодно помогает, алгоритмы, примеры кода, что угодно. Это будет написано на Java, но о слое отображения уже позаботились, мне просто нужно выяснить, как понять, что отображать.
Генерация градиентов программно?
Ответы (5)
вам нужна интерполяция между первым и вторым цветом. Интерполировать цвета легко, вычислив одну и ту же интерполяцию для каждого из его компонентов (R, G, B). Есть много способов интерполяции. Проще всего использовать линейную интерполяцию: просто взять процент p первого цвета и процент 1 - p второго:
R = firstCol.R * p + secondCol.R * (1 - p)
С этим связан еще один вопрос.
Есть и другие методы интерполяции, которые иногда работают лучше. Например, использование колокольчатой (сигмоидальной) функции интерполяции делает переход более плавным.
/ РЕДАКТИРОВАТЬ: К сожалению, вы имеете в виду использование предопределенной функции. ОК, еще проще. Сообщение в блоге, на которое вы ссылаетесь, теперь содержит пример кода на Python.
В Java вы можете использовать GradientPaint
.
Вы можете использовать встроенный класс GradientPaint. .
void Paint(Graphics2D g, Regtangle r, Color c1, Color c2)
{
GradientPaint gp = new GradientPaint(0,0,c1,r.getWidth(),r.getHeight(),c2);
g.setPaint(gp);
g.fill(rect);
}
Используя базовые классы AWT, вы можете сделать что-то вроде этого:
import java.awt.Color;
import java.awt.Graphics;
import java.awt.Graphics2D;
import java.awt.geom.Rectangle2D;
import javax.swing.JPanel;
public class LinearGradient extends JPanel {
public void paint(Graphics g) {
Graphics2D g2 = (Graphics2D) g;
Color color1 = Color.RED;
Color color2 = Color.BLUE;
int steps = 30;
int rectWidth = 10;
int rectHeight = 10;
for (int i = 0; i < steps; i++) {
float ratio = (float) i / (float) steps;
int red = (int) (color2.getRed() * ratio + color1.getRed() * (1 - ratio));
int green = (int) (color2.getGreen() * ratio + color1.getGreen() * (1 - ratio));
int blue = (int) (color2.getBlue() * ratio + color1.getBlue() * (1 - ratio));
Color stepColor = new Color(red, green, blue);
Rectangle2D rect2D = new Rectangle2D.Float(rectWidth * i, 0, rectWidth, rectHeight);
g2.setPaint(stepColor);
g2.fill(rect2D);
}
}
}
Следуя отличному ответу Дэвида Кроу, вот пример реализации Kotlin
fun gradientColor(x: Double, minX: Double, maxX: Double,
from: Color = Color.RED, to: Color = Color.GREEN): Color {
val range = maxX - minX
val p = (x - minX) / range
return Color(
from.red * p + to.red * (1 - p),
from.green * p + to.green * (1 - p),
from.blue * p + to.blue * (1 - p),
1.0
)
}
Для этого я использовал RMagick. а>. Если вам нужно пойти дальше простого градиента, используйте ImageMagick и одну из его оболочек (например, RMagick или JMagick). для Java) может быть полезно.