🟩 Modificadores baseados em posição

Esta família de nodes modifica o conteúdo de acordo com a posição. Por padrão, o efeito é aplicado ao longo de um eixo horizontal (da esquerda para a direita), mas você pode girar esse eixo para qualquer ângulo. Cada node também inclui um modo radial, em que o efeito é controlado pelo ângulo de cada ponto em relação ao centro.

  • Colour Changer by Position – aplica um gradiente ao longo do eixo escolhido ou ao redor do ângulo radial.\ \&#xNAN;Exemplo: crie um gradiente arco-íris percorrendo uma linha, ou use o modo radial em um círculo para produzir um efeito de roda de cores.
  • Wave Shift by Position – aplica uma distorção de onda senoidal, deslocando o conteúdo verticalmente (ou perpendicularmente ao eixo escolhido).\ \&#xNAN;Exemplo: faça uma linha ondular como água, ou use o modo radial para fazer um círculo pulsar para fora a partir do centro.
  • Noise Shift by Position – aplica uma distorção de ruído simplex, deslocando o conteúdo verticalmente (ou perpendicularmente ao eixo escolhido).\ \&#xNAN;Exemplo: veja o exemplo de Wave Shift, mas com um caráter mais orgânico e aleatório, perfeito para adicionar variação natural.

Alteração de cor por posição

Este node aplica mudanças de cor ao seu conteúdo com base na posição. Por padrão, o eixo é horizontal (0°), mas você pode girá-lo ou alternar para o modo radial.

  • wavelength – define o tamanho do ciclo de cores repetido.
    • Modo Linear: em 100%, um ciclo completo ocupa toda a largura do conteúdo.
    • Modo Radial: em 100%, um ciclo completo ocupa o círculo inteiro (360°). Os valores são porcentagens do círculo: por exemplo, 50% = meio círculo (180°).
  • offset – desloca o ponto inicial do ciclo de cores, como uma porcentagem do wavelength. Você pode modular isso (por exemplo, com um oscilador dente de serra) para percorrer as cores de forma suave.
  • repeat – quando ativado, o ciclo se repete pelo conteúdo. Se desativado, o gradiente é aplicado apenas uma vez: tudo antes do início recebe a cor inicial, e tudo depois do fim recebe a cor final.
  • pingpong – quando ativado, cada repetição alterna de direção, criando um efeito espelhado. Se Repeat estiver desativado, o gradiente vai para frente e depois volta uma vez. Observação: no modo Pingpong, o wavelength cobre tanto a varredura de ida quanto a de volta.
  • linear angle – gira o eixo do efeito. 0° = horizontal.
  • radial – alterna para o modo radial, aplicando cores com base no ângulo a partir do centro.
  • radial smooth loop – ajusta automaticamente o wavelength para que ele divida 100% do círculo de forma uniforme, evitando uma emenda visível onde o ciclo se fecha.
  • legacy mode – volta para os sliders antigos de HSB inicial/final. Deixe desativado para usar o editor de gradiente mais recente.

Modos de cor

Eles determinam quais aspectos dos ajustes de cor são aplicados ao conteúdo. Veja também: Configurações de cor e HSB.

  • hue mode
    • OFF – o hue não é alterado.
    • FIXED – o hue é forçado para um valor fixo.
    • SHIFTED – o hue é deslocado pelo valor especificado (elementos com cores diferentes continuam distintos, mas são deslocados juntos ao redor da roda de cores).
  • saturation mode
    • OFF – a saturation não é alterada.
    • FIXED – a saturation é definida para o valor especificado.
  • brightness mode
    • OFF – o brightness não é alterado.
    • FIXED – o brightness é definido para o valor especificado.
    • MULTIPLY – o brightness é escalado pelo valor especificado. Isso preserva a dinâmica (por exemplo, elementos piscando continuam piscando, mas dentro da faixa de brilho limitada).

Editor de gradiente

Usa o mesmo editor de gradiente de Colour change, mas mapeia o gradiente pelo conteúdo com base na posição.

  • Clique na barra de gradiente para adicionar uma parada de cor.
  • Clique com o botão esquerdo em uma parada para selecioná-la e arraste-a para os lados para movê-la.
  • Arraste uma parada selecionada para baixo, afastando-a da barra, ou pressione Delete/Backspace para removê-la. Um gradiente sempre mantém pelo menos duas paradas.
  • Clique com o botão direito em uma parada para editá-la com o seletor de cores.
  • Use Position, Hue, Saturation e Brightness para editar a parada selecionada com precisão.
  • interpolation escolhe como as cores são misturadas entre as paradas:
  • HSB – mistura hue, saturation e brightness. É a melhor opção para um movimento suave em estilo arco-íris ao redor da roda de cores.
  • RGB – mistura diretamente os valores de vermelho, verde e azul. Isso muitas vezes se parece mais com um fade de cor de uma tela ou console de iluminação.
  • NONE – salta de uma parada para a próxima, sem mistura.
  • hue direction fica disponível na interpolação HSB:
  • AUTO – usa o caminho mais curto ao redor da roda de hue.
  • FORWARDS – sempre avança pelos valores de hue.
  • BACKWARDS – sempre retrocede pelos valores de hue.
  • blend – mistura a alteração de cor com as cores originais. Em 100%, o efeito substitui totalmente as cores originais.

Valores iniciais / finais legados

Se legacy mode estiver ativado, o editor de gradiente será substituído pelos controles antigos:

  • start hue / end hue – hue no início e no fim da faixa.
  • start saturation / end saturation – saturation no início e no fim da faixa.
  • start brightness / end brightness – brightness no início e no fim da faixa.

Exemplo 1: gradiente arco-íris deslizante

Começando com as configurações padrão:

  1. Deixe o node no modo Linear (ângulo de 0° = horizontal).
  2. Deixe wavelength em 100% (ocupa toda a largura e deve ser o padrão).
  3. Mantenha o gradiente padrão.
  4. Ative repeat.
  5. Adicione um Sawtooth Oscillator à configuração offset, indo de 0% a 100%.

Exemplo 2: gradiente preto–branco–preto (Pingpong)

Começando com as configurações padrão:

  1. Deixe o node no modo Linear (ângulo de 0° = horizontal).
  2. Deixe wavelength em 100% (ocupa toda a largura e deve ser o padrão).
  3. Desative repeat.
  4. Defina a primeira parada do gradiente como preto.
  5. Defina a parada final do gradiente como branco.
  6. Defina hue mode como OFF.
  7. Defina saturation mode como FIXED se quiser forçar o resultado para escala de cinza.
  8. Defina brightness mode como FIXED.
  9. Ative pingpong.

Resultado: o gradiente passa de preto para branco e depois volta para preto ao longo da largura.\ Observe que, se você quiser que o conteúdo mantenha seu hue e sua saturation, desative Saturation mode. \

Exemplo 3: roda arco-íris giratória (Radial)

  1. Ative o modo radial.
  2. Defina wavelength como 100% (uma varredura completa de 360°).
  3. Ative repeat.
  4. Adicione um Sawtooth Oscillator à configuração offset, indo de 0% a 100%.

Resultado: uma roda de cores contínua, sem emendas, que gira continuamente ao redor do círculo.

Deslocamento de onda por posição

Este node aplica uma distorção de onda ao seu conteúdo, deslocando pontos perpendicularmente ao eixo escolhido (ou radialmente a partir do centro).

  • Wavelength – define o comprimento do ciclo da onda.
    • Modo Linear: em 100%, um ciclo completo ocupa toda a largura do conteúdo.
    • Modo Radial: em 100%, um ciclo completo ocupa os 360° completos. (Os valores são porcentagens do círculo: 50% = meia volta, 25% = um quarto de volta etc.)
  • Size – controla a amplitude da onda (o quanto o conteúdo é deslocado).
  • Offset – desloca a onda ao longo do eixo (ou ao redor do círculo no modo radial). Este valor é uma porcentagem do wavelength, então você pode animá-lo com um Oscillator Node para fazer a onda se mover.
  • Radial – alterna do modo linear para o modo radial, fazendo com que o deslocamento seja baseado no ângulo a partir do centro.
  • Radial Smooth Loop – ajusta o wavelength para que ele divida 100% do círculo de forma uniforme, evitando emendas visíveis no ponto de fechamento.
  • Triangle – muda o formato de onda de seno para triângulo.
  • Absolute – usa o valor absoluto da onda, criando apenas deslocamentos para cima (dobrando o lado negativo sobre o positivo).
  • Angle – gira o eixo da onda. 0° = horizontal.

Deslocamento de ruído por posição

Este node distorce o conteúdo usando um campo de ruído (como turbulência), deslocando pontos perpendicularmente ao eixo escolhido (ou radialmente a partir do centro). Comparado ao Wave Shift, o resultado é mais orgânico e aleatório.

  • Detail – controla o nível de detalhe do ruído. Valores mais altos = variação mais nítida e detalhada. Valores mais baixos = variação mais suave.
  • Wavelength – define a escala do padrão de ruído.
    • Modo Linear: em 100%, um ciclo completo de ruído ocupa a largura do conteúdo.
    • Modo Radial: em 100%, um ciclo completo ocupa os 360° completos.
  • Size – controla a quantidade de deslocamento (amplitude da distorção de ruído).
  • Offset – desloca o padrão de ruído ao longo do eixo (ou ao redor do círculo). Este valor é uma porcentagem do wavelength, então você pode animá-lo com um Oscillator Node para fazer o ruído “fluir”.
  • Depth Offset – percorre o campo de ruído 3D, criando variação ao longo do tempo. Isso é especialmente eficaz quando animado com um Oscillator Node.
  • Depth Detail – controla o nível de detalhe da variação na dimensão de profundidade.
  • Absolute – usa o valor absoluto do ruído, dobrando valores negativos para positivos (produzindo deslocamento em apenas um lado).
  • Angle – gira o eixo do ruído no modo linear. 0° = horizontal.
  • Radial – alterna do modo linear para o modo radial, fazendo com que o deslocamento seja baseado no ângulo a partir do centro.
  • Radial Smooth Loop – ajusta o wavelength para que ele divida 100% do círculo de forma uniforme, evitando emendas visíveis no modo radial.