✅ Osciladores de onda
Nesta página:
Configurações dos osciladores de onda
Todos os osciladores de onda têm as seguintes configurações:
- range min / range max - determina o intervalo de valores da propriedade controlada pelo oscilador. A propriedade é definida como range min quando a forma de onda está na parte inferior, e como range max quando a forma de onda está na parte superior.
- duration - o tempo que um ciclo completo, ou loop, leva para terminar. Isso é relativo ao andamento em compassos. Então ¼ é um único tempo. 1 é um compasso completo, e assim por diante.
- duration multiplier - escala a duração base por um fator escolhido. Por exemplo, se duration estiver definido como uma semínima e o multiplicador for 3, o oscilador durará três semínimas, ou seja, uma mínima pontuada. Multiplicadores fracionários também são aceitos — segure SHIFT enquanto arrasta o controle deslizante para definir números não inteiros, o que é útil para efeitos de defasagem ou para criar deslocamentos sutis de tempo.
- offset - o deslocamento inicial da onda como porcentagem da duração. Se você quiser que a onda comece a um quarto do caminho, defina isso como 25%.
- repeat count - o número de vezes que o loop roda antes de parar. O padrão é FOREVER, mas você pode alterar isso se não quiser que o oscilador rode indefinidamente. Depois que ele parar, a propriedade será definida para o valor no final da onda.
- delay count - o atraso em tempos antes de o oscilador começar a rodar. Antes de começar, a propriedade será definida para o valor no início da onda.
Configurações comuns
- steps - divide o movimento em um número de etapas discretas. Bom para quando você quer que as propriedades "saltem" para valores em vez de se moverem suavemente.
- clamp min / clamp max - aumenta a escala da onda além de seus valores mínimos ou máximos e limita o resultado.
- ease function - as ondas dente de serra e triangular também têm uma função de easing, que altera sutilmente a curva da animação e pode deixar suas animações muito mais expressivas!
- LINEAR - o padrão, sem easing; apenas se move de forma linear entre os valores mínimo e máximo.
- EASE OUT - começa rápido e depois desacelera ao chegar ao final. Muito bom para simular física, por exemplo, desacelerar até parar.
- EASE IN - começa devagar e acelera gradualmente. Bom para simular ganho de impulso.
- EASE IN/OUT - uma combinação dos dois, gerando um movimento bem orgânico.
Onda dente de serra
Também é conhecida às vezes como forma de onda em rampa, porque sobe em rampa e depois cai bruscamente no final do ciclo. Provavelmente é o oscilador de onda mais comum, pois cria um loop para alternar propriedades como hue ou rotation.
Consulte as seções acima para:
- range min / range max
- duration
- offset
- steps
- clamp min
- clamp max
- repeat count
- delay count
- ease function
Específico da onda dente de serra:
- cycle range compensation - disponível quando steps está definido, e é útil para valores cíclicos, como uma rotação de 0 a 360. Quando isso não está definido, os valores inicial e final serão iguais, o que pode causar uma travada no ponto inicial, porque 0 e 360 são o mesmo ângulo. Ative isso e o intervalo máximo será reduzido para corrigir as posições das etapas.
Onda triangular
Ao contrário da onda dente de serra, que salta de volta para o início a cada ciclo, a onda triangular se move linearmente para a frente e depois para trás.
Consulte as seções acima para:
- range min / range max
- duration
- offset
- steps
- clamp min
- clamp max
- repeat count
- delay count
- ease function
Onda senoidal
A forma de onda mais suave! Oscila suavemente entre dois valores, como um pêndulo.
Consulte as seções acima para:
- range min / range max
- duration
- offset
- steps
- clamp min
- clamp max
- repeat count
- delay count
Onda quadrada
A forma de onda mais simples: ela apenas alterna entre dois valores, indo e voltando!
Consulte as seções acima para:
- range min / range max
- duration
- offset
- repeat count
- delay count
Específico da onda quadrada:
- pulse width - o tempo em que a onda fica no valor máximo em relação à duração total. 50% é o padrão, exatamente metade do tempo em cada estado. Se você quiser que ela fique "ligada" por apenas um quarto do tempo, defina como 25%. Você pode ajustar quando esse pulso acontece usando o valor de offset.
Noise
Um dos pontos fortes do Liberation é que ele consegue gerar efeitos aleatórios, mas repetíveis. O oscilador noise pode ser usado para criar um movimento aleatório em loop, orgânico, com tanto detalhe ou tremulação quanto você quiser.
Consulte as seções acima para:
- range min / range max
- duration
- offset
- steps
- clamp min
- clamp max
- repeat count
- delay count
Específico de Noise:
- noise type - o algoritmo usado para gerar o noise.
- SIMPLEX - o padrão, um valor ondulante que sobe e desce suavemente e se repete em loop.
- RANDOM - usa um algoritmo de números aleatórios mais tradicional, totalmente ruidoso e caótico.
- seed - o valor usado para criar o noise. Se você não gostar da aparência da onda de noise, tente alterar esse valor.
- simplex detail - altera o nível de detalhe ou tremulação do noise. Se você quiser que o padrão repetido fique menos óbvio, aumente a duration e aumente esse valor.
Custom Oscillator
Cria uma forma de onda completamente personalizada. Isso é muito útil para criar animações complexas.
Consulte as seções acima para:
- range min / range max
- duration
- offset
- steps
- repeat count
- delay count
Abaixo disso há uma lista de posições e valores. A duration é dividida em 64 etapas e você pode colocar um valor em qualquer um desses pontos.
Cada etapa tem as seguintes configurações:
- Step - a etapa de tempo dentro da duration. 0 fica no início e 64 fica no final.
- Level - o nível da onda naquele passo de tempo. O nível varia entre 0 e 1.
- Animation type - o menu suspenso permite escolher como você quer se mover do passo anterior até este nível.
- None - sem transição; apenas salta diretamente para este nível no tempo indicado.
- Linear - um movimento completamente linear do nível anterior até este.
- Ease in / Ease out / Ease in/out - aplica easing entre o nível anterior e este. Veja ease function acima para uma descrição dos tipos de animação.