Disable vertical rotation about arjs-gestures HOT 6 OPEN

Yes, on gesture-handler you can edit the handleRotation function according to your needs.

Right now is rotating on X and Y axis but you can just delete the one you don't need.

from arjs-gestures.

I have tested gestures.js with mindar.js and it seems to work if you use workaround from #15 to switch off marker-based checking.

I used the Image Tracking Basic example (https://hiukim.github.io/mind-ar-js-doc/examples/basic) and added gesture-handler to both entities (a-plane and a-gltf-model) - both were scaling and rotating properly.

       <a-entity mindar-image-target="targetIndex: 0">
            <a-plane src="#card" position="0 0 0" height="0.552" width="1" rotation="0 0 0" object-detection gesture-handler="minScale: 0.5; maxScale: 10; locationBased: true;"></a-plane>
            <a-gltf-model rotation="0 0 0 " position="0 0 0.1" scale="0.005 0.005 0.005" src="#avatarModel" object-detection gesture-handler="minScale: 0.5; maxScale: 10; locationBased: true;">
        </a-entity>

I also added a parent entity to both a-plane and a-gltf-model objects and used it as a rig for gestures for both and it worked fine.

      <a-entity mindar-image-target="targetIndex: 0">
            <a-entity gesture-handler="minScale: 0.5; maxScale: 10; locationBased: true;">
                <a-plane src="#card" position="0 0 0" height="0.552" width="1" rotation="0 0 0"></a-plane>
                <a-gltf-model rotation="0 0 0 " position="0 0 0.1" scale="0.005 0.005 0.005" src="#avatarModel"
                >
            </a-antity>
        </a-entity>

So yes, with simple modifications it works pretty well as long as targeting A-Frame based objects I guess :)

from arjs-gestures.

Yes, on gesture-handler you can edit the handleRotation function according to your needs.

Right now is rotating on X and Y axis but you can just delete the one you don't need.

Thanks @fcor , it worked beautifully, i had another question. Does this work on mind-ar-js(https://hiukim.github.io/mind-ar-js-doc/) image tracking as well? i tried adding all the necessary attributes like gesture-detector, gesture-handlers but it doesn't seem to work.Is it because these attributes are specific to , tags? and since mindar uses different tags to render the 3d models.

from arjs-gestures.

I have tested gestures.js with mindar.js and it seems to work if you use workaround from #15 to switch off marker-based checking.

I used the Image Tracking Basic example (https://hiukim.github.io/mind-ar-js-doc/examples/basic) and added gesture-handler to both entities (a-plane and a-gltf-model) - both were scaling and rotating properly.

       <a-entity mindar-image-target="targetIndex: 0">
            <a-plane src="#card" position="0 0 0" height="0.552" width="1" rotation="0 0 0" object-detection gesture-handler="minScale: 0.5; maxScale: 10; locationBased: true;"></a-plane>
            <a-gltf-model rotation="0 0 0 " position="0 0 0.1" scale="0.005 0.005 0.005" src="#avatarModel" object-detection gesture-handler="minScale: 0.5; maxScale: 10; locationBased: true;">
        </a-entity>

I also added a parent entity to both a-plane and a-gltf-model objects and used it as a rig for gestures for both and it worked fine.

      <a-entity mindar-image-target="targetIndex: 0">
            <a-entity gesture-handler="minScale: 0.5; maxScale: 10; locationBased: true;">
                <a-plane src="#card" position="0 0 0" height="0.552" width="1" rotation="0 0 0"></a-plane>
                <a-gltf-model rotation="0 0 0 " position="0 0 0.1" scale="0.005 0.005 0.005" src="#avatarModel"
                >
            </a-antity>
        </a-entity>

So yes, with simple modifications it works pretty well as long as targeting A-Frame based objects I guess :)

Oh! thanks, i'll also give this one a try in a while.

from arjs-gestures.

@AdamVI2 Thanks for your help :)

from arjs-gestures.

Yes, on gesture-handler you can edit the handleRotation function according to your needs.

Right now is rotating on X and Y axis but you can just delete the one you don't need.

When deleting the y axis I think I messed up the code. I will be very grateful if you can provide me with the code with disabled y axis and scale for the 3d model. Thanks!

from arjs-gestures.