AR rotate and resize object

Help & Support
#1

is it possible to rotate an object? PlayCanvas | HTML5 Game Engine. i tried to add touch input but it’s doesn’t woriking

Hit test 1 finger to rotate, 2 to scale
#2

Hi @Dann,

Take a look at this example, it uses mouse input. You can add touch input events similarly:

https://developer.playcanvas.com/en/tutorials/rotating-objects-with-mouse

#3

I tried but still can’t.

#4

This example includes touch events, I’ve just tried it on my phone and it works as expected:

    if (this.app.touch) {
        this.app.touch.on(pc.EVENT_TOUCHSTART, this.onTouchStart, this);
        this.app.touch.on(pc.EVENT_TOUCHMOVE, this.onTouchMove, this);        
    }
#5 
TouchInput.prototype.initialize = function() {
 if (this.app.touch) {
        this.app.touch.on(pc.EVENT_TOUCHSTART, this.onTouchStart, this);
        this.app.touch.on(pc.EVENT_TOUCHMOVE, this.onTouchMove, this);        
    } 
};

I’ve try this still can’t rotate. i try put the script on character and pattern maker still can’t

#6

Yes, it’s not enough to copy/paste, most likely some changes will be required to adjust it to your project.

If you are able try sharing a project link to take a look.

#7

here’s my project https://playcanvas.com/editor/scene/1042344

#8

Here you go, I’ve updated your project to being able to rotate the character on the marker:

https://playcanvas.com/editor/scene/1046358

Things I did:

  1. Added a pivot entity parent entity to the character, so I can rotate the character without messing with the AR placement.
  2. Fixed your rotate script to include an entity.rotateLocal() statement. Touch input was working correctly, you just didn’t go all the way to actually rotating the character.
1 Like
#9

thanks now it works