Evented Image Menu

じ☆ve冰风

OLD Menu Stays, but Check my Advanced Evented Menu with NO plugins.


Spoiler: OLD Sample Button Images

I have no idea if this already exist,  but this image based menu has "1" downside at the moment.

1) This Event need to be placed in every single map,  but otherwise, fully functioning.

The good side of this event, its unique and you can style the buttons how you want it.
You need however need some pre-require a few things before we start.

1) 5 button images (5 button on 1 images, and which has 1 selected)
    Place those in the /img/picture/ folder
Spoiler: Sample Button Images


2) the following Plugins is required
   - YEP_CoreEngine
   - YEP_ButtonCommenEvent
   - YEP_StopMovementEvents
   - Galv_ImageCache (or other Preloader)

3) - 1x Switch  (Switch is used to call the Main Menu)
    - 1x Variable  (Variable is used to read the index)

When you got all of it and setted up, than you are ready to follow along.

Let's get started shall we.

Step 1:
Go to "Database -> Common Events"
Choose an open slot and put in "Main Menu OPEN/CLOSE or anything you can refer to it.
Spoiler: Step 1[quote]Explanation:
The condition branch check if Main Menu is ON or OFF.
When ON, Control Switches Main Menu Toggle = OFF
Else
When OFF, Turn Control Switch is ON
The Variable Reads the Index, so we reset it to 0 (this way, the 1st button is always selected)
The Plugin Command: RevertButton Cancel   is there whenever you press X button.
This refer to the plugin YEP_ButtonCommonEvent.js




Go to the plugin manager and double click ButtonCommonEvents and set up the X button to the
Common Event ID number (show below)



Your ID can be 6 if you place it there, or if its 10,  put to on its value.

Step 2:
Next we create 2 events here, both on auto run, but slightly different.
We start with the setup on the autorun to control Menu Access as follow
Spoiler: Step 2

Explanation:
First we place Change Menu Access to disable,  to disable the standard menu compleetly.
After we use Galv_ImageCache to load the images before we use them.
this to avoid andy flashing/flickering for the first time we use it.
Call the button as simple like B1, B2, B3 etc) (sample)
Than we use a Self Switch A = ON and make page 2 with A switch on, and leave black.
Make sure its on Button Action on this page or it will freeze the game

Step 3:
The next event is set to auto run as well, but only work when Main Menu is called.
Spoiler: Step 3

Explanation:
Put the Switch on Main Menu Toggle or however you call it and make sure its on Autorun.
This has only 1 page, but the downside here at the moment is, this event need to be placed on
every single map where you want to call this menu or it wont work, Unfortunatly,
you cant make it a parallel process so I dont found a way to make that work at this point.




The first this we setup is calling the Button Images
but on the top, we use StopEventMovement  Plugin Command to stop movement around the map.
and place a conditional branch to call the variable Index (depends how you name it) and put it on 0
below End, repeat the proces for all the buttons you use,  Index 1 for the 2nd button,  Index 2 for the 3rd,
Index 3 for the 4th button and so on (you can go on as many buttons you have)




Next we check if the button down, up is being pressed and make it loop if it reach the 5th button.
We check the button by a conditinal branch scrip call:  Input.isTriggered('up') and Input.isTriggered('down')
This also work with condition branch Button "button" is pressed from the drop down menu.
If you use 8 buttons, make sure you put 7 to make it loop.
in case you want a SE (Sound Effect), place it below Control Variable -=1 and +=1 (this is optional)




Next we make sure when OK is pressed, the button go to the selected scene.
When we make a conditional branch here, we use a script call:  Input.isTriggered('ok')
and inside we check when the button index is pressed we made with the images.

change Text with the script calls or plugin command for the scenes:
Example:  SceneManager.push(Scene_Item);   to go to the item menu
or when  SceneManager.push(Scene_Equip); to go to the equip scene

Repeat this proces for all your buttons in the same condtional branch (above the last "End")




Lastly, we make the Cancel so we can close the menu.
While we use 1 image, we erase 1 image, if you have separated images more then 1, erase them all.
but if you use 8 images, than use a scriptcall instead:  for (var i = 1; i <= 100; ++i) {$gameScreen.erasePicture(i);}

The Control Switches Main Menu Toggle = OFF and we use 2 Plugin commands
Plugin Command:  AllowEventMovement  make sure the events runs again that we stopped before.
Plugin Command:  SwitchButton Cancel  make sure the button X works again,  if you don't use this,
you can not call this menu again.

Other buttons like A, B, Q might not work, but when X is the precious menu and cancel, it works best here.





You make sure if you go into scenes or multiple choice, you need to Revert back cancel button first
or a choice to cancel is because X wont work for cancel as long its bind to the common event.

Plugin Commands :  RevertButton Cancel  and  SwitchButton Cancel are needed to use the cancel button as normal.
if you revert in the beginning, make sure to switch back to call the menu again.

[/quote]
Use any shape of button and selectable and REMEMBER to put this event on EVERY MAP for it to work on the map
where your actor/player is.

I hope you like this tutorial

Got suggestions or a way to improve?
Let me know and what you think.


本贴来自国际rpgmaker官方论坛作者:ShadowDragon处,因国际论坛即将永久关站,为了存档多年珍贵资料,署名转载到本论坛存档,由于官方帖子为英文原帖，需要中文翻译请点击论坛顶部切换语言为中文就可以将帖子翻译成中文浏览,方便大家随时查看,原文地址：https://forums.rpgmakerweb.com/threads/evented-image-menu.108249/