How would i replicate this effect

https://gyazo.com/a0482adea62112b38b6483fceab17f1b

I wanna find a way to do this, but i dont quite know how.

1 Like

heres it in mp4 format

1 Like

Your best bet would be to use a sequence of images (made in an external program & imported) to create a mock video. Roblox is not equipped to style text in the way the video presents “Mega Man”, but you could try to replicate the bars in the background by tweeting frames around the screen.

1 Like

I’ll try a spritesheet maybe ---------

1 Like

Spritesheets would be hard limited by the roblox image quality cap-- that being 1024x1024.

If you think you’re up to the task, you can do this with TweenService aswell. It would be quite the task, but it would also be clean, high-fps, and scalable to any resolution. The logo would be a manipulation of ImageLabels ImageTransparency and position, and the lines would be a combination of size, position, and color. All of them would then combine into the one line, revealing another ImageLabel for the X. The screen flash is just a tween in and tween out of transparency on a frame which is all white.

1 Like

I am not that experienced with tweenservice, so I don’t think i am capable.

1 Like

I think you should at least give it a shot. Read this to get the basics down, and then try your hand at doing the logo and screen flash tweens first. If you are good at it, you can try doing the lines. Tweening is simpler than you might think if you already know how UI works.

P.S. position and size for UI objects require a different kind of tween, use the afforementioned link only for the transparency and color tweens. For pos & size, use this:
Frame:TweenSizeAndPosition(UDim2.new(0,0,0,0), UDim2.new(0,0,0,0), --[[ Time, EasingDirection (Enum), EasingStyle (Enum) ]] )

1 Like