Wie ändere ich die Farbe eines Sprites?

In meinem Rhythmus-Spiel habe ich ein Notenobjekt, das je nach Notendiagramm eine andere Farbe haben kann. Ich könnte ein Sprite-Blatt mit all den verschiedenen Farbvarianten verwenden, die ich verwende, aber ich würde es vorziehen, dies zu parametrisieren. (Jedes Noten-Sprite besteht aus verschiedenen Farbtönen. Beispielsweise hat eine rote Note nur Rot, Hellrot und Dunkelrot.)

Wie kann ich ein Sprite neu einfärben?

Ich arbeite mit OpenGL, aber jeder Algorithmus oder jede mathematische Erklärung reicht aus. :) :)

Ich würde wahrscheinlich ein einfarbiges Bild (z. B. Ihr Noten-Sprite) mit Alphakanal verwenden und dann das gesamte Bild mit Ihrer Grundfarbe ausmalen. Also so etwas wie im folgenden Bild ( von Wikimedia Commons ):

Wenn Ihre Farbe rot wäre, würden Sie die Note (alle schwarzen Teile) mit demselben Rot färben. Was Sie zusätzlich benötigen würden, ist ein Graustufenbild mit der Schattierung der Note. Kombinieren Sie dann die Schattierung mit der flachen Farbe, indem Sie Mischmodi wie Multiplizieren und / oder Bildschirm verwenden .

Ein anderer, wahrscheinlich einfacherer Ansatz wäre, nur ein Graustufenbild zu haben, in dem Sie jede Farbkomponente mit Ihrer ausgewählten Farbe multiplizieren würden. Wenn Sie also einen Grauwert von 0.5und eine rote Farbe RGB(1.0, 0.0, 0.0)haben, würde dies dazu führenRGB(0.5, 0.0, 0.0) für das angegebene Pixel ergeben.

Update: Hier ist ein Beispielbild, um zu veranschaulichen, was ich mit den Mischmodi meine:

Natürlich können Sie auch die Schattenebene verwenden, wenn Sie die Glanzlichter nicht benötigen (was im Grunde dem oben erwähnten einfacheren Ansatz entspricht).

Erstellen Sie eine Graustufenversion (oder nur eine weiße Version) des Bildes, das Sie anzeigen möchten, mit einem geeigneten Alphakanal. Verwenden Sie die Scheitelpunktfarbe, um das Bild zu "färben".

Die Scheitelpunktfarbe multipliziert jeden Kanal, also weiß x rot = rot, 50% grau x rot = 50% rot und so weiter.