Aplicando modos de mistura

A dica acima carrega uma imagem dinâmica e permite aplicar diferentes modos de mistura à imagem selecionando um modo de mistura em uma caixa de combinação no palco que mede 550x500 pixels.

Os modos de mistura envolvem a combinação das cores de uma imagem (a imagem base) com as cores de outra imagem (a imagem de mistura) para produzir uma terceira imagem. Cada valor de pixel de uma imagem é processado com o valor de pixel correspondente da outra imagem a fim de produzir um valor de pixel para essa mesma posição no resultado.

A propriedade blendMode oferece suporte aos seguintes modos de mistura:
1. add: Normalmente usado para criar um efeito de dissolução de luminosidade animado entre duas imagens.
2. alpha: Normalmente usado para aplicar a transparência do primeiro plano no fundo.
3. darken: Normalmente usado para sobrepor um tipo.
4. difference: Normalmente usado para criar cores mais vibrantes.
5. erase: Normalmente usado para remover (apagar) parte do fundo usando o alfa do primeiro plano.
6. hardlight: Normalmente usado para criar efeitos de sombreado.
7. invert: Usado para inverter o fundo.
8. layer: Usado para forçar a criação de um buffer temporário para a pré-composição de um clipe de filme específico.
9. lighten: Normalmente usado para sobrepor um tipo.
10. multiply: Normalmente usado para criar efeitos de sombreamento e profundidade.
11. normal: Usado para especificar que os valores de pixel da imagem de mistura substituam os da imagem base.
12. overlay: Normalmente usado para criar efeitos de sombreado.
13. screen: Normalmente usado para criar realces e reflexos de lentes.
14. subtract: Normalmente usado para criar um efeito de dissolução de escuridão animado entre duas imagens.

O código fonte é disponibilizado apenas a usuários registrados. Cadastre-se grátis. Se já tem conta, por favor faça o login.