We use cookies to ensure that we give you the best experience on our website. If you continue to use this site we will assume that you are happy with it.

Ok, I Agree

Disable touch-action in smartphones

Home › Forums › Puzzles › Disable touch-action in smartphones

Tagged: 

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • 2021-08-24 at 5:11 pm #43967
    fabriciomira
    Participant

    Hi all!

    How can I create a button below the Full Screen button that locks the smartphone screen? When the user clicks on this button, the 3D model will be static and inaccessible because the button disables the touch actions (click, touch, tap, zoom, pinch…).

    I don’t know much about html but I found this which I believe can help. How can I put it in Puzzles?


    <code class=”map-desc”>touch-action: none;
    Attachments:
    You must be logged in to view attached files.
    2021-08-24 at 6:40 pm #43971
    xeon
    Customer

    Are you also trying to prohibit camera rotation, pinch zoom etc. or just prevent buttons and interactive objects from being used?

    Xeon
    Route 66 Digital
    Interactive Solutions - https://www.r66d.com
    Tutorials - https://www.xeons3dlab.com

    2021-08-24 at 8:27 pm #43974
    fabriciomira
    Participant

    Hi Xeon! Yes, I’m trying to ban camera rotation, pinch, etc.

    2021-08-25 at 11:19 am #43988
    fabriciomira
    Participant

    I need to disable all touch-actions because of this.

    2021-08-25 at 6:52 pm #43999
    xeon
    Customer

    Unfortunately I am once again baking textures and can’t stop it to test this theory but you can give it a shot.

    Since V3d allows multiple cameras I would set one up with the usual controls and a second one with no controls.

    The lock button would then switch between cameras as well as toggle a flag regarding its state.

    Any interactive buttons/ hotspots /click /hover events would use an if statement to determine if they should fire based on the Lock Screen flag.

    Seems doable.

    Xeon
    Route 66 Digital
    Interactive Solutions - https://www.r66d.com
    Tutorials - https://www.xeons3dlab.com

    2021-08-27 at 1:24 pm #44037
    fabriciomira
    Participant

    Great idea! I’ll try and then I’ll tell you if it worked. Thank you very much!

    2021-08-28 at 12:41 am #44057
    fabriciomira
    Participant

    It worked, thanks a lot!!!

    2021-08-28 at 7:05 pm #44072
    xeon
    Customer

    Glad it works… your welcome

    Xeon
    Route 66 Digital
    Interactive Solutions - https://www.r66d.com
    Tutorials - https://www.xeons3dlab.com

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.