Custom Sub Menus pt1 How to have an event reveal a submenu option

Discussion in 'RPG Maker MV Tutorials' started by Pyrathas, Feb 14, 2019.

  1. Pyrathas

    Pyrathas Veteran Veteran

    Messages:
    91
    Likes Received:
    29
    First Language:
    English
    Primarily Uses:
    RMMV
    Brief description: I have been making a custom submenu and figured out how to have an event reveal them.
    Here we will make the main Submenu page, and hide it until a switch is triggered.

    Here is a video of what we are making


    Requirements:
    RPG Maker MV
    Yanfly Core Engine
    Yanfly Main Menu
    Images


    Tutorial body:
    So first thing's first.
    Get whatever images you want (yes make that text an image) put in your Pictures folder. Put the menu background in the parallax folder I use a special naming convention.
    Pictures folder.jpg

    you need to go to plugins and install Yanfy's Plugins in the order below.

    Project1 - RPG Maker MV 2_13_2019 11_32_02 PM.png

    Next, go to Main Menu Manager and type $gameSwitches.value(4) in Menu 84 show (see image below):

    NOTE: (4) is my switch. you can select any switch number you want. THIS IS IMPORTANT!!!!!!!!!!!!!!!!!!!!!!!!!!

    See Menu 84 EXT? We will be putting our Common event number here.

    Project1 - RPG Maker MV 2_13_2019 11_34_51 PM.png

    Ok Now we go to Database> Common Events and select an empty slot. I chose Number 1.
    Type a name then go back to Yanfly's Main Menu Manager and put the number in the EXT slot.

    Project1 - RPG Maker MV 2_13_2019 11_40_01 PM.png

    Now let's make the map. Go to Map 001 and rename it Debug. It is good practice so I advise you to do it. Trust me.
    then duplicate that map and name it whatever you want that menu to be. I named mine Codex. (lemenu is a different map ignore it).

    Project1 - RPG Maker MV 2_13_2019 11_44_02 PM.png

    Project1 - RPG Maker MV 2_13_2019 11_46_20 PM.png

    Still with me? Good. ok, let's make the Icons for your menu. Don't worry we will come back to debug.
    Make an event, name it after the icon you want it to represent. Choose a character, check the options bellow, trigger is parrallel.
    We want to make each icon with a conditional branch to check a variable called PlayerSprite. Make each variable go +1 starting with 0 per event you make.

    now make a new sheet

    Project1 - RPG Maker MV 2_13_2019 11_48_34 PM.png

    Translation: If the player is not on top of the icon, we want this page to run.

    Project1 - RPG Maker MV 2_13_2019 11_51_39 PM.png

    Project1 - RPG Maker MV 2_13_2019 11_54_24 PM.png

    If the player is on top, we want this page to run


    IF YOU KNOW YOU NEED AN ICON ON A DIFFERENT PAGE BUT NOT ON ANOTHER MAKE A VARIABLE CALLED "PAGE" AND SEE BELOW:
    Project1 - RPG Maker MV 2_13_2019 11_57_51 PM.png
    Project1 - RPG Maker MV 2_13_2019 11_59_47 PM.png

    Do you really need page 3?

    Did you forget to set Priority to below Character? Don't worry, me too! Repeat as need.

    Now go to debug and make an event. Have it control a switch. PUT IN THE SWITCH YOU DESIGNATED IN THE MAIN MENU MANAGER!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
    Now have it select control switch A, make a new page with the condition control switch A. Put an image in it so you can know it worked.
    Project1 - RPG Maker MV 2_14_2019 12_01_29 AM.png

    Now back to the Common Event!

    You need to make a switch. Name it whatever you want. follow below:

    Project1 - RPG Maker MV 2_13_2019 11_40_01 PM.png

    Project1 - RPG Maker MV 2_14_2019 12_07_43 AM.png

    Page three of the condition branch. This will store the player facing in a variable. Variables serve as a memory for the game.
    Project1 - RPG Maker MV 2_14_2019 12_09_46 AM.png

    See the set Movement? I made this especially for any over loocked Icons. So if you can't move, Check this.

    Ok Common Event is done. Go check it out.

    You should see your menu with no new additions, interact with the event and it pops up. Now you select it and....YOU CAN"T MOVE! That's ok. Now comes the headache.

    Make an event, set it to Autorun. VERY IMPORTANT OR YOU won't MOVE!!!!!!!!

    Follow the pictures. Trust me you want pictures:

    This is how we move. Note after inputing the Script condition, the rest is copy Project1 - RPG Maker MV 2_14_2019 12_22_44 AM.png and paste.
    Project1 - RPG Maker MV 2_14_2019 12_21_22 AM.png
    Project1 - RPG Maker MV 2_14_2019 12_20_03 AM.png
    Project1 - RPG Maker MV 2_14_2019 12_22_06 AM.png
    Project1 - RPG Maker MV 2_14_2019 12_22_44 AM.png
    Project1 - RPG Maker MV 2_14_2019 12_24_26 AM.png Project1 - RPG Maker MV 2_14_2019 12_24_41 AM.png

    Yeah, I hated my self too. Try doing <600 lines of C# code in College. Well lets get too it (there's more)
    Project1 - RPG Maker MV 2_14_2019 12_26_15 AM.png Project1 - RPG Maker MV 2_14_2019 12_26_23 AM.png


    If you press escape:
    Project1 - RPG Maker MV 2_14_2019 12_26_31 AM.png

    HI! So below:
    If you press cancel, or ok at 8 (or whatever number you choose to exit), you need to set the page to 0! VERY IMPORTANT FOR THE NEXT PHASE!
    If you press ok at "0" you trigger a second page. THAT WILL BE IN PART 2!

    Project1 - RPG Maker MV 2_14_2019 12_26_39 AM.png

    Ok THESE ARE IMPORTANT:

    Project1 - RPG Maker MV 2_14_2019 12_26_45 AM.png Project1 - RPG Maker MV 2_14_2019 12_27_03 AM.png

    NOTE: THAT LAST LINE IS IMPORTANT!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
    Project1 - RPG Maker MV 2_14_2019 12_32_28 AM.png

    Now go test it out. you can move and escape the menu. What? You can't see yourself moving? Do you see the crystals change? No? ok, check your self-switches.

    Make a new event , parrallel and follow along:
    Erase all Pictures first
    Project1 - RPG Maker MV 2_14_2019 12_34_55 AM.png

    Now we show pictures. the "x" and "y" is resolution, not map coordinates. You are going to have to tweak to your taste.

    At Show Info we have a little text image appear and disappear when highlighted.

    Project1 - RPG Maker MV 2_14_2019 12_35_03 AM.png Project1 - RPG Maker MV 2_14_2019 12_35_11 AM.png Project1 - RPG Maker MV 2_14_2019 12_35_21 AM.png

    If we are not on page 1, erase all the pictures. (Do it). If you don't it will be on your game map.
    Project1 - RPG Maker MV 2_14_2019 12_35_32 AM.png

    Wow. What a trip! Ok test it out.should be working. If not double check this tutorial before you ask.


    Special Thanks: Drifty at Driftwood Gaming for his tutorial that helped me understand menu customization.
    @Andar for his help with show Images.
    Firebatata for the book template
    Yanfly
    for his AWESOME Plugins




    Tags: Providing tags will help members find your tutorial more easil
     

    Attached Files:

    #1
    Frogboy, zerobeat032 and luzi like this.
  2. ShadowDragon

    ShadowDragon Veteran Veteran

    Messages:
    737
    Likes Received:
    216
    Location:
    Netherlands
    First Language:
    Dutch
    Primarily Uses:
    RMMV
    2 things:

    1) why isn't there a demo so it can be downloaded and understand easely than only reading how its done?

    2) why not using "for (var i = 1; i <= 100; ++i) {$gameScreen.erasePicture(i);}" to erase pictures?
    would be faster than erasing 1 by 1.

    Other than that, it's lovely done though.
     
    #2
    ultimagicka likes this.
  3. Hahasea

    Hahasea Veteran Veteran

    Messages:
    115
    Likes Received:
    13
    First Language:
    English
    Primarily Uses:
    RMMV
    @Pyrathas I'm very interested in this, thanks!

    For some reason the youtube video isn't working, could you check that? And +1 on a demo, would make it much simpler.
     
    #3

Share This Page