How to create virtual movement button for mobile browser?

akmalelias · April 5, 2020, 4:44am

I need to have left, right & up button for movement in mobile browser. How to do it? I didn’t managed to find any related examples for Phaser 3. I need something like this, but this is for Phaser 2:

github.com

photonstorm/phaser-examples/blob/master/examples/input/virtual gamecontroller.js

var game = new Phaser.Game(800, 600, Phaser.AUTO, 'phaser-example', { preload: preload, create: create, update:update,render:render });


/*
    virtual gamecontroller with phaser.js
    buttons, sprite(sheet)s (animation) and code of this example by valueerror - mario by nintendo ;-)
*/

//some global vars 
var fireballs;
var fireRate = 300;
var nextFire = 0;
var nextJump = 0;
var player; 
var left=false;
var right=false;
var duck= false;
var fire=false;
var jump=false;

This file has been truncated. show original

Thanks in advance

jjcapellan · April 5, 2020, 9:19am

Hi @akmaelias,
Maybe this can help you (I have not tried):

Regards.

BlunT76 · April 5, 2020, 11:19am

Hi,
There’s a plugin too:
https://rexrainbow.github.io/phaser3-rex-notes/docs/site/virtualjoystick/

And this examples can help too:

Topic		Replies	Views
Mobile player movement Phaser 3	3	271	May 30, 2024
Mobile controls plugin is there in phaser 3.? like joystick we use in phaser 2 Phaser 3	1	2137	August 22, 2019
How to make a graphic gamepad in phaser 3? Phaser 3	1	492	April 2, 2020
Left, top, right and bottom movement controls in mobile? Phaser 3	2	684	August 9, 2019
I need help with mobile game Phaser 3	2	454	January 7, 2021

How to create virtual movement button for mobile browser?

Related topics