Wiggle básico
A expressão mais usada do after. Porta de entrada e, apesar da simplicidade, tem profundidade suficiente pra muitos casos.
Sintaxe
wiggle(freq, amp)// freq = frequências por segundo// amp = amplitude (quão longe oscila do valor base)wiggle(2, 10) // câmera shake suavewiggle(10, 50) // tremor dramáticowiggle(0.5, 30) // oscilação lenta e fluidaCom keyframes
Quando a propriedade tem keyframes, o wiggle adiciona oscilação sobre eles, não substitui a animação. O objeto segue a trajetória dos keyframes e oscila ao redor dela.
Só em um eixo
// só em Xvar w = wiggle(3, 20);[w[0], value[1]]
// só em Yvar w = wiggle(3, 20);[value[0], w[1]]Parâmetros adicionais
wiggle(freq, amp, octaves, amp_mult, time)| Parâmetro | Padrão | Efeito |
|---|---|---|
| octaves | 1 | camadas de ruído (mais = mais orgânico) |
| amp_mult | 0.5 | fator multiplicador por oitava |
| time | time | controla o “ponto” no ruído |
wiggle(2, 30, 3, 0.5) // mais orgânico que wiggle(2, 30)Seeds diferentes por layer
O problema: todas as layers com wiggle(2, 30) oscilam juntas.
seedRandom(index, true); // seed baseado no índicewiggle(2, 30)Cada layer tem sua própria sequência.
Wiggle que começa do zero
O wiggle padrão é retroativo — ele “calculou” valores antes do inPoint. Pra começar limpo:
var t = time - thisLayer.inPoint;wiggle(2, 30, 1, 0.5, t)