How can I make a fading frame with 2 text boxes fade with it?

Help and Feedback Art Design Support
, , ,
#1

I have tried using a fading frame script, but however after the frame fades away the letters still appear. I have tried looking for something to put inside of the text boxes but they disappear late…

I have no clue on why this is doing it, I have tried putting the TextBox.Parent thing inside but those come up with a script error.

I have tried looking for solutions but haven’t found nothing, can anyone help me please?

1 Like
#2

If you want that the letters disappear use TextTransparency.

#3

Try using TextTransparency. So far you’re only making the background fade

#4

I have used TextTransparency before but they disappear BEFORE the main frame fades away.

#5

Are you using tweens?
Else You can make this:

for i = 0, 1, 0.1 do:
BackgroundTransparency = i
TextTransparency = i
wait()
end

#6

If you would like to fade out frames, text, and text boxes together, the best practice would be to tween them. Here’s some starter code I made.

local TweenService = game:GetService("TweenService")

local animInfo = TweenInfo.new(
1, --length of tween
Enum.EasingStyle.Linear --type of tween
)

local textbox = --write your path to your textbox
local frame = --write your path to your frame

local textFade = TweenService:Create(textbox, animInfo, {TextTransparency = 1}) --fading out text
local textboxFade = TweenService:Create(textbox, animInfo, {BackgroundTransparency = 1}) --fading out textbox's background
local frameFade = TweenService:Create(frame, animInfo, {BackgroundTransparency = 1}) --fading out frame

textFade:Play()
textboxFade:Play()
frameFade:Play()
#7

What is the frame fading script you followed?

#8

I think your script should work but why do you have a colon after do? That should mess it up if I am correct. I’m not sure if it is a spelling error or what thought.

#9 
local TweenService = game:GetService("TweenService")

TweenIt = function(Object, Changes, Time, Reversing, EasingStyle)
	local Info = TweenInfo.new(
		Time,
		EasingStyle or Enum.EasingStyle.Linear, -- EasingStyle
		Enum.EasingDirection.Out, -- EasingDirection
		0, -- Times repeteated
		Reversing or false, -- Reversing
		0 -- Time Delay
		)
	local Action = TweenService:Create(Object, Info, Changes)
	return Action
end

function AlterTransparency(Gui, Transparency)

	for i, v in pairs(Gui:GetDescendants()) do

		if v:IsA"ImageLabel" or v:IsA"ImageButton" then

			TweenModule.TweenIt(v, {ImageTransparency = Transparency}, .5):Play()

		elseif v:IsA"TextLabel" or v:IsA"TextButton" then

			TweenModule.TweenIt(v, {TextTransparency = Transparency, TextStrokeTransparency = Transparency}, .5):Play()

		end

	end

end

Usage:

AlterTransparency(MyScreenGui, 1)

In Action:

I was working in something in which I made this so why not