User Tag List

Results 1 to 10 of 10

Thread: Html and android navigation arrow

  1. #1
    Clicker Fusion 2.5 DeveloperAndroid Export ModuleHTML5 Export ModuleUniversal Windows Platform Export Module
    Fusion 2.5 (Steam)Universal Windows Platform Export Module (Steam)

    Join Date
    Oct 2009
    Posts
    288
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)

    Html and android navigation arrow

    Hello,

    I created a game in html but I test it on an Android tablet.

    Here is my question. On a PC Win computer, I use the navigation arrows to advance my character (eight direction movement) but on a tablet how to advance my character because I have no navigation key.

    Thank you
    Attached files Attached files

  2. #2
    Clicker Fusion 2.5 DeveloperFusion 2.5+ DLCAndroid Export ModuleHTML5 Export ModuleiOS Export ModuleSWF Export ModuleInstall Creator ProFirefly 3D Module
    twister's Avatar
    Join Date
    Jan 2007
    Location
    Pacific Northwest USA
    Posts
    323
    Mentioned
    4 Post(s)
    Tagged
    0 Thread(s)
    Hi pl, i use active objects to make 8 direction navigational buttons in my html5 projects. The mouse click is the same as touch. Works on pc and smartphones.

    Mouse over object >
    User clicks on a object >

    edit: I haven't figured out the multi touch yet, so I use a double click or double touch (tap).

  3. #3
    Clicker Fusion 2.5 DeveloperAndroid Export ModuleHTML5 Export ModuleUniversal Windows Platform Export Module
    Fusion 2.5 (Steam)Universal Windows Platform Export Module (Steam)

    Join Date
    Oct 2009
    Posts
    288
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    thanks for the help

  4. #4
    Clicker

    Fusion 2.5 DeveloperFusion 2.5+ DLCHTML5 Export ModuleiOS Export ModuleSWF Export Module
    Fusion 2.5 (Steam)Fusion 2.5 Developer (Steam)Android Export Module (Steam)HTML5 Export Module (Steam)iOS Export Module (Steam)Universal Windows Platform Export Module (Steam)

    Join Date
    Dec 2010
    Posts
    188
    Mentioned
    5 Post(s)
    Tagged
    0 Thread(s)
    There's also the built in touch joystick controls. I haven't used them for a while but they support 8 directional movement and two buttons.

  5. #5
    Clicker Fusion 2.5 DeveloperAndroid Export ModuleHTML5 Export ModuleUniversal Windows Platform Export Module
    Fusion 2.5 (Steam)Universal Windows Platform Export Module (Steam)

    Join Date
    Oct 2009
    Posts
    288
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by JohnArtbox View Post
    There's also the built in touch joystick controls. I haven't used them for a while but they support 8 directional movement and two buttons.
    Hello
    Sorry my ignorance, I would like to know if we can use the F-Keys (F1, F2,....) in an html application in an Android environment.

    thanks for the help

  6. #6
    Clicker Fusion 2.5 DeveloperAndroid Export ModuleHTML5 Export ModuleUniversal Windows Platform Export Module
    Fusion 2.5 (Steam)Universal Windows Platform Export Module (Steam)

    Join Date
    Oct 2009
    Posts
    288
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by twister View Post
    Hi pl, i use active objects to make 8 direction navigational buttons in my html5 projects. The mouse click is the same as touch. Works on pc and smartphones.

    Mouse over object >
    User clicks on a object >

    edit: I haven't figured out the multi touch yet, so I use a double click or double touch (tap).
    Hello,
    I want to use an active object to advance a character using the eight direction movement (android tablet). I don't want to use the joystick controls. How do we do it?

    Thank you

  7. #7
    Clicker Fusion 2.5 (Steam)Fusion 2.5 Developer (Steam)Fusion 2.5+ DLC (Steam)Android Export Module (Steam)HTML5 Export Module (Steam)iOS Export Module (Steam)
    janpier's Avatar
    Join Date
    Dec 2014
    Posts
    188
    Mentioned
    2 Post(s)
    Tagged
    0 Thread(s)
    do you want to use a character who advances with eight directions, but in the end how many directions would you like to use?probably three, one to jump. I created a perfect touch screen tutorial for Html games and more, minimizing events (3)TUTORIAL TOUCH.mfa

  8. #8
    Clicker Fusion 2.5 DeveloperFusion 2.5+ DLCAndroid Export ModuleHTML5 Export ModuleiOS Export ModuleSWF Export ModuleInstall Creator ProFirefly 3D Module
    twister's Avatar
    Join Date
    Jan 2007
    Location
    Pacific Northwest USA
    Posts
    323
    Mentioned
    4 Post(s)
    Tagged
    0 Thread(s)
    Curious, this thread does not show up when I sign in, only if I sign in while viewing this thread ....

    Hi pl, here are the basics that I use for html5 touch screen eight direction nav buttons (not button but active objects). These will also work on a pc using mouse click. This method keeps your player moving while changing direction (constant touch / click)

    FRAME
    Active object:
    Player
    Movement Properties
    Type> 8 direction
    Direction> select all 8 (all 8 should already be selected by default)
    Runtime Options
    Enable Automatic Rotation (You only need one direction for Walking with this enable)

    Active object (8 active objects total, used as nav buttons):
    Navigation Buttons (I name them bt000, bt045, bt090, etc)
    Movement Properties
    Type> Static
    Runtime Options
    Uncheck follow the frame (this floats the active object nav buttons in one screen location while scrolling)

    Counter (I use a counter to set the speed for all buttons)

    CONDITIONS
    1) Start of frame
    set counter to 20

    2) Player leaves play area> Bounce

    3) Mouse pointer is over bt000 (active object used as button)
    +Repeat while left mouse-key is pressed
    + X Player is bouncing (Negated)

    PLAYER Direction > select direction to -->
    PLAYER Movement > set speed to counter speed
    PLAYER Movement > Start

    Repeat 3 for each remaining 7 active object nav directions

    I haven't tested this html5 on IOS, Mac or Console browsers. They this does work on PC, Android and Kindle browsers. As I mentioned earlier I haven't incorporated multi touch so I use a double click/tap condition to launch while moving.

    Here is a link to a widget thread made for android on clickstore. Don't know if its html5 based.

    https://community.clickteam.com/threads/92649-Dynamic-Touch-Screen-Control-Widget!

    Hope janpier, myself and the widget helps.

    edited: I wanted to note that these are not the button objects, but active objects used as navigation buttons

  9. #9
    Clicker Fusion 2.5 DeveloperFusion 2.5+ DLCAndroid Export ModuleHTML5 Export ModuleiOS Export ModuleSWF Export ModuleInstall Creator ProFirefly 3D Module
    twister's Avatar
    Join Date
    Jan 2007
    Location
    Pacific Northwest USA
    Posts
    323
    Mentioned
    4 Post(s)
    Tagged
    0 Thread(s)
    pl, I double checked and the PLAYER Movement> Start does not need to be included.

  10. #10
    Clicker Fusion 2.5 DeveloperAndroid Export ModuleHTML5 Export ModuleUniversal Windows Platform Export Module
    Fusion 2.5 (Steam)Universal Windows Platform Export Module (Steam)

    Join Date
    Oct 2009
    Posts
    288
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    Thank you very much !

Similar Threads

  1. Android Navigation Bar area unresponsive to touch
    By AND in forum Android Export Module 2.5
    Replies: 2
    Last Post: 12th August 2017, 05:06 PM
  2. Android - Show Navigation bar
    By maxtimoteo in forum Android Export Module 2.5
    Replies: 0
    Last Post: 6th August 2016, 06:23 PM
  3. Android screenshot without navigation bars
    By KDunlop in forum Fusion 2.5
    Replies: 4
    Last Post: 5th May 2016, 08:11 PM
  4. transparent navigation bars for android
    By Kalibr in forum Android Export Module 2.5
    Replies: 4
    Last Post: 11th April 2016, 12:42 PM
  5. Hide navigation bar on pure Android devices
    By paobrasil in forum Android Export Module 2.5
    Replies: 4
    Last Post: 6th January 2015, 02:08 PM

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •