🌈 CODE: Making A Main Menu :prideheart:

JemU776 · July 2, 2020, 3:24am

#Here is the code, sorry it’s so long (I like to write out every little thing, even the unnecessary detail lol)

label MENU

EXT. FLOWERGRIEFER RAINBOW BG with WELCOME BANNER JEM to 0.396 45 625 in zone 1 at layer 1 with JEM START to 1.000 -238 387 in zone 1 at layer 1 with JEM SKIP to 1.000 422 333 in zone 1 at layer 1 with JEM CUSTOMIZE to 1.000 -238 279 in zone 1 at layer 1 with JEM POINTS to 1.000 422 225 in zone 1 at layer 1 with JEM RECAP to 1.000 -238 171 in zone 1 at layer 1 with JEM CREDITS to 1.000 422 117 in zone 1 at layer 1 with JEM FAQ to 1.000 -238 63 in zone 1 at layer 1

&zoom reset

&speechbubble reset

&overlay JEM START opacity 0 in 0
&overlay JEM SKIP opacity 0 in 0
&overlay JEM CUSTOMIZE opacity 0 in 0
&overlay JEM POINTS opacity 0 in 0
&overlay JEM RECAP opacity 0 in 0
&overlay JEM CREDITS opacity 0 in 0
&overlay JEM FAQ opacity 0 in 0
&overlay WELCOME BANNER JEM opacity 0.5 in 0
@overlay WELCOME BANNER JEM shifts to 45 436 in 0.9 using easebounceout

&overlay WELCOME BANNER JEM opacity 1 in 0.5
&overlay JEM START opacity 1 in 1.5
&overlay JEM SKIP opacity 1 in 1.5
&overlay JEM CUSTOMIZE opacity 1 in 1.5
&overlay JEM POINTS opacity 1 in 1.5
&overlay JEM RECAP opacity 1 in 1.5
&overlay JEM CREDITS opacity 1 in 1.5
&overlay JEM FAQ opacity 1 in 1.5
&overlay JEM START shifts to 55 387 in zone 1 in 2 using easebounceout
&overlay JEM SKIP shifts to 55 333 in zone 1 in 2 using easebounceout
&overlay JEM CUSTOMIZE shifts to 55 279 in zone 1 in 2 using easebounceout
&overlay JEM POINTS shifts to 55 225 in zone 1 in 2 using easebounceout
&overlay JEM RECAP shifts to 55 171 in zone 1 in 2 using easebounceout
&overlay JEM CREDITS shifts to 55 117 in zone 1 in 2 using easebounceout
@overlay JEM FAQ shifts to 55 63 in zone 1 in 2 using easebounceout

goto menu_page

label page

&overlay WELCOME BANNER JEM opacity 1 in 0.5
&overlay JEM START opacity 1 in 0.5
&overlay JEM SKIP opacity 1 in 0.5
&overlay JEM CUSTOMIZE opacity 1 in 0.5
&overlay JEM POINTS opacity 1 in 0.5
&overlay JEM RECAP opacity 1 in 0.5
&overlay JEM CREDITS opacity 1 in 0.5
@overlay JEM FAQ opacity 1 in 0.5

label menu_page

tappable
“JEM START”{

&overlay WELCOME BANNER JEM opacity 0 in 1
&overlay JEM START opacity 0 in 1
&overlay JEM SKIP opacity 0 in 1
&overlay JEM CUSTOMIZE opacity 0 in 1
&overlay JEM POINTS opacity 0 in 1
&overlay JEM RECAP opacity 0 in 1
&overlay JEM CREDITS opacity 0 in 1
@overlay JEM FAQ opacity 0 in 1

if (STORY){

NARR
You’ve already read the episode, would you still like to read?

choice
“Yes”{

&overlay WELCOME BANNER JEM clear
&overlay JEM START clear
&overlay JEM SKIP clear
&overlay JEM CUSTOMIZE clear
&overlay JEM POINTS clear
&overlay JEM RECAP clear
&overlay JEM CREDITS clear
&overlay JEM FAQ clear

@pause for 0.7

@transition fade out black 0.7

goto BEGIN

}“No, take me back to the main menu”{

goto page

}
}else{

&overlay WELCOME BANNER JEM clear
&overlay JEM START clear
&overlay JEM SKIP clear
&overlay JEM CUSTOMIZE clear
&overlay JEM POINTS clear
&overlay JEM RECAP clear
&overlay JEM CREDITS clear
&overlay JEM FAQ clear

@pause for 0.7

@transition fade out black 0.7

goto BEGIN

}
}“JEM SKIP”{

&overlay WELCOME BANNER JEM opacity 0 in 0.5
&overlay JEM START opacity 0 in 0.5
&overlay JEM SKIP opacity 0 in 0.5
&overlay JEM CUSTOMIZE opacity 0 in 0.5
&overlay JEM POINTS opacity 0 in 0.5
&overlay JEM RECAP opacity 0 in 0.5
&overlay JEM CREDITS opacity 0 in 0.5
@overlay JEM FAQ opacity 0 in 0.5

if (STORY){

NARR
Are you sure you’d like to skip?

choice
“Yes”{

&overlay WELCOME BANNER JEM clear
&overlay JEM START clear
&overlay JEM SKIP clear
&overlay JEM CUSTOMIZE clear
&overlay JEM POINTS clear
&overlay JEM RECAP clear
&overlay JEM CREDITS clear
&overlay JEM FAQ clear

goto DONE

}“No, take me back to the main menu”{

goto page

}
}else{

NARR
You have not played this story yet!

goto page

}
}“JEM RECAP”{

&overlay WELCOME BANNER JEM opacity 0 in 0.5
&overlay JEM START opacity 0 in 0.5
&overlay JEM SKIP opacity 0 in 0.5
&overlay JEM CUSTOMIZE opacity 0 in 0.5
&overlay JEM POINTS opacity 0 in 0.5
&overlay JEM RECAP opacity 0 in 0.5
&overlay JEM CREDITS opacity 0 in 0.5
@overlay JEM FAQ opacity 0 in 0.5

NARR
Are you sure you’d like a recap?

choice
“Yes”{

&overlay WELCOME BANNER JEM clear
&overlay JEM START clear
&overlay JEM SKIP clear
&overlay JEM CUSTOMIZE clear
&overlay JEM POINTS clear
&overlay JEM RECAP clear
&overlay JEM CREDITS clear
&overlay JEM FAQ clear

@transition fade out black 0.7

EXT. APPLES BG

&zoom reset

&speechbubble reset

@transition fade in black 0.7

NARR
The recap goes here (in this example, we’re in a new scene, feel free to use filters).

goto MENU

}“No, take me back to the main menu”{

goto page

}
}“JEM CUSTOMIZE”{

&overlay WELCOME BANNER JEM opacity 0 in 1
&overlay JEM START opacity 0 in 1
&overlay JEM SKIP opacity 0 in 1
&overlay JEM CUSTOMIZE opacity 0 in 1
&overlay JEM POINTS opacity 0 in 1
&overlay JEM RECAP opacity 0 in 1
&overlay JEM CREDITS opacity 0 in 1
@overlay JEM FAQ opacity 0 in 1

&overlay WELCOME BANNER JEM clear
&overlay JEM START clear
&overlay JEM SKIP clear
&overlay JEM CUSTOMIZE clear
&overlay JEM POINTS clear
&overlay JEM RECAP clear
&overlay JEM CREDITS clear
&overlay JEM FAQ clear

@transition fade out black 0.7

EXT. APPLES BG

&zoom reset

&speechbubble reset

@transition fade in black 0.7

NARR
Customization goes here (in this example, we’re using a different background/new scene).

goto MENU

}“JEM FAQ”{

&overlay WELCOME BANNER JEM opacity 0 in 0.5
&overlay JEM START opacity 0 in 0.5
&overlay JEM SKIP opacity 0 in 0.5
&overlay JEM CUSTOMIZE opacity 0 in 0.5
&overlay JEM POINTS opacity 0 in 0.5
&overlay JEM RECAP opacity 0 in 0.5
&overlay JEM CREDITS opacity 0 in 0.5
@overlay JEM FAQ opacity 0 in 0.5

NARR
FAQs go here.

goto page

}“JEM POINTS”{

&overlay WELCOME BANNER JEM opacity 0 in 0.5
&overlay JEM START opacity 0 in 0.5
&overlay JEM SKIP opacity 0 in 0.5
&overlay JEM CUSTOMIZE opacity 0 in 0.5
&overlay JEM POINTS opacity 0 in 0.5
&overlay JEM RECAP opacity 0 in 0.5
&overlay JEM CREDITS opacity 0 in 0.5
@overlay JEM FAQ opacity 0 in 0.5

NARR
Checking points go here.

goto page

}“JEM CREDITS”{

&overlay WELCOME BANNER JEM opacity 0 in 0.5
&overlay JEM START opacity 0 in 0.5
&overlay JEM SKIP opacity 0 in 0.5
&overlay JEM CUSTOMIZE opacity 0 in 0.5
&overlay JEM POINTS opacity 0 in 0.5
&overlay JEM RECAP opacity 0 in 0.5
&overlay JEM CREDITS opacity 0 in 0.5
@overlay JEM FAQ opacity 0 in 0.5

NARR
Credits go here.

goto page

}

label BEGIN

EXT. APPLES BG

&zoom reset

&speechbubble reset

@transition fade in black 0.7

NARR
The whole story line would go here.

gain STORY

goto MENU

label DONE

readerMessage Menu coded by JemU776.

NARR
Thanks for reading!

The Material

Background:

Name: EXT. FLOWERGRIEFER RAINBOW BG

Thank you to @FlowerGriefer for this awesome background <3

Overlays:

Button Overlays Rainbow Start

Name: JEM START

Button Overlays Rainbow Skip

Name: JEM SKIP

Button Overlays Rainbow Customize

Name: JEM CUSTOMIZE

Button Overlays Rainbow Check Points

Name: JEM POINTS

Jem Recap Button

Name: JEM RECAP

Button Overlays Rainbow Credit

Name: JEM CREDITS

Button Overlays Rainbow Faq

Name: JEM FAQ

Name: WELCOME BANNER JEM

Bonus/more overlays:

Button Overlays Rainbow Finish

Name: JEM FINISH

Button Overlays Rainbow Language

Name: JEM LANGUAGE

More types:

Button Overlays Rainbow Finish Purple

Name: JEM FINISH2

Button Overlays Rainbow Skip Orange

Name: JEM SKIP2

These overlays were edited by me and thanks to FlowerGriefer for making the background transparent

The other background:

EXT. APPLES BG <— this is a background I got from pixabay, you can replace this with another background name. If you like the background, here it is:

1 panel/zone: 640 x 1136
2 panels/zones: 1280 x 1136
3 panels/zones: 1920 x 1136

Here’s how to resize images: HOW TO: Resize Images

P.S You’ll need to understand a fair amount of info on overlays, gains, choices as well as labels and gotos (🖤 HOW TO: Labels and Gotos 🖤) in order to make your own menu <3

Video of how it looks in action:

#Thanks for checking this out!

JemU776 · July 2, 2020, 3:43am

BTW just be wary using points, if they decide to replay the episode Also, this thread is dedicated to all my amazing friends, thank you for everything And Happy Canada Day

Zoe.Newman · July 2, 2020, 7:53am

Omg i love this!!! its amazing, if i decide to use this, how do i give u credit?

Emma_episode_03 · July 2, 2020, 8:02am

Is there a difference between skip and finish?

JemU776 · July 2, 2020, 8:27am

I just knew someone was going to ask that There actually isn’t much of a difference, I just put both in and after I coded it, I wondered why I did that lol FINISH can be and will be replaced with RECAP which is an overlay in the materials section.

I was planning on editing this at some point but as of right now, I’m kinda exhausted so I’ll do it later

EDIT: I’ve edited the template and switched FINISH with RECAP

Emma_episode_03 · July 2, 2020, 8:56am

Aaaah okay, I was thinking of suggesting to make it recap haha but your menu looks very good!

Guzzi · July 3, 2020, 5:51pm

I copied and pasted it I’m just confused on what I change to fit mine…also credit to you thank you

JemU776 · July 3, 2020, 8:04pm

Would you like a custom one? you don’t need to add all of them You can tell me which buttons you’d like and I’ll whip up a template with those desired ones

Minimayday · July 3, 2020, 8:28pm

Woah you do custom templates? If do and your free i’d really appreciate one since I tired to code it and I failed (miserably )

JemU776 · July 3, 2020, 9:29pm

Sure, I can help when I’m free

Minimayday · July 3, 2020, 9:30pm

Okay thanks! just tag me or message me when your free!

JemU776 · July 3, 2020, 10:34pm

No problem, will you be using the overlays in the thread above or do you have your own i suck at art or creativity so I wouldn’t be able to make any buttons with fancy font on them if that’s what you’re looking for as well By custom, I mean code, so coding in certain buttons

Minimayday · July 3, 2020, 10:35pm

Ah no I have my own buttons already made!

JemU776 · July 3, 2020, 10:37pm

Glad to hear, you can send me a message whenever you like and I’ll get to it when I’m available to do so

Minimayday · July 3, 2020, 10:38pm

Thank you! I’ll message you tomorrow since it’s really late at the moment

Guzzi · July 4, 2020, 5:19am

I would love the help, Sadly but gladly I figured it out!!thank you for the suggestion.

JemU776 · July 4, 2020, 5:58am

Cool, delighted to hear

MillaDiaz · July 23, 2020, 4:50am

Hii Jem! Can you please help me? Those warnings “The label “menu” is never used.”, “The label MENU does not exist” keep popping up and i don’t know what to do

JemU776 · July 23, 2020, 5:19am

Can you show your code?

BTW

it goes at the very beginning.

MillaDiaz · July 23, 2020, 6:10am

Hey Jem, just wanted to let you know i figured it ou the problem! The “menu label” was written as “MENU label”, thank you for all your help and the template

Topic		Replies	Views
HOW TO: Use Discourse Checklist :purple_heart: :blue_heart: Forum Tutorials general , community	71	13582	February 8, 2024
HELP - Coding Outfit Game Directing Help & Tips communication , general , community , coding , help	6	94	April 9, 2024
FEATURE: Make labels stand out on the portal Writer's Portal Features	7	253	July 7, 2020

🌈 CODE: Making A Main Menu :prideheart:

Video of how it looks in action:

Related Topics