Virtual Buttons and DPad

Aloe Guvner · 2018-04-18T03:48:56+0900

Virtual Buttons and DPad by Aloe Guvner Download Link Note: This plugin is not under active maintenance. Background: This plugin focuses on improving the user interface for mobile games created in RPG Maker MV, by allowing the developer to have virtual buttons on the screen that interact with touch input. The emphasis is on maximum flexibility for the developer, you can add as many or as few buttons as you want to the screen, and you can add these buttons on whichever screens you would like (i.e. map, menu, credits, title, etc.). Functionality: This plugin can create 3 different types of buttons: 1.) Directional Pad A single picture which is used for up, left, right, and down movement (also support diagonal movement when combined with a Diagonal Movement plugin). You control what scenes the DPad appears in. This button is optional. 2.) Key buttons These buttons can be used to represent any key. Common keys to use would be "ok" , "escape", "pagedown", "pageup". These can be any key, and there can be as many or as few as the developer would like, and you control what scenes they appear in. Buttons can run Common Events. You can also write custom code that will be run when the button is pressed! You may specify the type of input this button responds to: Triggered: Execute once when pressed (default) Pressed: Execute every frame while pressed Repeated: After 24 frames, execute every 6 frames while pressed Long Pressed: After 24 frames, execute every frame while pressed Released: Execute once when button is released 3.) Control button The control button, if pressed, will collapse and hide all other buttons on the screen. If pressed again, it will expand and show all other buttons on the screen. This allows the player to decide between using the virtual buttons or the standard touch input. The scenes that this button appears in can be defined. This button is optional. Use Cases and Screenshots: {clearly placeholder art below } Spoiler: Use Case example #1 This example uses the DPad and two Key Buttons ("ok" and "escape") to put simple keyboard controls as virtual buttons on the map screen (Scene_Map). Spoiler: Use Case example #2 This example uses buttons with the functionality of "pageup" and "pagedown" in the status screen. These buttons can be put in whichever screen you like. Page Up and Page Down move between actors in the menu, so this would make sense to go in the Status, Equip, and Skill screens (Scene_Status, Scene_Equip, Scene_Skill). Spoiler: Use Case example #3 A virtual button can call custom Javascript code. If you are familiar with the engine, this can be extremely flexible and powerful. In this simple use case, the item screen is opened by pressing the button. Setup: The setup requires a new folder to be created within the img folder of the project. This folder must be named "VirtualButtons". Put all virtual button images in this folder, and then they may be accessed in the plugin parameters. Plugin Commands: * All plugin commands begin with VirtualButtons (MobileUI is also valid, for backwards-compatibility). * All plugin commands are not case sensitive (i.e. "DPad" is the same as "dpad") hide Description: hides the specified button Allowed arguments: DPad Any key button defined by you Control All Examples: VirtualButtons hide DPad virtualbuttons hide Ok MobileUI hide PageDown show Description: shows the specified button Allowed arguments: DPad Any key button defined by you Control All Examples: VirtualButtons show DPad virtualbuttons show Ok MobileUI show PageDown opacity Description: change the opacity of a button Allowed arguments: DPad Any key button defined by you Control All Examples: VirtualButtons opacity dpad 100 VirtualButtons opacity all 50 Terms of Use: Free for use in commercial or non-commercial projects. Credits required to: Aloe Guvner Version History: v2.0.1 (May 13 2019) Fix bug where DPad input wasn't cleared in menus v2.0.0 (May 4 2019) Clears input state on transfer to mitigate stuck DPad input bug Improves clearing of input state each frame to mitigate bug Buttons hidden via plugin command will stay hidden until the show plugin command Key buttons can trigger common events Option to use a "hot" image that shows when the button is pressed Delay parameter to fade-in Plugin command option to show all buttons Plugin command option to hide all buttons Plugin command to change button opacity Add plugin parameter to toggle whether the buttons are hidden during dialogue Fix bug where the DPad would not clear the direction after a parallel event checking for a input direction triggered a Show Choices event command v1.4.0 (December 13 2018) Added ability to configure which buttons are affected by the "control" button Can be used to create dynamic menus v1.3.1 (October 30 2018) Added a parameter to control whether diagonal movement is detected as a possible fix for a hard to reproduce movement bug. v1.3.0 (September 27 2018) Added a parameter to choose to disable the normal touch inpu…

● ARCHIVED · READ-ONLY

Started by Aloe Guvner Apr 17, 2018, 06:48 PM 229 posts Page 4 of 12 View original ↗

ArtikDart

#61 Nov 15, 2018, 08:56 PM Source
Yes, I already tried in an empty project, using only these 2 plugins and I get the same error, even reversing the order.
Another curiosity, I just tried to paste the script of the scene in your plugin, inserting:
Code:
function Scene_PretitleMap() { this.initialize.apply(this, arguments); } Scene_PretitleMap.prototype = Object.create(Scene_Map.prototype); Scene_PretitleMap.prototype.constructor = Scene_PretitleMap; Scene_PretitleMap.prototype.initialize = function() { Scene_Map.prototype.initialize.call(this); DataManager.setupNewGame(); $gamePlayer.reserveTransfer($.MapID, 0, 0); }
and I do not get any more error, it seems that the scene at least apparently is declared, only that I still do not display the keys ...
I think that does not depend on other plugins being that I receive errors even without those, do you want the same list of my plugins?
Aloe Guvner

#62 Nov 16, 2018, 04:12 AM Source
@Jenova I got around to testing your issue, and I actually don't see the same behavior. My event is below, which is an event on the map that the player starts on (tested both Autorun and Parallel). For me, the controls stay hidden during the entire dialogue, and only appear at the end. My "fade duration" was set to the default of 20 frames.

Spoiler

However, if the fade duration is set to lower, then it's possible you may see it pop up (because a lower number means a faster fade-in which can become noticeable). I created new plugin commands for this exact scenario, please see this comment. You can use these plugin commands to instantly hide the UI on the first command of your autorun event and then show it afterwards.

(as a side note, don't set the fade duration to null or 0. positive integers only :) )

@ArtikDart All of your troubleshooting was good, thank you for the effort. I have found the issue, and actually it is only due to how the HIME plugin is written, your setup is correct.

The HIME plugin hides the variables inside a closure, so the variables cannot be accessed from outside, this includes the `Scene_PretitleMap`. In order to allow this, you must make the following edits to the HIME plugin:
1. Replace every `$` with `TH.PreTitleEvents`
2. Remove the line which looks like `(function ($) {` it is near line 103
3. Remove the last line of the plugin which looks like `})(TH.PreTitleEvents);`
I did these 3 steps and it worked fine for me afterwards.
Deleted member 113412

#63 Nov 16, 2018, 04:45 AM Source

Aloe Guvner said:
@Jenova I got around to testing your issue, and I actually don't see the same behavior. My event is below, which is an event on the map that the player starts on (tested both Autorun and Parallel). For me, the controls stay hidden during the entire dialogue, and only appear at the end. My "fade duration" was set to the default of 20 frames.

Spoiler
View attachment 102634

However, if the fade duration is set to lower, then it's possible you may see it pop up (because a lower number means a faster fade-in which can become noticeable). I created new plugin commands for this exact scenario, please see this comment. You can use these plugin commands to instantly hide the UI on the first command of your autorun event and then show it afterwards.

(as a side note, don't set the fade duration to null or 0. positive integers only :) )

Here is a video of what is happening:

Here is my setup:

Setup (Plugin and events)

Could it be that I am testplaying the exe and not on my mobile device?

Thanks!
ArtikDart

#64 Nov 16, 2018, 08:51 AM Source

My friend, you were fantastic!!! I really appreciate your help and I thank you so much.
Now it works perfectly. You were very kind to help me :)
4nzkiwi

#65 Jan 21, 2019, 05:26 AM Source

So far my only problem with this has been remembering to set specific scenes, and hiding in cutscenes. Is there an easier way than re-entering the plugin command after every dialog? I entered the hide command at the beginning, but it seems to reset every time there is a message box.
Aloe Guvner

#66 Jan 22, 2019, 11:19 PM Source

@Jenova Sorry I missed your reply! I got unsubscribed somehow from notifications on this thread.

I can't access your images of the configuration, can you try reuploading them?

@4nzkiwi it was a difficult design decision, because having the UI open on a message box can be ugly especially because the windowskins are somewhat transparent. So by default, the UI is hidden during dialogue and reappears after (no plugin command needed). That new plugin command comes into play if you need to hide the UI immediately as opposed to the duration set in the plugin parameters.
4nzkiwi

#67 Jan 22, 2019, 11:22 PM Source

Oh ok! Still a really great plugin :D
Deleted member 113412

#68 Jan 23, 2019, 03:26 AM Source

Aloe Guvner said:
@Jenova Sorry I missed your reply! I got unsubscribed somehow from notifications on this thread.

I can't access your images of the configuration, can you try reuploading them?

@4nzkiwi it was a difficult design decision, because having the UI open on a message box can be ugly especially because the windowskins are somewhat transparent. So by default, the UI is hidden during dialogue and reappears after (no plugin command needed). That new plugin command comes into play if you need to hide the UI immediately as opposed to the duration set in the plugin parameters.

I actually had the images hosted on my personal website and I moved hosts and had to make the tough decision of getting rid of Cheverato. With this being said, I did not have a physical copy, so I just uploaded what I remember doing.

As for now, this isn't a real #1 priority for me, so its ok if you are busy or take your time looking into it. :)
nzell717

#69 Feb 16, 2019, 11:32 AM Source

hello guys, I have a problem with this plug in, I have version 1.40 of the plug in, I created the mobileUI folder with images but then I do not know how to go on

hel me pls :)
Aloe Guvner

#70 Feb 17, 2019, 03:53 AM Source

@nzell717 What configuration have you done so far? (plugin parameters)
Please show a screenshot of your issue
TenTranVN

#71 Feb 17, 2019, 04:33 PM Source

hello, i don't know if this is an error, it is often stuck with the up button and the solution to fix it is to press it again ... every time you go to another map, it will repeat that error once again
Aloe Guvner

#72 Feb 18, 2019, 06:55 AM Source
Someone else reported this too, so it must be a real issue. I was never able to replicate it, so can you do the following:
1. Confirm you have the latest version of this plugin
2. Confirm the issue happens if only this plugin is on
3. Share a screenshot of your configuration (plugin parameters)
TenTranVN

#73 Feb 18, 2019, 07:00 AM Source

I have two-thirds of what you said, even on iOS and Android, the same error, screen capture can't help you understand the problem better. I think you should check on a mobile device
That problem is located in the D-pad button
pedrohp3

#74 Mar 25, 2019, 01:42 AM Source

I'm facing the exact same issue as TenTranVN. The D-Pad often get stuck in an arrow key if I pressed it long enough.
TenTranVN

#75 Mar 25, 2019, 06:05 PM Source

There has been no news since the day I reported the error :v
miani

#76 Mar 26, 2019, 01:21 AM Source

Is it possible to create an analog stick?

Like this: https://i.ytimg.com/vi/DWikkP0WnQE/maxresdefault.jpg
Aloe Guvner

#77 Mar 26, 2019, 01:34 AM Source

@TenTranVN @pedrohp3 I never fixed it because I wasn't able to re-create it on my side, if I can't re-create then it's very difficult to find the root cause. Do you have any suggestions for how to re-create the issue?

Nothing in programming is random, there's always a cause, so what specific steps do you take when the issue happens?
Like:
1. Walk right 5 steps
2. Hold up for 2 seconds
3. Transfer to another map
4. Talk to NPC
... steps like this, if you can provide the exact steps to re-create the issue then I should be able to find it and fix it :LZSsmile:

@miani Maybe, but what would the analog stick actually do? RPG Maker MV by default only considers if a button is on or off, it doesn't have any function for analog.
miani

#78 Mar 26, 2019, 05:22 PM Source

Aloe Guvner said:
@TenTranVN @pedrohp3 I never fixed it because I wasn't able to re-create it on my side, if I can't re-create then it's very difficult to find the root cause. Do you have any suggestions for how to re-create the issue?

Nothing in programming is random, there's always a cause, so what specific steps do you take when the issue happens?
Like:
1. Walk right 5 steps
2. Hold up for 2 seconds
3. Transfer to another map
4. Talk to NPC
... steps like this, if you can provide the exact steps to re-create the issue then I should be able to find it and fix it :LZSsmile:

@miani Maybe, but what would the analog stick actually do? RPG Maker MV by default only considers if a button is on or off, it doesn't have any function for analog.

I think it would act like a "fake" analog, when it's in the diagonal it's the same that if you're pressing 2 keyboard arrows at the same time. Simulating 8 directions.
Aloe Guvner

#79 Mar 27, 2019, 02:07 AM Source

@miani It already works like that, here's the information from the help section in case you didn't see it:

* //=============================================================================
* Diagonal Movement Parameter
* //=============================================================================
*
* There is a parameter that controls whether diagonal input is recorded from the
* D-Pad. This is not a diagonal movement plugin! This parameter merely controls
* whether touching on the top left will add the input values of both "top" and
* "left" to the input state. Other diagonal movement plugins would consume these
* input values to move the character diagonally.
*
* If your game uses diagonal movement, this parameter must be on. If your game
* does not use diagonal movement, it is recommended to turn this parameter off.
Eliaquim

#80 Mar 28, 2019, 06:14 AM Source

Hi @Aloe Guvner
Thinking about the issue, i uploaded an APK for you to see the problem.
As soon as the game start, you only have to enter in the door above and out, and repeat the process.
You will see that the player will keep going up. When you press other directions, they will return Up again. It only stops when you press UP again.
Same thing when you exit the room, but instead going Up, it will going down.
https://www.dropbox.com/s/po6ma59tui9r7nf/Aloe Issue.apk?dl=0

Also, i have been thinking if you can implement two things:
- Change the opacity of the buttons image inside the game;
- Add an animation to the button when it is pressed (it can be a dark or light flash).
Like this video for example: