Is it possible to get two simultaneous gesture events?

Ionic Framework
1

I’m trying to make a game controller. Individually, they work well, but one of them does not work while the other is working. Is it possible to listen to events (including onMove) at the same time?

Controller Move

        this.controllerMove = document.getElementById('controller_move') as HTMLElement

        const gesture: Gesture = createGesture({
          el: this.controllerMove,
          threshold: 0,
          disableScroll: true,
          gestureName: 'controller-move',
          onStart: ev => this.onStart(ev),
          onEnd: () => this.onEnd(),
          onMove: ev => this.onMove(ev)
        })

        gesture.enable()

Controller Rotate (camera)

this.controllerRotate = document.getElementById('controller_rotate') as HTMLElement

        const gesture: Gesture = createGesture({
          el: this.controllerRotate,
          threshold: 0,
          disableScroll: true,
          gestureName: 'controller-rotate',
          onStart: ev => this.onStart(ev),
          onEnd: () => this.onEnd(),
          onMove: ev => this.onMove(ev)
        })

        gesture.enable()

I use: ionic/vue: 5.4.0
Cheking in: Android 11

Screenshot_3
Screenshot_3866×490 27.7 KB

2

No, you cannot capture multiple gestures from the same element at the moment. If you have multiple gestures on different elements, but the elements intersect that also may cause some unexpected behavior in event dispatching.

3

Hello.
Thanks for your reply.

These are two different elements, these elements do not overlap each other. But when I get an event from one, I can’t get an event from the other (until the first one ends).

My task is to make a game controller, move and rotate the camera.

I have prepared a simple example for getting two-finger gestures:

I will be glad if I know for sure about the possibility or impossibility of this. I will be glad of any help.

4

Thanks! I think I understand the issue better now. Our gesture utility does not have great support for multitouch/multiple simultaneous gestures at the moment. Here is a similar issue where multiple touches are not doing what is expected: feat: max touches/min touches functionality should be added to the gesture utility · Issue #21136 · ionic-team/ionic-framework · GitHub

5

Hi,
I am working on something very similar (game controller) and trying to achieve the same, did you find a solution?
Thank you!