java - プログラムで勾配を生成しますか?

Question

2 つの RGB カラーと長方形の領域が与えられた場合、色間に基本的な線形グラデーションを生成したいと思います。簡単な検索を行ったところ、見つけられたのはこのブログ エントリだけでしたが、サンプル コードが見つからないか、少なくともこの投稿の時点ではそうでした。アルゴリズム、コード例、何でも役立ちます。これは Java で記述されますが、表示層は既に処理されているため、何を表示するかを理解する方法を理解する必要があります。

Answer 1

最初の色と 2 番目の色の間の補間が必要です。色の補間は、各コンポーネント (R、G、B) に対して同じ補間を計算することで簡単に行えます。補間には多くの方法があります。最も簡単なのは、線形補間を使用することです。最初の色のパーセンテージpと 2 番目のパーセンテージ 1 - pを取るだけです。

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

これに関連して別の質問があります。

場合によってはより適切に機能する補間方法が他にもあります。たとえば、ベル型 (シグモイド)の補間関数を使用すると、遷移がスムーズになります。

/編集: おっと、定義済みの関数を使用することを意味します。わかりました、さらに簡単です。リンクしたブログ投稿には、Python のサンプル コードが含まれています。

Java では、GradientPaint.

Answer 2

組み込みの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);
}

Answer 3

基本的な 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);
        }
    }
}

Answer 4

David Crowの優れた回答に続いて、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

そのためにRMagickを使用しています。単純なグラデーションをさらに進める必要がある場合は、ImageMagick とそのラッパーの 1 つ (Java 用の RMagick やJMagickなど) が役立ちます。