Skip to main content

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 suave
wiggle(10, 50) // tremor dramático
wiggle(0.5, 30) // oscilação lenta e fluida

Com 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 X
var w = wiggle(3, 20);
[w[0], value[1]]
// só em Y
var w = wiggle(3, 20);
[value[0], w[1]]

Parâmetros adicionais

wiggle(freq, amp, octaves, amp_mult, time)
ParâmetroPadrãoEfeito
octaves1camadas de ruído (mais = mais orgânico)
amp_mult0.5fator multiplicador por oitava
timetimecontrola 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 índice
wiggle(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)