fade in function | Roblox Studio Community | Page 1

empty root Oct 18, 2025, 6:39 PM

#

i've made my custom function to tween a frame and its descendants, but it sometimes doesnt work (only the viewport frames do)

#

--true means in, false means out
local function fade(frame: Frame, state: boolean)
    assert(frame:IsA("Frame"), `Expected {frame} to be a Frame.`)
    
    --type(state) doesnt work so hardcode it into true or false
    assert((state == true) or (state == false), `Expected {state} to be a boolean.`)
    
    local tweens: {[number]: Tween} = {}
    local fadePreferences: TweenInfo = state and fadeInPreferences or fadeOutPreferences
    local validInstances: {[number]: {["instance"]: any, ["property"]: string | number}} = {}
    
    for _, miniFolder in pairs(frame:GetChildren()) do
        if not miniFolder:IsA("Folder") then
            warn(`Expected {miniFolder} to be a Folder.`)
            continue
        end
        
        for _, gui in pairs(miniFolder:GetChildren()) do
            if not gui:IsA("GuiObject") then
                warn(`Expected {gui} to be a GUI.`)
                continue
            end
            
            --save and reset the old data
            local goals: {[string]: any} = {}

            --determine goals based on the gui's type
            if gui:IsA("ImageLabel") then
                if state then --fade in
                    goals.ImageTransparency = gui.ImageTransparency
                    gui.ImageTransparency = 1
                        
                else --fade out
                    goals.ImageTransparency = 1
                    table.insert(validInstances, {["instance"] = gui, ["property"] = "ImageTransparency"})
                end 
                    
                --yes i copy pasted this
            elseif gui:IsA("ImageButton") then
                gui.Interactable = state
                if state then --fade in
                    goals.ImageTransparency = gui.ImageTransparency
                    gui.ImageTransparency = 1

                else --fade out
                    ```

#

goals.ImageTransparency = 1
                    table.insert(validInstances, {["instance"] = gui, ["property"] = "ImageTransparency"})
                end 
                    
            elseif gui:IsA("TextLabel") then
                if state then --fade in
                    goals.TextTransparency = gui.TextTransparency
                    gui.TextTransparency = 1

                else --fade out
                    goals.TextTransparency = 1
                    table.insert(validInstances, {["instance"] = gui, ["property"] = "TextTransparency"})
                end 
                    
                    --yes i copy pasted this
            elseif gui:IsA("TextButton") then
                gui.Interactable = state
                if state then --fade in
                    goals.TextTransparency = gui.TextTransparency
                    gui.TextTransparency = 1

                else --fade out
                    goals.TextTransparency = 1
                    table.insert(validInstances, {["instance"] = gui, ["property"] = "TextTransparency"})
                end
            end
            
            table.insert(tweens, TweenService:Create(gui, fadePreferences, goals))
        end
    end
    
    --play the tweens
    if state then
        frame.Visible = true
        
        for _, tween in pairs(tweens) do tween:Play() end
    else
        for _, tween in pairs(tweens) do tween:Play() end
        
        task.wait(fadePreferences.Time)
        frame.Visible = false
        
        --reset everything back
        for _, touple in ipairs(validInstances) do touple.instance:ResetPropertyToDefault(touple.property) end
    end
end```

#

i'm using !strict so i have to be explicit, sorry for the huge block

#

use case:

#

i'd say that it has an ~85% to not bug when used

#

also, if it does happen to bug, the viewports stay visible

#

it's only bugging when fading in

next goblet Oct 18, 2025, 6:54 PM

#

empty root use case:

assert is useless here

#

for

#

all of it

empty root Oct 18, 2025, 6:54 PM

#

it's not really

#

i enjoy using it

next goblet Oct 18, 2025, 6:54 PM

#

considering its just gonna yield forever

#

if its not there

empty root Oct 18, 2025, 6:54 PM

#

but that's not the problem

#

can we ignore the asserts

#

there's no error messages so it's not the assert

empty root Oct 18, 2025, 6:55 PM

#

next goblet if its not there

also thanks for stopping to try to help

#

do you have any other idea on why this doesnt work

next goblet Oct 18, 2025, 6:56 PM

#

yeah

#

maybe ur doing it too fast

empty root Oct 18, 2025, 6:56 PM

#

empty root use case:

all the other functions do what they're supposed to do but nothing else is affected when the fade function doesn't work

empty root Oct 18, 2025, 6:56 PM

#

next goblet maybe ur doing it too fast

so i should add runservice.rendersrtepped s?

next goblet Oct 18, 2025, 6:57 PM

#

nah what I mean is maybe ur tryna call it too fast

#

Shrug

#

does it ever do it on first fade in

empty root Oct 18, 2025, 6:57 PM

#

dammit

empty root Oct 18, 2025, 6:57 PM

#

next goblet does it ever do it on first fade in

it could

#

it's about that 85% thing

#

it's not bugging on some specific numbers

#

I'll add in a renderstepped wait before fading them in

tough sentinel Oct 18, 2025, 6:58 PM

#

Screenshot_2025-10-18-16-34-34-543_com.zhiliaoapp.musically-edit.jpg

empty root Oct 18, 2025, 6:58 PM

#

tough sentinel

what

next goblet Oct 18, 2025, 6:58 PM

#

empty root I'll add in a renderstepped wait before fading them in

nah

#

what I mean is

#

well

empty root Oct 18, 2025, 6:58 PM

#

um

#

let's just try that renderstepped

#

it sounds like a great idea

tough sentinel Oct 18, 2025, 6:59 PM

#

empty root what

Hm

next goblet Oct 18, 2025, 7:00 PM

#

empty root let's just try that renderstepped

task.wait is basically the same as renderstepped:wait
btw

empty root Oct 18, 2025, 7:00 PM

#

next goblet task.wait is basically the same as renderstepped:wait btw

ill go with the more precise one

#

if im using !strict, i might aswell

next goblet Oct 18, 2025, 7:00 PM

#

strict is just for type checking

empty root Oct 18, 2025, 7:00 PM

#

im using strict with the purpose of torturing myself

next goblet Oct 18, 2025, 7:00 PM

#

strict isnt torture tho

#

I enjoy using strict

empty root Oct 18, 2025, 7:01 PM

#

attempt 1/1 worked

#

2/2 worked

#

3/3

#

4th didnt work

#

#

what other ideas do you have

#

i could screenshare if that'd help you

empty root Oct 18, 2025, 7:06 PM

#

next goblet I enjoy using strict

do you have any other ideas

empty root Oct 18, 2025, 7:06 PM

#

next goblet strict isnt torture tho

i'm using it in a way to torture myself

next goblet Oct 18, 2025, 7:06 PM

#

empty root do you have any other ideas

gui is evil

empty root Oct 18, 2025, 7:07 PM

#

😔

next goblet Oct 18, 2025, 7:07 PM

#

empty root i'm using it in a way to torture myself

bro

empty root Oct 18, 2025, 7:07 PM

#

so i dont get a fix

#

broken hart

#

shart

next goblet Oct 18, 2025, 7:07 PM

#

#

idk how ur starting it

#

but maybe its resetting it

empty root Oct 18, 2025, 7:08 PM

#

wha?

#

wdym

next goblet Oct 18, 2025, 7:08 PM

#

idk if ur firing a remote to client to start

#

or what

#

but maybe u start another one too soon after the last

#

and its still going

empty root Oct 18, 2025, 7:08 PM

#

i use the command bar

#

i mean i used to

#

now i have a function that adds a proximity prompt to the npc

#

and you enable the proxy to start the dialogue

empty root Oct 20, 2025, 5:55 PM

#

its still not fixed btw

#

id appreciate any help from anybody

#fade in function