# How to enable multitouch ? jsfiddle inside

**URL:** <https://phaser.discourse.group/t/how-to-enable-multitouch-jsfiddle-inside/2422>\
**Category:** Phaser 3\
**Created:** [May 12, 2019, 12:51pm UTC](https://phaser.discourse.group/t/how-to-enable-multitouch-jsfiddle-inside/2422 "2019-05-12T12:51:48Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![espace](https://yyz2.discourse-cdn.com/free1/user_avatar/phaser.discourse.group/espace/32/1405_2.png) [@espace](https://phaser.discourse.group/u/espace)\
**Post date:** [May 12, 2019, 12:51pm UTC](https://phaser.discourse.group/t/how-to-enable-multitouch-jsfiddle-inside/2422/1 "2019-05-12T12:51:48Z")

</div>

Hi,

I have two sprites (button\_move and button\_fire) with two touchs events. I want to have multitouch enabled : when i press on the same time on the two buttons, normaly the alpha of the two buttons is 0.5. But it’s not working.

I have follow the docs, especially this :  
[https://rexrainbow.github.io/phaser3-rex-notes/docs/site/index.html/touchevents/](https://rexrainbow.github.io/phaser3-rex-notes/docs/site/index.html/touchevents/)  
[https://labs.phaser.io/index.html?dir=input/multitouch/&q=](https://labs.phaser.io/index.html?dir=input/multitouch/&q=)

And i made a jsfiddle about it :

[https://jsfiddle.net/espace3d/vLq08gke/12/](https://jsfiddle.net/espace3d/vLq08gke/12/)

the full code is :

```
var config = {
    type: Phaser.AUTO,
    width: 480,
    height: 640,
    parent: 'phaser-example',
    input :{
		activePointers:2,
	  },
    scene: {
        create: create,
        update: update
    }
};

var game = new Phaser.Game(config);
var button_move;
var button_fire;
var flag_move=false;
var flag_fire=false;

function create ()
{
	button_move=this.add.sprite(100,100,'image').setInteractive();
	button_move.on('pointerdown',function(pointer1){
		flag_move=true
	})
	button_fire=this.add.sprite(300,100,'image').setInteractive();
	button_fire.on('pointerdown',function(pointer2){
		flag_fire=true
	})
}

function update()
{
 if (flag_move){
  	button_move.alpha=.5
 }
 if (flag_fire){
  	button_fire.alpha=.5
 }
}

```

Thanks for your help.

---

<div class="post-metadata">

**Author:** ![jjcapellan](https://yyz2.discourse-cdn.com/free1/user_avatar/phaser.discourse.group/jjcapellan/32/542_2.png) [@jjcapellan](https://phaser.discourse.group/u/jjcapellan)\
**Post date:** [May 16, 2019, 11:33am UTC](https://phaser.discourse.group/t/how-to-enable-multitouch-jsfiddle-inside/2422/2 "2019-05-16T11:33:27Z")

</div>

Hi @espace,  
This is from Phaser docs:

> By default Phaser creates 2 pointer objects: `mousePointer` and `pointer1` .

You should put in your game config : `activePointers: 3 `  
Hope it helps. Good luck !! 😀  
Regards.

---

<div class="post-metadata">

**Author:** ![Jake.Caron](https://yyz2.discourse-cdn.com/free1/user_avatar/phaser.discourse.group/jake.caron/32/1841_2.png) [@Jake.Caron](https://phaser.discourse.group/u/Jake.Caron)\
**Post date:** [May 16, 2019, 2:26pm UTC](https://phaser.discourse.group/t/how-to-enable-multitouch-jsfiddle-inside/2422/3 "2019-05-16T14:26:32Z")

</div>

Hey, add this before your input listeners: `this.scene.input.addPointer(3);`

---

<div class="post-metadata">

**Author:** ![espace](https://yyz2.discourse-cdn.com/free1/user_avatar/phaser.discourse.group/espace/32/1405_2.png) [@espace](https://phaser.discourse.group/u/espace)\
**Post date:** [May 16, 2019, 5:29pm UTC](https://phaser.discourse.group/t/how-to-enable-multitouch-jsfiddle-inside/2422/4 "2019-05-16T17:29:58Z")

</div>

hi @jjcapellan and @Jake.Caron,

Finally it was so simple, thanks a lot both

i choose the solution from jjcapellan but the solution from Jake Caron works also

[https://jsfiddle.net/espace3d/vLq08gke/14/](https://jsfiddle.net/espace3d/vLq08gke/14/)

---

<div class="post-metadata">

**Author:** ![Jake.Caron](https://yyz2.discourse-cdn.com/free1/user_avatar/phaser.discourse.group/jake.caron/32/1841_2.png) [@Jake.Caron](https://phaser.discourse.group/u/Jake.Caron)\
**Post date:** [May 17, 2019, 1:00pm UTC](https://phaser.discourse.group/t/how-to-enable-multitouch-jsfiddle-inside/2422/5 "2019-05-17T13:00:16Z")

</div>

Glad it worked. It is a bit wonky that you need to have 3 active pointers to get 2 touch-points. I would have thought that pointer1 would be both the first touch and/or the mouse pointer.

---

<div class="post-metadata">

**Author:** ![espace](https://yyz2.discourse-cdn.com/free1/user_avatar/phaser.discourse.group/espace/32/1405_2.png) [@espace](https://phaser.discourse.group/u/espace)\
**Post date:** [May 17, 2019, 5:19pm UTC](https://phaser.discourse.group/t/how-to-enable-multitouch-jsfiddle-inside/2422/6 "2019-05-17T17:19:40Z")

</div>

Yes it’s not logical.