[SOLVED] Project wouldn't work on phone, I need some help

I’ve make a project about the hospital navigation. The project can run on computer browser normal,but it can’t run on phone browser ,It can’t rotate and zoom.I have no idea about that. There is the project URL : https://playcanv.as/p/ayUXOd8g/, then is the all of my codes:https://playcanvas.com/project/530824/overview/diandong

I think two of my script files have some problem: augmented.js and augment.js .Because I have delete this two files and run the project on phone, the scene could be rotated and zoomed. I use these two to print some
words to sign the entity.

In the script file named “augmented”,`

Augmented.prototype.draw = function(text, opacity, x, y, length) {
    var ctx = this.ctx;

    ctx.save();
    ctx.globalAlpha = opacity;
    ctx.translate(x, y);

    ctx.beginPath();
    ctx.moveTo(0, 0);
    ctx.lineTo(length, -length);
    ctx.strokeStyle = '#6cf';
    ctx.stroke();

    var width = ctx.measureText(text).width;

    ctx.beginPath();
    ctx.fillStyle = 'rgba(0, 0, 0, .3)';
    ctx.rect(length, -length - 15, width + 8, 15);
    ctx.fill();

    ctx.beginPath();
    ctx.fillStyle = '#6cf';
    ctx.fillText(text, length + 4, -length - 4);

    ctx.restore();
};

i don’t know “opacity” mean,so I give opacity a fixed value in script file named “augment”

Augment.prototype.update = function (dt) {
    var point = this.camera.camera.worldToScreen(this.entity.getPosition());
    this.ar.draw(this.text, 0.21122, point.x, point.y, 16);
};

I think there are some problem but I don’t know how to solve them.Please help me.I’m so sorry for my bad English.Sorry!

My guess is that the canvas you’ve created is blocking the touch input so no touch controls will work.

I ‘think’ you just need to add this.canvas.style.pointerEvents = "none" to the canvas creation.

I push your code in my script file,it can work normal on phone,thank you!