spieleprogrammierer.de - Forum und Wiki zur Spieleprogrammierung und Spieleentwicklung

Hallo Leute,

für ein kleines Projekt im Browser möchte ich Farben aus den drei Anteilen Yellow, Magenta und Cyan mischen. Ich habe drei PNGs, die jeweils in diesen Farben gefärbt sind und an bestimmten Stellen transparent sind. Ich habe sie mal angehangen. Nun möchte ich die drei Bilder gedreht übereinander legen und die Farben mischen. An Stellen wo alle drei Farben übereinanderliegen soll das Bild schwarz sein und an Stellen wo alle drei Transparent sind soll das Bild weiß sein. Die einzelnen Kanäle müssen im Prinzip nur addiert werden. Ich habe mit CSS und Alphablending herumprobiert, aber das funktioniert nicht wie gewünscht, weil ich keine Volltonfarben herausbekomme. Ist ja auch logisch bei einem Alphawert von 0.5...

Was gibt es für andere Methoden? Am liebsten wäre mir eine reine CSS & HTML Lösung. Kann man irgendwie das farbmischverhalten umstellen oder andere Farben benutzen? Die Möglichkeit mit JS einen eigenen "Sampler" zu schreiben ist mir bewusst, aber den aufwand möchte ich nicht machen.

Mein Ziel ist eine solche Uhr zu simulieren. Hoffe, das ist jetzt keine Schleichwerbung! Diese Uhren bestehen aus drei Scheiben mit den Farben Yellow, Cyan und Magenta. Die Farben sind auf den Scheiben mehr oder weniger stark aufgetragen. Die Scheiben stellen die einzelnen Zeiger der Uhr dar und drehen sich - dadurch enstehen die bunten Farbverläufe.

Zitat von »David Scherfgen«

Wieso addiert? Dann kann doch nicht schwarz rauskommen, wenn du sie mischst.

Wenn der Farbcode CCMMYY lautet und ich #FF0000 (Cyan), #00FF00 (Magenta) und #0000FF (Yellow) addiere, dann bekomme ich doch #FFFFFF (Schwarz) heraus.

Zitat von »David Scherfgen«

Eher mix-blend-mode! Das andere bezieht sich nur auf ein einzelnes Element.

Danke! Genau das habe ich gesucht. Jetzt funktioniert die Mischung wie meine Uhr - sieht richtig schön aus.

Das war nur ein Beispiel. Mein Code lautete: #CCMMYY - hätte ich vielleicht erwähnen sollen. Wolle halt irgendwie die Addition darstellen.