Gerando gradientes programaticamente?

Question

Dadas 2 cores RGB e uma área retangular, gostaria de gerar um gradiente linear básico entre as cores.Fiz uma pesquisa rápida e a única coisa que consegui encontrar foi esta entrada do blog, mas o código de exemplo parece estar faltando, ou pelo menos estava até esta postagem.Qualquer coisa ajuda, algoritmos, exemplos de código, qualquer coisa.Isso será escrito em Java, mas a camada de exibição já está resolvida, só preciso descobrir como descobrir o que exibir.

Answer 1

você deseja uma interpolação entre a primeira e a segunda cor.Interpolar cores é fácil calculando a mesma interpolação para cada um de seus componentes (R, G, B).Existem muitas maneiras de interpolar.O mais fácil é usar interpolação linear:basta pegar a porcentagem p da primeira cor e porcentagem 1 - p do segundo:

R = firstCol.R * p + secondCol.R * (1 - p)

Há outra pergunta relacionado a isso.

Existem outros métodos de interpolação que às vezes funcionam melhor.Por exemplo, usando um em forma de sino (sigmoidal) a função de interpolação torna a transição mais suave.

/EDITAR:Ops, você quer dizer usar uma função predefinida.OK, ainda mais fácil.A postagem do blog que você vinculou agora tem um exemplo de código em Python.

Em Java, você poderia usar o GradientPaint.

Answer 2

Você pode usar o embutido GradientePaint aula.

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);
}

Answer 3

Usando as classes básicas do AWT, você poderia fazer algo assim:

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);
        }
    }
}

Answer 4

Seguindo a excelente resposta de David Crow, aqui está um exemplo de implementação do 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
    )
}

Answer 5

eu tenho usado RMagick para isso.Se você precisar ir além do gradiente simples, o ImageMagick e um de seus wrappers (como RMagick ou JMagick para Java) pode ser útil.