Dynamic Touch-Screen Control Widget!

Bipolar_Games · June 19, 2015 at 11:21 PM

Hi! I've been working on a series of dynamic touch-screen controls for Android and iOS. Basically, the controls are all customizable and spawn where the user touches on the screen. Check out this video to see it in action in a few different game types:

Please login to see this media element.

I haven't finished coding it yet, nor have I finished commenting the code, so I'm not releasing the source just yet. But try it out on your devices and let me know what you think!

Download links:

Android: Please login to see this link.
iOS: Please login to see this link.

More Details:

Control types:
- Single Joystick control with a button
- Dual Joystick control
- Horizontal slider + button
- Vertical slider + button
- 8 Directional "d-pad" style movement + button

Customizations:
- All controls can be either Dynamic (spawn when the user touches the screen) or Static (they stay visible at all times and do not move)
- The scale of the on-screen controls can be increased or decreased
- The "Spawn Area" for Dynamic controls can be changed (For example: Joystick can be set to be used in the Lower-Left portion of the screen, Button to the Lower-Right portion)
- Button "repeat" can be turned on and off, if you'd like the user to be able to tap and hold, or tap each time to activate the button's function

Technical customizations:
- A Joystick's radius and deadzone can be customized however you like
- Buttons have customizable "repeat delays" for tap-and hold functions
- Dynamic Joysticks have an "edge safe" mode (on by default) that prevents the user from spawning a joystick so close to the screen edge that the joystick cannot be used.
- Screen boundaries can be customized to whatever you please, not just the preset halves and quarters of the screen I've implemented.

(All visual assets by Kenny: Please login to see this link.)

MTCMusic · June 20, 2015 at 1:37 PM

Hi!,
I'd definitely buy that if you put it in the store. Great demo. Can't wait to put it into my existing HTML5 games.

Bipolar_Games · June 21, 2015 at 5:12 AM

Awesome! I'll probably be releasing it for free, with a link to donate if you wish (or paid, with a link to download it for free + a small dose of guilt ).

aenever · June 21, 2015 at 1:03 PM

I really like that the joystick spawns as you touch neat idea.XD

RealDgk · June 22, 2015 at 5:22 AM

This is pretty awesome. When do you plan on releasing the source for it?

Bipolar_Games · June 23, 2015 at 3:26 AM

Thanks everyone!

Hopefully releasing it in the next week or two! I need to finish up polishing up the code, maybe adding a couple more examples, and commenting everything extensively. I work full time so no telling when exactly it'll be done

RealDgk · June 23, 2015 at 8:08 AM

Sweet! Can't wait lol. Will this be on clickstore or are you just going to release the .mfa for free?

faber · June 23, 2015 at 9:32 AM

Nice work Bipolar_Games! I need it badly and I'm 100% going to buy it if you put it in the store

faber · June 23, 2015 at 4:45 PM

Bipolar, just to let you know that your engine works very well on my device (android galaxy note II). Hope to see soon the source released on the clickstore!

TheLastNinja · June 24, 2015 at 9:32 PM

Looks pretty awesome !

RealDgk · July 19, 2015 at 4:05 AM

Is this still going to be released?

Bipolar_Games · August 14, 2015 at 8:02 PM

I'm almost ready to release this widget, hooray! I do need to get some testers before I put it out there, so if you'd like to test out the Dynamic Control Widget, please PM me and I'll send you a private build

Bipolar_Games · August 26, 2015 at 1:09 AM

Last call for testers! The plan is to release the Dynamic Joystick Widget by end of next week!

PM me if you'd like to try it out and help me make it the best widget it can be!

roxflame · August 31, 2015 at 7:50 AM

I'd absolutely love to test it! I was thinking up a similar control scheme, but you're way ahead of me in terms of actually implementing it! I've got a couple of ideas to improve it that I could add and contribute back if you like
The version I had in my head if you moved your finger far enough away from the center of the spawned control point on teh same contiguous touch it'd start dragging the controls toward you as if on a fixed length tether so your finger is never too far from the center for switching directions. figured it'd be handy if you were continuously moving a character for a long period and your finger/thumb had wandered a bit etc.

shequet · September 3, 2015 at 8:20 AM

Hello,
your extension greatly interests me , if you want me to the test I am available .

Sorry for my english but I'm french google .

Best regards

Bipolar_Games · September 4, 2015 at 11:03 PM

The Dynamic Joystick Widget is finished and will be released as soon as my ClickStore seller profile is activated

Here's a preview of the functionality and all the examples I'm including with the widget:

Please login to see this media element.

roxflame · September 7, 2015 at 4:52 AM

*Waits eagerly yet patiently*

Bipolar_Games · September 9, 2015 at 6:32 PM

Almost there! The Widget just has to be approved by ClickStore moderators

In the meantime, would a French speaking person be so kind as to translate this for me? It would be super appreciated!

Quote

The Dynamic Joystick Widget is a tool for Clickteam Fusion developers to use in their Android and iOS mobile games!
Preview video: [link to Dynamic Joystick Widget on Youtube]
Wherever the player touches on screen (within your customized boundaries), your customized joystick will spawn. Your players can now choose where they feel is most comfortable to rest their thumbs and control your game. No more sore, cramped thumbs!
Import the widget into your game and super easily add a smart, dynamically positioned joystick specifically designed for touch-screens. Edit a few alterable values on the widget to customize its built-in visuals and settings, such as:
Joystick scale
Screen position where the Joystick can be used
Joystick drag radius
Deadzone
Type of control (Analog, D-Pad, Horizontal/Vertical Slider, etc)
and more!
The widget also includes a Button widget (seen in the preview video) and can even be easily used for dual-joystick style games!
The MFA file comes with seven (!) example frames showing off different game styles and uses for the widget, as well as a Debug frame that allows you to see what's going on behind the scenes. Be sure to check out the "Settings + Help" event editor for extensive documentation on the widget!

Note: HTML5 touch-screen games are technically possible but untested. Please contact me at BipolarDesign@gmail.com if you plan on making an HTML5 game using this widget!
All visuals are Creative Commons and created by Kenney: [link to Kenney.itch.io here]
@BipolarDesign
Please login to see this link.

Display More

Bipolar_Games · September 9, 2015 at 6:38 PM

The Dynamic Touch Screen Joystick Widget is now available for download! Check it out here:

Please login to see this link.

Let me know what you think, and please reply here or contact me via email with any questions or comments (BipolarDesign@gmail.com)

roxflame · September 10, 2015 at 1:27 PM

Cheers! I've grabbed a copy
Quick note, I see you've dropped the Android object into the project although it doesn't seem to be a dependency in any of the events. With this in mind I think perhpas you should remove it so that users that are using the iOS exporter (or doing touch for windows phone with xna) and don't own the Android exporter can still open the included file!

Log in or register!

Looking for Customer Support?

Dynamic Touch-Screen Control Widget!

Participate now!

Useful Links, Resources & Information

Fusion 2.5 Resources

Crowdfunding Focus