Service de Tweens

Le TweenService est un service dans Roblox qui vous permet de créer des animations fluides pour les éléments GUI, les pièces, et autres objets. Il est utilisé pour interpoler les propriétés d'un objet d'un état à un autre sur une durée spécifiée.

TweenUn tween est une animation qui interpole les propriétés d'un objet d'un état initial à un état final.
Infos du TweenCela définit les paramètres du tween, tels que la durée, le style d'assouplissement, la direction d'assouplissement, et la répétition.
Styles et Directions d'AssouplissementLes styles d'assouplissement définissent la fonction mathématique utilisée pour interpoler entre les valeurs de début et de fin du tween. Les directions d'assouplissement définissent comment le tween progresse par rapport aux valeurs de début et de fin.

Objets Tweenables

PositionDéplacez les pièces/modèles vers un nouvel emplacement.
SizeModifiez les dimensions des pièces/modèles.
OrientationFaites pivoter les pièces/modèles.
TransparencyAjustez le niveau de transparence des pièces/modèles.
ColorChangez la couleur des pièces/modèles.
PositionDéplacez les pièces/modèles vers un nouvel emplacement.
SizeModifiez les dimensions des pièces/modèles.
BackgroundColor3Modifiez la couleur de fond des éléments GUI.
TransparencyAjustez le niveau de transparence des pièces/modèles.
BrightnessAjustez la luminosité d'une source lumineuse.
ColorChangez la couleur des pièces/modèles.
RangeChangez la portée d'une source lumineuse.
CFrameDéplacez ou faites pivoter la caméra.
VolumeAjustez le volume d'un son.
PlaybackSpeedModifiez la vitesse de lecture d'un son.

Exemple de TweenService

Interpolation de 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()
Image 1
Roblox Studio

Interpolation des Éléments GUI

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()
Image 1
Roblox Studio

Interpolation des Propriétés des Lumières

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()
Image 1
Roblox Studio

Styles d'Assouplissement

LinearSe déplace à vitesse constante du début à la fin.
SineUtilise une onde sinusoïdale pour un mouvement fluide et périodique.
BackDépasse la valeur finale avant de revenir en arrière.
QuadAccélère rapidement puis ralentit.
CubicSimilaire au Quad, mais avec une accélération et une décélération plus prononcées.
QuartAccélération et décélération encore plus fortes que le Cubic.
QuintL'accélération et la décélération les plus fortes.
BounceImite un effet de rebond à la fin.
ElasticDépasse la valeur finale de manière élastique, puis revient.
ExponentialCommence lentement et accélère de manière exponentielle.
InLe tween commence lentement et accélère vers la fin.
OutLe tween commence rapidement et ralentit vers la fin.
InOutCombine 'In' et 'Out', en commençant lentement, en accélérant au milieu, et en ralentissant de nouveau vers la fin.

Si ce tutoriel vous a été utile et que vous souhaitez soutenir mon travail, veuillez envisager de m'offrir un café.

Merci beaucoup pour votre soutien !

M'offrir un café