Share
Ich werde Ihnen zeigen, wie Sie jeden Mischmodus in Flash verwenden. Vereinfacht gesagt werden Mischmodi verwendet, um Farbwerte oder Transparenz in Bildern zu ändern. Wie der Name schon sagt, werden Mischmodi zum Zusammenfügen von Bildern verwendet. Mischmodi werden im Allgemeinen für Spezialeffekte oder das Compositing in Spielen, Filmen und Bildeditoren verwendet. Bei Explosionen, Bildschirmübergängen, Maskieren und Beleuchtung haben Mischmodi viele Anwendungen in Flash-Projekten.
Ändern Sie den Mischmodus mit der Benutzeroberfläche in der oberen Ecke und ziehen Sie die Bilder, um verschiedene Effekte zu erzeugen?
Mischmodi erstellen ein zusammengesetztes Bild und erzeugen interessante Effekte, indem Pixel in überlappenden Bildern oder Movieclips gemischt werden. Mischmodi wirken sich auf Pixelfarbe und Transparenz aus. Sie können Mischmodi verwenden, um Hervorhebungen oder Schatten hervorzuheben oder Farben in einem Bild zu ändern.
Möglicherweise stellen Sie fest, dass einige Mischmodi etwas ähnlich sind, jedoch nicht identisch sind. Einige Mischmodi sind direkte Gegensätze, aber Sie müssen wissen, welchen Modus Sie in einer bestimmten Situation verwenden sollen.
Mischmodi verwenden eine Hintergrundebene und eine Mischebene, um eine endgültige modifizierte Ebene zu erhalten. Jedes Pixel aus dem Hintergrund wird durch das Mischbild oben betrachtet und geändert, um das zusammengesetzte Bild zu erhalten. Farben und Transparenz werden bei der Verarbeitung der Pixel in die Gleichung einbezogen. Alle Anzeigeobjekte - einschließlich Sprites, Bitmaps und MovieClips - verfügen über eine blendMode-Eigenschaft, die Sie ändern können, um den gewünschten Effekt zu erhalten. Sie können die blendMode-Eigenschaft auf die Konstanten setzen, die in der flash.display.BlendMode-Klasse definiert sind, oder Sie können stattdessen die tatsächlichen Zeichenfolgenwerte in Anführungszeichen verwenden.
Mischmodi ändern häufig die Farben der Ebene, an die der Mischmodus angehängt wird. Sie müssen also mit verschiedenen Farben und Mischmodi experimentieren, um zu sehen, wie die Ergebnisse aussehen. Wenn Sie mit verschiedenen Mischmodi experimentieren, erhalten Sie eine Vorstellung davon, wie sie funktionieren. Bitte beachten Sie, dass bei unterschiedlichen Mischmodi oft unterschiedliche Farben zum Einsatz kommen und je nach Ihren Hintergrundbildern und den verwendeten Mischbildern möglicherweise nicht die gleichen Ergebnisse erzielt werden. Sie sollten sich auch der Reihenfolge bewusst sein, in der Sie Ihre Blending-Layer anwenden, da unterschiedliche Aufträge zu unterschiedlichen Ergebnissen führen.
displayObject.blendMode = BlendMode.ADD;
oder
displayObject.blendMode = 'add';
Es liegt an dir! Stellen Sie jedoch für die erste Option sicher, dass Sie importieren flash.display.BlendMode.
Viele Leute blättern einfach durch die einzelnen Mischmodi, bis sie einen schönen Effekt erzielen. Ich möchte Ihnen jedoch erklären, wie die Mischmodi funktionieren, und einige Beispiele oder Szenarien zeigen, in denen Mischmodi nützlich sein können. Als Spieleentwickler werde ich Beispiele für Mischmodi in einem Spielekontext verwenden. Im Allgemeinen verwende ich Mischmodi für Nebel, Explosionen, Partikel und Beleuchtung, aber Mischmodi haben endlose Verwendungsmöglichkeiten und Funktionen, die Sie sich vorstellen müssen!
Ich werde über diese Mischmodi in Paaren oder Gruppen sprechen. Die meisten Mischmodi haben einen ähnlichen oder direkt gegenüberliegenden Partner. Heute werde ich die unten aufgeführten Mischmodi behandeln.
Beschreibung und Anwendungsbeispiele
NORMAL wendet Farbe normalerweise ohne Interaktion mit den Grundfarben an.
Der erste Mischmodus, über den ich sprechen muss, ist der NORMAL-Mischmodus. Es ist im Wesentlichen der Standard-Mischmodus, bei dem das Hintergrundbild nicht gemischt wird.
Wenn Sie mit verschiedenen Mischmodi experimentieren, verwenden Sie zum Vergleich den NORMAL-Mischmodus.
Die Verwendung des NORMAL-Überblendungsmodus ist derselbe, als würde kein Überblendungsmodus verwendet. Wenn Sie wissen, dass Mischmodi eine Verarbeitung erfordern und sich häufig auf die Leistung Ihres Flash-Projekts auswirken, sollten Sie versuchen, die Verwendung des Mischmodus zu begrenzen, wenn Sie können.
50 Objekte mit NORMAL-Überblendung sind viel schneller als 50 Objekte mit den Überblendungsmodi OVERLAY oder HARDLIGHT.
Technische Beschreibung
Das Anzeigeobjekt wird normal über dem Hintergrund angezeigt. Es werden keine Farbwerte oder Transparenz verändert.
Beispiel:
displayObject.blendMode = BlendMode.NORMAL;
oder
displayObject.blendMode = 'normal';
Beschreibung und Anwendungsbeispiele
Der LAYER-Überblendungsmodus ähnelt dem NORMAL-Überblendungsmodus, da er die Farben nicht ändert. Der LAYER-Mischmodus erzwingt jedoch die Erstellung einer Transparenzgruppe oder eines Alphakanals. Im Wesentlichen wird die Deckkraft der Ebene auf 100% gesetzt..
HINWEIS: Dies ist zum Zusammenfügen mit den Mischmodi ALPHA oder ERASE erforderlich, über die ich als nächstes sprechen werde.
Technische Beschreibung
Ähnlich gerendert wie der NORMAL-Mischmodus mit 100% Deckkraft. Durch die Erstellung des Alphakanals kann die Ebene durch andere Mischmodi, die sich auf die Transparenz auswirken, wie ALPHA oder ERASE, geändert werden.
Beispiel:
displayObject.blendMode = BlendMode.LAYER;
oder
displayObject.blendMode = 'layer';
Beschreibung und Anwendungsbeispiele
Der ALPHA-Mischmodus ändert die Transparenz der Hintergrundebene und macht sie abhängig von der Transparenz der Mischebene für unterschiedliche Bereiche sichtbar.
Technische Beschreibung
Der ALPHA-Mischmodus wendet eine Alphamaske an, bei der die transparenten Pixel der Mischebene die Transparenz der Hintergrundebene beeinflussen. Im Allgemeinen verwenden Sie in diesem Mischmodus eine zweite Hintergrundebene, die durch den ersten Hintergrund angezeigt wird, wenn er transparent gemacht wird.
Der LAYER-Mischmodus muss auf das übergeordnete Anzeigeobjekt angewendet werden, das als erster Hintergrund dient, der transparent gemacht werden soll.
Beispiel:
displayObject.blendMode = BlendMode.ALPHA;
oder
displayObject.blendMode = 'alpha';
Beschreibung und Anwendungsbeispiele
Der ERASE-Überblendungsmodus ist das Gegenteil des ALPHA-Überblendungsmodus, ändert jedoch immer noch die Transparenz der Hintergrundebene, sodass sie je nach Transparenz der Überblendungsschicht in unterschiedlichen Bereichen durchscheinen kann.
Technische Beschreibung
Der ERASE-Überblendungsmodus funktioniert wie der ALPHA-Überblendungsmodus, wendet jedoch eine invertierte Alpha-Maske an, bei der die undurchsichtigen Pixel der Überblendebene die Transparenz der Hintergrundebene beeinflussen und diese Pixel transparent machen. Im Allgemeinen verwenden Sie in diesem Mischmodus eine zweite Hintergrundebene, die durch den ersten Hintergrund angezeigt wird, wenn er transparent gemacht wird.
Der LAYER-Mischmodus muss auf das übergeordnete Anzeigeobjekt angewendet werden, das als erster Hintergrund dient, der transparent gemacht werden soll.
Beispiel:
displayObject.blendMode = BlendMode.ERASE;
oder
displayObject.blendMode = 'löschen';
Beschreibung und Anwendungsbeispiele
Der ADD-Mischmodus wird verwendet, um Weiß zu verstärken und überlappende Farben aufzuhellen. Farben der Mischebene über dem mittleren Bereich machen die Hintergrundebene heller, während dunklere Farben transparent sind und die Hintergrundebene unberührt lässt.
Technische Beschreibung
Der ADD-Mischmodus fügt der Hintergrundebene die Hex-Farbwerte der Mischebene buchstäblich hinzu. Es kann nicht höher als weiß gehen.
Beispiel:
displayObject.blendMode = BlendMode.ADD;
oder
displayObject.blendMode = 'add';
Beschreibung und Anwendungsbeispiele
Der Mischmodus SUBTRACT verdunkelt die Hintergrundebene und kann als das Gegenteil des Mischmodus ADD betrachtet werden. Weiße Bereiche der Mischebene machen die Hintergrundebene schwarz, während schwarze Bereiche des Mischbilds die Hintergrundebene nicht beeinflussen.
Der Mischmodus SUBTRACT wird verwendet, um Schwarz zu verstärken und überlappende Farben dunkler zu machen. Farben des Mischbilds über dem mittleren Bereich werden dunkler dargestellt, während hellere Farben transparent sind und die Hintergrundebene unberührt lässt.
Technische Beschreibung
Der Mischmodus SUBTRACT subtrahiert die Hex-Farbwerte der Mischebene von der Hintergrundebene. Es kann nicht tiefer als schwarz gehen.
Beispiel:
displayObject.blendMode = BlendMode.SUBTRACT;
oder
displayObject.blendMode = 'subtract';
Beschreibung und Anwendungsbeispiele
LIGHTEN verwendet die helleren Pixel von jeder Ebene. Ähnlich wie beim ADD-Mischmodus werden hellere Bereiche der überlappenden Ebenen verstärkt. Jedes Pixel aus jeder Ebene wird betrachtet, und der hellere der zwei Pixelwerte wird beibehalten.
Technische Beschreibung
LIGHTEN ersetzt Hintergrundpixel, die dunkler sind als die Pixel der Mischebene. Hintergrundpixel, die heller sind als die Pixel der Mischebene, werden nicht geändert.
Beispiel:
displayObject.blendMode = BlendMode.LIGHTEN;
oder
displayObject.blendMode = 'aufhellen';
Beschreibung und Anwendungsbeispiele
DARKEN verwendet die dunkleren Pixel jeder Ebene. Es ist das Gegenteil des LIGHTEN-Mischmodus und wird verwendet, um dunklere Bereiche der überlappenden Ebenen zu verstärken. Jedes Pixel aus jeder Ebene wird betrachtet und der dunkle der zwei Pixelwerte wird beibehalten. Dies kann verwendet werden, um der Hintergrundebene verschiedene Textureffekte hinzuzufügen.
Technische Beschreibung
DARKEN ersetzt Hintergrundpixel, die heller sind als die Pixel der Mischebene. Hintergrundpixel, die dunkler als die Pixel der Mischebene sind, werden nicht geändert.
Beispiel:
displayObject.blendMode = BlendMode.DARKEN;
oder
displayObject.blendMode = 'verdunkeln';
Der zweite Teil dieses Tutorials (in Kürze) behandelt die verbleibenden Mischmodi:
Bleib dran!
Accentsconagua