Can you tell us how to do credits?
@wurzq What I used for the black frame is the Rotation property, where I tilted it by 15 degrees, I then added a UIGradient. After that, you just need to utilize the transparency property to get the right look you want!
@M_etrics The purpose of this tutorial was just to do the intro scene, rather than focus on the tabs, as they can be done in various ways. Here’s a simple one, where it prompts up:
--> LocalScript
local creditButton = script.Parent --> Replace with what the button is.
local creditTab = script.Parent --> Replace with what the credit tab is.
local creditOpened = false
creditButton.MouseButton1Click:Connect(function()
creditOpened = not creditOpened
creditTab.Visible = creditOpened
end)
What we did here is just create a variable that changes between true and false for each time the Credit Button is clicked. That way, it’ll open when you click it, and close when you click it again!
3 Likes
So if I pressed credit button the loading screen will go and it’ll show credits? Also I have a home gui button how would I do it so if pressed it returns to the menu.
That’s just a simple example you can modify to fit your game (in this case, the credit tab still prompts, on top of the intro UI).
The home GUI, you could do MouseButton1Click, and when clicked, you can fade out the screen like used in the Intro UI, and enable the Intro UI, and setting the camera properties correctly.
Question, do I put the creditTab transparency 1?
It depends how you’re using the tab, and how the game’s structured. The tutorial’s intended to just show you the basics of how to create a UI intro with scenery, and I didn’t mean to delve into extraneous features, as they can be done numerous ways.
Thanks, I appreciate it. 30char
1 Like
This is an excellent idea for games to have title screens which show parts of the game before they are introduced to the environment.
Something that I had tried a little while ago is making the title screen a little more interesting by having the camera move. For example, I am working on a project which is creating a virtual roleplay experience in the City of London and I created the following title screen: https://youtu.be/AOp6ntWNGlI
Of course this is not essential as something simple as defined above can be absolutely perfect but I think adding movement (although it’s not without flaws) could enhance the experience depending on the context.
2 Likes
Amazing! I’ve been wondering how to do this! Thanks for your help!
1 Like
How do you do this, may you explain?
Using the TweenService, you can change the CFrame value of the camera to move between a start position and orientation to a new start position and orientation. To save hassle, I created some BaseParts and placed them into the world so I could easily adjust the position and orientation and see results immediately.
Very interesting, thanks for the tutorial
I’m still having trouble with this… (mostly my fault) does anyone have a unlocked game with this?
I love this idea! Here’s mine. It also has music that stops when you click play, and the camera has a tween so it’s in a different place every time.
4 Likes
Wow! I really like this! I’m going to be using this is in future. Thank you so much for posting this.
2 Likes
Wow, I just made an intro screen without your tutorial and now I wish I used yours…
2 Likes
Thank you for this tutorial since I have just started leaning UI. This will help beginners like me learn more UI and help out people! Tysm!
2 Likes
And of course I’m having trouble on the first coding part…
Hello! I need some help. Can you please say what are the properties of you UiGradient? Thank you!