I need help with tappable menu

I’m getting issues with trying to code a tappable menu. Can someone please help me thanks.

INT. IT GIRL MENU
@transition fade in black 2

@overlay FAQ create
@overlay FAQ opacity 1
@overlay FAQ shifts to -65 13 in zone 1
@overlay FAQ scales to 1.000 1.000

@overlay BONUS create
@overlay BONUS opacity 1
@overlay BONUS shifts to 0 0 in zone 1
@overlay BONUS scales to 1.000 1.000

@overlay SUPPORT create
@overlay SUPPORT opacity 1
@overlay SUPPORT shifts to 0 0 in zone 1
@overlay SUPPORT scales to 1.000 1.000

@overlay POINTS create
@overlay POINTS opacity 1
@overlay POINTS shifts to 0 0 in zone 1
@overlay POINTS scales to 1.000 1.000

    NARRATOR
Thank you for reading |bold, italic, color:pink| It Girl, |reset| I really appreciate it.

    NARRATOR
And thank you to @amepisode, @shara.stories for the incredible backgrounds.

    NARRATOR
This is my first story I'm putting out so, I'll let you know now that everything will get better.

    NARRATOR
By that I mean my directing, dialogue and storyline.

    NARRATOR
Anyways

    NARRATOR
Welcome to the ending menu where you can check your points, purchase points and even support me as a new author.

    NARRATOR
Where would you like to go?

tappable
“FAQ”{

"When is your next update?"
    NARRATOR
I'm going to be honest It'll probably take me a week or two to finish and update a new chapter.

    NARRATOR
Simply because I have work and also I tend to be a little lazy.

}

} “Who are the love interests” {
NARRATOR
The love interets are both Jackson and Weston. You can choose who you want to end up with in the end.

"When can we customize the characters again?" }

    NARRATOR
You can recustomize the characters next chapter but after that it'll be every 5-10 chapters.

} “How long will the story be?” {

    NARRATOR
I plan on having the story be around 25 chapters because I feel like that's duable for me.

    NARRATOR
I don't plan on making it any longer or shorter.

} “Can you explain the redemption and spoiled brat points?” {

    NARRATOR
Okay, so I kinda didn't know what to name the points lmao.

    NARRATOR
But basically redemption points are going to be her good points and her spoiled brat points are her bad points.

    NARRATOR
You don't lose any points but if you're on a certain path you won't unlock a certain choice fitted with that point.

    NARRATOR
Because it wouldn't fit with her choices from the past.

    NARRATOR
This is my first time using the point system so yeah.

} “Will you publish anymore stories after this one?” {

    NARRATOR
Yes, I will.

    NARRATOR
It'll be a while for now. But I plan on publishing two more stories out.

}

INT. IT GIRL MENU
@transition fade in black 2

@overlay FAQ create
@overlay FAQ opacity 1
@overlay FAQ shifts to -65 13 in zone 1
@overlay FAQ scales to 1.000 1.000

@overlay BONUS create
@overlay BONUS opacity 1
@overlay BONUS shifts to 0 0 in zone 1
@overlay BONUS scales to 1.000 1.000

@overlay SUPPORT create
@overlay SUPPORT opacity 1
@overlay SUPPORT shifts to 0 0 in zone 1
@overlay SUPPORT scales to 1.000 1.000

@overlay POINTS create
@overlay POINTS opacity 1
@overlay POINTS shifts to 0 0 in zone 1
@overlay POINTS scales to 1.000 1.000

NARRATOR
Thank you for reading |bold, italic, color:pink| It Girl, |reset| I really appreciate it.

NARRATOR
And thank you to @amepisode, @shara.stories for the incredible backgrounds.

NARRATOR
This is my first story I’m putting out so, I’ll let you know now that everything will get better.

NARRATOR
By that I mean my directing, dialogue and storyline.

NARRATOR
Anyways

NARRATOR
Welcome to the ending menu where you can check your points, purchase points and even support me as a new author.

NARRATOR
Where would you like to go?

tappable
“FAQ”{

NARR
What would you like to ask?
choice
“When is your next update?” {

NARRATOR
I’m going to be honest It’ll probably take me a week or two to finish and update a new chapter.

NARRATOR
Simply because I have work and also I tend to be a little lazy.

} “Who are the love interests” {
NARRATOR
The love interests are both Jackson and Weston. You can choose who you want to end up with in the end.

} “When can we customize the characters again?” {

NARRATOR
You can recustomize the characters next chapter but after that it’ll be every 5-10 chapters.

} “How long will the story be?” {

NARRATOR
I plan on having the story be around 25 chapters because I feel like that’s duable for me.

NARRATOR
I don’t plan on making it any longer or shorter.

} “Can you explain the redemption and spoiled brat points?” {

NARRATOR
Okay, so I kinda didn’t know what to name the points lmao.

NARRATOR
But basically redemption points are going to be her good points and her spoiled brat points are her bad points.

NARRATOR
You don’t lose any points but if you’re on a certain path you won’t unlock a certain choice fitted with that point.

NARRATOR
Because it wouldn’t fit with her choices from the past.

NARRATOR
This is my first time using the point system so yeah.

} “Will you publish anymore stories after this one?” {

NARRATOR
Yes, I will.

NARRATOR
It’ll be a while for now. But I plan on publishing two more stories out.

}
}

1 Like

If anyone is interested in making their own template, this is how I did mine.
If you prefer to read this more clearly in a document check it out in the templates folder of my google drive. Google drive linked below.

Links to my google drive, including templates, backgrounds and overlays, and my brand new story on episode: Anti-HEROES.

HOW TO: Create a Game Menu

The first thing we have to do is make a Game Menu Background.

The one I made is above, but you can personalise yours to look however you want.

I used the editing software GIMP 2.10 for (ios) because it’s easy to use and completely free.

If you want to download GIMP I will put the link here:

GIMP - GNU Image Manipulation Program

If your struggling to download it, use the videos from this channel: Parker Photographic

The link for the downloading GIMP on a Mac Video is:

How to Install GIMP on a MAC

But feel free to use whatever you want but please note my instructions will be in the GIMP format.

Any questions? DM me @storiesby_lia

Link to my instagram.

STEP 1: Open your chosen image background in GIMP

STEP 2: Adjust image size

Go to Image > Canvas Size

Adjust your canvas size to width:640 and height:1136

If your image is too big or small you can adjust that by going to Layer>Scale Layer to change the dimensions

OR hold down Shift and S at the same time to scale it up or down to make it fit on the canvas.

STEP 3: Customise

Now that our image is the right size, you can customise it to fit your story’s theme.

I added the title of my story and my name at the bottom to personalise it.

I did this by using online free font websites, writing my text then copying and pasting it into gimp. Finally, using the scale tool (SHIFT+S) to make it fit.

This is what mine looks like now.

STEP 4: Adding the buttons.

For this you need to find a button that you can add to your game menu.

I used the one above.

If you want to use this button, you can find it attached in this folder.

If you want to find your own I recommend using png websites like:

png tree

clean png

OR just using google images and typing in “png button”

Once you have got a button, then you will need to copy and paste it into GIMP.

I did this 3 times as I wanted 3 buttons: Start, Previously and Skip

You may choose to add less or more buttons (such as another for customisation), then paste the button in four times.

Scale them up or down so they fit neatly and move them so they are in a straight line.

Then add text on top of them so they say START, PREVIOUSLY and SKIP

You can do this by copying and pasting the writing from a free font website OR by adding a textbox over the button and typing it in.

I prefer to use free font websites as they have prettier fonts but that’s just my personal opinion.

This is my finished product!

Now we need to upload some things into episode

STEP 5: Uploading stuff into Episode .

Head to the Episode Interactive Portal.

And go to Art Catalogue.

Upload this background. (Size:One Panel)

Now we need to upload the button png as an overlay.

NOTE: YOU ONLY NEED TO UPLOAD A PLAIN BUTTON ONCE!

(Regardless of how many buttons are on your menu)

This will make more sense when coding later.

Remember if you are struggling with any of this DM me @storiesby_lia and I would be more than happy to help you out!

Let’s move onto coding our GAME MENU!!

CODING YOUR GAME MENU

Below is the code for the Game Menu.

You should be able to copy and paste it into Episode.

Follow the instructions in blue to make it fit for your story and avoid errors in the portal.

GAME MENU ##{
label GAME_MENU
EXT. GAME MENU ##Put the game background we made here##
&zoom reset
&reset hsl in 0
&speechbubble reset
@overlay START create from WHITE BUTTON AND overlay START shifts to 62 323 in zone 1
@overlay PREVIOUSLY create from WHITE BUTTON AND overlay PREVIOUSLY shifts to 61 261 in zone 1
@overlay SKIP create from WHITE BUTTON AND overlay SKIP shifts to 62 199 in zone 1
##Replace WHITE BUTTON with the name of the button overlay YOU uploaded##
##This is going to create new overlays from the white button overlay and name them different things so you can move them over the buttons on the game menu. They are supposed to be transparent so they don’t show up##
##If you have more or less buttons on your Game Menu then create more or less overlays accordingly##
##If any of this is confusing, DM me and I will help you out.##
##Line up the button overlays with the buttons on the game menu background##

tappable
“START”{
goto START
}“PREVIOUSLY”{
goto PREVIOUSLY
}“SKIP”{
goto SKIP
}

#PREVIOUSLY{
label PREVIOUSLY
INT. BLACK - NIGHT
NARRATOR
Previously…
##Here add the scene(s) you want to remind the reader of.##

INT. BLACK - NIGHT
NARRATOR
Go back to the Game Menu and press START.

choice
“BACK”{
goto GAME_MENU
}
#}

#SKIP{
label SKIP
EXT. ANTI-HEROES INTRO
NARRATOR
Only skip this episode if you have already seen it | bold |OR | reset |episode is making you rewatch it.
@pause for .2
NARRATOR
Are you sure you still want to skip?
choice
“YES, I want to skip this episode”{
NARRATOR
Last Chance!
choice
“YES, just let me skip it already!”{
goto END
}“NO, I made a mistake, take me back!”{
goto GAME_MENU
}}
"NO, take me back to the Game Menu. "{
goto GAME_MENU
}
#}

#START{
label START
##Here you can begin your story. An example is below.##
EXT.WARNING-NIGHT ##Put your warning card here, if you have one##
&zoom reset
&set hsl 0 65 -3 no_colorize with blendMode Overlay to 100% in 0
@pause for 2
@speechbubble reset
NARRATOR
| bold |Watch at your own discretion.
@pause for a beat
@transition iris out black 2
#}
##}

##Put this part at the end of your story##
#END{
label END
EXT.PRETTYBKG
@zoom reset
@cut to zone 1
@speechbubble reset
NARRATOR
End of Episode 1.
#}