TweenService

Empty

TweenService is een service in Roblox waarmee je vloeiende animaties kunt maken voor GUI-elementen, onderdelen en andere objecten. Het wordt gebruikt om eigenschappen van een object van de ene toestand naar de andere te interpoleren over een gespecificeerde duur.

Tween	Een tween is een animatie die de eigenschappen van een object van een starttoestand naar een eindtoestand interpoleert.

TweenInfo	Dit definieert de parameters van de tween, zoals duur, easing-stijl, easing-richting en herhaling.

Easing Stijlen en Richtingen	Easing-stijlen definiëren de wiskundige functie die wordt gebruikt om te interpoleren tussen de start- en eindwaarden van de tween. Easing-richtingen definiëren hoe de tween verloopt ten opzichte van de start- en eindwaarden.

Tweenbare Objecten

Empty

Position	Verplaats onderdelen/modellen naar een nieuwe locatie.

Size	Wijzig de afmetingen van onderdelen/modellen.

Orientation	Draai onderdelen/modellen.

Transparency	Pas het doorzichtigheidsniveau van onderdelen/modellen aan.

Color	Wijzig de kleur van onderdelen/modellen.

Empty

Position	Verplaats onderdelen/modellen naar een nieuwe locatie.

Size	Wijzig de afmetingen van onderdelen/modellen.

BackgroundColor3	Wijzig de achtergrondkleur van GUI-elementen.

Transparency	Pas het doorzichtigheidsniveau van onderdelen/modellen aan.

Empty

Brightness	Pas de helderheid van een lichtbron aan.

Color	Wijzig de kleur van onderdelen/modellen.

Range	Wijzig het bereik van een lichtbron.

Empty

CFrame

Verplaats of draai de camera.

Empty

Volume	Pas het volume van een geluid aan.

PlaybackSpeed	Wijzig de afspeelsnelheid van een geluid.

TweenService Voorbeeld

Tweening Positie

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 Elementen

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 Eigenschappen

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 Stijlen

Empty

Linear	Beweegt met een constante snelheid van begin tot eind.

Sine	Gebruikt een sinusgolf voor vloeiende, periodieke beweging.

Back	Schiet voorbij de eindwaarde voordat het zich terugzet.

Quad	Versnelt snel en vertraagt dan.

Cubic	Vergelijkbaar met Quad, maar met sterkere versnelling en vertraging.

Quart	Nog sterkere versnelling en vertraging dan Cubic.

Quint	De sterkste versnelling en vertraging.

Bounce	Bootst een stuitereffect na aan het einde.

Elastic	Beweegt voorbij de eindwaarde op een veerachtige manier.

Exponential	Begint langzaam en versnelt exponentieel.

Empty

In	Begint de tween langzaam en versnelt naar het einde toe.

Out	Begint de tween snel en vertraagt naar het einde toe.

InOut	Combineert zowel 'In' als 'Out', begint langzaam, versnelt in het midden en vertraagt opnieuw tegen het einde.

Als u deze tutorial nuttig vond en mijn werk wilt ondersteunen, overweeg dan om mij een kop koffie te kopen.

Hartelijk dank voor uw steun!

Koop een kop koffie voor mij