Monte o TweenInfo.new com easing, veja a curva e a animação ao vivo e copie o código
O TweenService é a forma oficial de animar propriedades no Roblox, e o TweenInfo.new é quem define o ritmo dessa animação. A assinatura é TweenInfo.new(time, EasingStyle, EasingDirection, repeatCount, reverses, delayTime): o tempo em segundos, o estilo de easing (Sine, Quad, Back, Elastic, Bounce e outros), a direção (In, Out, InOut), quantas vezes repete, se reverte e o atraso inicial. O problema é que ninguém consegue imaginar de cabeça como cada combinação se sente. Esta ferramenta resolve isso mostrando, ao mesmo tempo, o gráfico da curva de easing e uma bolinha animando de verdade com aquele TweenInfo, usando as mesmas equações que o Roblox aplica. Quando estiver do jeito que você quer, copie só o TweenInfo.new ou o snippet completo do TweenService:Create pronto para colar no seu script.
O TweenInfo descreve COMO uma animação acontece, não O QUE ela anima (isso é o goal, uma tabela de propriedades). Os parâmetros vêm sempre nesta ordem: time (duração em segundos), EasingStyle (a curva de aceleração), EasingDirection (onde a curva age), repeatCount (repetições após a primeira execução, ou −1 para infinito), reverses (se volta ao estado inicial antes de repetir) e delayTime (espera antes de começar). Só o time é obrigatório; os demais têm padrões (Quad, Out, 0, false, 0).
O EasingStyle define a personalidade do movimento, Linear é constante, Sine e Quad são suaves, Exponential e Quint são mais acentuados, e Back, Elastic e Bounce ultrapassam ou quicam no fim. A EasingDirection escolhe se esse efeito aparece no começo (In), no fim (Out) ou dividido no meio (InOut). A ferramenta implementa exatamente essas equações, então a curva desenhada é a que você verá no jogo.
Um botão que "pula" ao aparecer, suave e rápido, usa uma saída de Quad: TweenInfo.new(0.3, Enum.EasingStyle.Quad, Enum.EasingDirection.Out, 0, false, 0). A animação parte veloz e desacelera no fim (Out), toca uma única vez (repeatCount 0) e não reverte, a sensação natural para entradas de UI.
Já um ícone flutuando em loop infinito usa Sine com vai-e-volta: TweenInfo.new(1, Enum.EasingStyle.Sine, Enum.EasingDirection.InOut, -1, true, 0). No script, isso vira: local TweenService = game:GetService("TweenService"); local info = TweenInfo.new(1, Enum.EasingStyle.Sine, Enum.EasingDirection.InOut, -1, true, 0); local tween = TweenService:Create(target, info, { Position = UDim2.fromScale(0.5, 0.5) }); tween:Play(). O reverses = true com repeatCount = -1 cria a flutuação contínua.
Para a maioria da UI, EasingDirection.Out com Quad ou Sine dá o resultado mais natural: as coisas chegam rápido e assentam devagar. Reserve Back e Elastic para momentos de destaque (um pop-up de recompensa, um botão que chama atenção), porque o excesso desses efeitos cansa. Bounce é ótimo para algo caindo. Tempos curtos (0,15 a 0,4 s) deixam a interface responsiva; tempos longos servem para transições de cena e ambientação.
O TweenService interpola no cliente, então tweens de UI e efeitos visuais são baratos e fluidos. Para animar em cadeia, conecte o evento Completed do tween e inicie o próximo. E lembre que o goal aceita qualquer propriedade animável (Position, Size, Transparency, Color3, Rotation, CFrame), desde que o valor final seja do mesmo tipo. Se você precisa de cor, gere o Color3 no nosso Conversor de Color3 e use-o direto no goal.
Cole o código no seu HTML e a ferramenta aparece na sua página, sem a navegação e sem os anúncios do J-Kit. Ela continua rodando no navegador de quem visita o seu site.
<iframe
src="https://jkit.tools/embed/pt-BR/gerador-tweeninfo-roblox"
width="100%"
height="600"
style="border:0"
loading="lazy"
title="Gerador de TweenInfo (Roblox)"
></iframe>Estas referências ajudam a contextualizar fórmulas, padrões, APIs e limitações usadas nesta página. Elas não substituem validação profissional quando o resultado tiver impacto jurídico, financeiro, médico ou operacional.
TweenInfo é o objeto que descreve COMO uma animação acontece no TweenService: tempo de duração, estilo de easing, direção, número de repetições, se reverte e o delay inicial. Ele não diz o que animar (isso é o goal, uma tabela de propriedades), só o ritmo. A assinatura completa é TweenInfo.new(time, EasingStyle, EasingDirection, repeatCount, reverses, delayTime), e apenas o time é obrigatório.
TweenInfo.new(1, Enum.EasingStyle.Back, Enum.EasingDirection.Out, 0, false, 0)local TweenService = game:GetService("TweenService")
local info = TweenInfo.new(1, Enum.EasingStyle.Back, Enum.EasingDirection.Out, 0, false, 0)
local goal = { Position = UDim2.fromScale(0.5, 0.5) }
local tween = TweenService:Create(target, info, goal)
tween:Play()Tudo é calculado e animado localmente no navegador; nada é enviado a servidores.