TweenService

Empty

TweenService ist ein Dienst in Roblox, der es Ihnen ermöglicht, fließende Animationen für GUI-Elemente, Teile und andere Objekte zu erstellen. Es wird verwendet, um die Eigenschaften eines Objekts über eine bestimmte Dauer von einem Zustand in einen anderen zu interpolieren.

Tween	Ein Tween ist eine Animation, die die Eigenschaften eines Objekts von einem Anfangszustand in einen Endzustand interpoliert.

TweenInfo	Dies definiert die Parameter des Tweens, wie z.B. Dauer, Easing-Stil, Easing-Richtung und Wiederholung.

Easing-Stile und Richtungen	Easing-Stile definieren die mathematische Funktion, die verwendet wird, um zwischen den Anfangs- und Endwerten des Tweens zu interpolieren. Easing-Richtungen definieren, wie das Tween relativ zu den Start- und Endwerten verläuft.

Tween-fähige Objekte

Empty

Position	Teile/Modelle an einen neuen Ort verschieben.

Size	Ändern Sie die Abmessungen von Teilen/Modellen.

Orientation	Teile/Modelle drehen.

Transparency	Passen Sie die Transparenzstufe von Teilen/Modellen an.

Color	Ändern Sie die Farbe von Teilen/Modellen.

Empty

Position	Teile/Modelle an einen neuen Ort verschieben.

Size	Ändern Sie die Abmessungen von Teilen/Modellen.

BackgroundColor3	Ändern Sie die Hintergrundfarbe von GUI-Elementen.

Transparency	Passen Sie die Transparenzstufe von Teilen/Modellen an.

Empty

Brightness	Passen Sie die Helligkeit einer Lichtquelle an.

Color	Ändern Sie die Farbe von Teilen/Modellen.

Range	Ändern Sie die Reichweite einer Lichtquelle.

Empty

CFrame

Kamera bewegen oder drehen.

Empty

Volume	Passen Sie die Lautstärke eines Sounds an.

PlaybackSpeed	Ändern Sie die Wiedergabegeschwindigkeit eines Sounds.

TweenService Beispiel

Tweening Position

local TweenService = game:GetService("TweenService")

-- Define TweenInfo
local tweenInfo = TweenInfo.new(
	2, -- Time (seconds)
	Enum.EasingStyle.Quad, -- Easing Style
	Enum.EasingDirection.Out, -- Easing Direction
	0, -- Repeat count (0 means no repeat)
	false, -- Reverses (tween goes back and forth)
	0 -- Delay time (seconds)
)

local part = script.Parent
part.Position = Vector3.new(0, 2.5, 0)
part.Anchored = true
part.Parent = workspace

-- Define the end state of the properties you want to tween
local goal = {}
goal.Position = Vector3.new(10, 5, 0)

-- Create the tween
local tween = TweenService:Create(part, tweenInfo, goal)

-- Play the tween
tween:Play()

Roblox Studio

Tweening GUI-Elemente

local TweenService = game:GetService("TweenService")

-- Define TweenInfo
local tweenInfo = TweenInfo.new(
	2, -- Time (seconds)
	Enum.EasingStyle.Quad, -- Easing Style
	Enum.EasingDirection.Out, -- Easing Direction
	0, -- Repeat count (0 means no repeat)
	false, -- Reverses (tween goes back and forth)
	0 -- Delay time (seconds)
)

local part = script.Parent
part.Position = Vector3.new(0, 2.5, 0)
part.Anchored = true
part.Parent = workspace

-- Define the end state of the properties you want to tween
local goal = {}
goal.Position = Vector3.new(10, 5, 0)

-- Create the tween
local tween = TweenService:Create(part, tweenInfo, goal)

-- Play the tween
tween:Play()

Roblox Studio

Tweening Licht-Eigenschaften

local TweenService = game:GetService("TweenService")

-- Define TweenInfo
local tweenInfo = TweenInfo.new(
	2, -- Time (seconds)
	Enum.EasingStyle.Quad, -- Easing Style
	Enum.EasingDirection.Out, -- Easing Direction
	0, -- Repeat count (0 means no repeat)
	false, -- Reverses (tween goes back and forth)
	0 -- Delay time (seconds)
)

local part = script.Parent
part.Position = Vector3.new(0, 2.5, 0)
part.Anchored = true
part.Parent = workspace

-- Define the end state of the properties you want to tween
local goal = {}
goal.Position = Vector3.new(10, 5, 0)

-- Create the tween
local tween = TweenService:Create(part, tweenInfo, goal)

-- Play the tween
tween:Play()

Roblox Studio

Easing-Stile

Empty

Linear	Bewegt sich mit konstanter Geschwindigkeit vom Anfang bis zum Ende.

Sine	Verwendet eine Sinuskurve für gleichmäßige, periodische Bewegungen.

Back	Übersteigt den Endwert, bevor es sich wieder beruhigt.

Quad	Beschleunigt schnell und verlangsamt dann.

Cubic	Ähnlich wie Quad, aber mit stärkerer Beschleunigung und Verzögerung.

Quart	Noch stärkere Beschleunigung und Verzögerung als Cubic.

Quint	Die stärkste Beschleunigung und Verzögerung.

Bounce	Imitiert einen federnden Effekt am Ende.

Elastic	Bewegt sich über den Endwert hinaus in einer federnden Weise.

Exponential	Beginnt langsam und beschleunigt exponentiell.

Empty

In	Beginnt langsam und beschleunigt gegen Ende.

Out	Beginnt schnell und verlangsamt gegen Ende.

InOut	Kombiniert 'In' und 'Out', beginnt langsam, beschleunigt in der Mitte und verlangsamt gegen Ende wieder.

Suchen Sie nach weiteren nützlichen Tools, um Ihre Produktivität zu steigern?

Weitere Tools Entdecken

Wenn Sie dieses Tutorial hilfreich fanden und meine Arbeit unterstützen möchten, können Sie mir gerne einen Kaffee spendieren.

Vielen Dank für Ihre Unterstützung!

Kaufen Sie mir einen Kaffee