[{"data":1,"prerenderedAt":512},["ShallowReactive",2],{"navigation_docs_en":3,"-en-touchify-studio-interactions-manipulation":314,"-en-touchify-studio-interactions-manipulation-surround":507},[4,40,116,124,225,253,266],{"title":5,"icon":6,"path":7,"stem":8,"children":9,"page":6},"Getting Started",false,"/en/getting-started","en/1.getting-started",[10,15,20,25,30,35],{"title":11,"path":12,"stem":13,"icon":14},"Introduction","/en/getting-started/introduction","en/1.getting-started/1.introduction","i-lucide-house",{"title":16,"path":17,"stem":18,"icon":19},"Create a Project","/en/getting-started/create-project","en/1.getting-started/2.create-project","i-lucide-file-plus-2",{"title":21,"path":22,"stem":23,"icon":24},"Studio Interface","/en/getting-started/studio-ui","en/1.getting-started/3.studio-ui","i-lucide-layout-panel-left",{"title":26,"path":27,"stem":28,"icon":29},"Interactive Content","/en/getting-started/create-interactive-content","en/1.getting-started/4.create-interactive-content","i-lucide-fingerprint",{"title":31,"path":32,"stem":33,"icon":34},"Digital Signage","/en/getting-started/create-signage-content","en/1.getting-started/5.create-signage-content","i-lucide-images",{"title":36,"path":37,"stem":38,"icon":39},"Publish and Broadcast","/en/getting-started/publish","en/1.getting-started/6.publish","i-lucide-rss",{"title":41,"path":42,"stem":43,"children":44,"page":6},"Touchify Studio","/en/touchify-studio","en/2.touchify-studio",[45,49,74,97],{"title":11,"path":46,"stem":47,"icon":48},"/en/touchify-studio/introduction","en/2.touchify-studio/1.introduction","i-lucide-home",{"title":50,"path":51,"stem":52,"children":53,"page":6},"Elements","/en/touchify-studio/elements","en/2.touchify-studio/2.elements",[54,59,64,69],{"title":55,"path":56,"stem":57,"icon":58},"Texts","/en/touchify-studio/elements/texts","en/2.touchify-studio/2.elements/1.texts","i-lucide-case-sensitive",{"title":60,"path":61,"stem":62,"icon":63},"Media","/en/touchify-studio/elements/media","en/2.touchify-studio/2.elements/2.media","i-lucide-image-play",{"title":65,"path":66,"stem":67,"icon":68},"Background and Borders","/en/touchify-studio/elements/background-and-borders","en/2.touchify-studio/2.elements/3.background-and-borders","i-lucide-square-dashed-top-solid",{"title":70,"path":71,"stem":72,"icon":73},"Shapes","/en/touchify-studio/elements/drawing","en/2.touchify-studio/2.elements/4.drawing","i-lucide-sparkle",{"title":75,"path":76,"stem":77,"children":78,"page":6},"Interactions","/en/touchify-studio/interactions","en/2.touchify-studio/3.interactions",[79,82,87,92],{"title":11,"path":80,"stem":81,"icon":29},"/en/touchify-studio/interactions/introduction","en/2.touchify-studio/3.interactions/1.introduction",{"title":83,"path":84,"stem":85,"icon":86},"Navigation","/en/touchify-studio/interactions/navigation","en/2.touchify-studio/3.interactions/2.navigation","i-lucide-navigation",{"title":88,"path":89,"stem":90,"icon":91},"Manipulation","/en/touchify-studio/interactions/manipulation","en/2.touchify-studio/3.interactions/3.manipulation","i-lucide-fullscreen",{"title":93,"path":94,"stem":95,"icon":96},"Windows","/en/touchify-studio/interactions/dialogs","en/2.touchify-studio/3.interactions/4.dialogs","i-lucide-message-square-text",{"title":98,"path":99,"stem":100,"children":101,"page":6},"Animations","/en/touchify-studio/animations","en/2.touchify-studio/4.animations",[102,106,111],{"title":11,"path":103,"stem":104,"icon":105},"/en/touchify-studio/animations/introduction","en/2.touchify-studio/4.animations/1.introduction","i-lucide-bring-to-front",{"title":107,"path":108,"stem":109,"icon":110},"Customization","/en/touchify-studio/animations/customize","en/2.touchify-studio/4.animations/2.customize","i-lucide-columns-3-cog",{"title":112,"path":113,"stem":114,"icon":115},"Storyboards","/en/touchify-studio/animations/storyboards","en/2.touchify-studio/4.animations/3.storyboards","i-lucide-clipboard-clock",{"title":117,"path":118,"stem":119,"children":120,"page":6},"Touchify Publisher","/en/touchify-publisher","en/3.touchify-publisher",[121],{"title":11,"path":122,"stem":123,"icon":14},"/en/touchify-publisher/introduction","en/3.touchify-publisher/1.introduction",{"title":125,"path":126,"stem":127,"children":128,"page":6},"Touchify Player","/en/touchify-player","en/4.touchify-player",[129,132,156,215],{"title":11,"path":130,"stem":131,"icon":14},"/en/touchify-player/introduction","en/4.touchify-player/1.introduction",{"title":5,"path":133,"stem":134,"children":135,"page":6},"/en/touchify-player/getting-started","en/4.touchify-player/2.getting-started",[136,141,146,151],{"title":137,"path":138,"stem":139,"icon":140},"The Application","/en/touchify-player/getting-started/application","en/4.touchify-player/2.getting-started/1.application","i-lucide-app-window-mac",{"title":142,"path":143,"stem":144,"icon":145},"Connect","/en/touchify-player/getting-started/connection","en/4.touchify-player/2.getting-started/2.connection","i-lucide-key-round",{"title":147,"path":148,"stem":149,"icon":150},"Home Screen","/en/touchify-player/getting-started/home-screen","en/4.touchify-player/2.getting-started/3.home-screen","i-lucide-grid-2x2",{"title":152,"path":153,"stem":154,"icon":155},"Options","/en/touchify-player/getting-started/settings","en/4.touchify-player/2.getting-started/4.settings","i-lucide-settings",{"title":157,"path":158,"stem":159,"children":160,"page":6},"Installation","/en/touchify-player/installation","en/4.touchify-player/3.installation",[161,166,170,175,180,185,190,195,200,205,210],{"title":162,"path":163,"stem":164,"icon":165},"The Guides","/en/touchify-player/installation/introduction","en/4.touchify-player/3.installation/01.introduction","i-lucide-badge-question-mark",{"title":93,"path":167,"stem":168,"icon":169},"/en/touchify-player/installation/windows","en/4.touchify-player/3.installation/02.windows","i-cib-windows",{"title":171,"path":172,"stem":173,"icon":174},"Android","/en/touchify-player/installation/android","en/4.touchify-player/3.installation/03.android","i-cib-android",{"title":176,"path":177,"stem":178,"icon":179},"ChromeOS","/en/touchify-player/installation/chromeos","en/4.touchify-player/3.installation/04.chromeos","i-cib-google-chrome",{"title":181,"path":182,"stem":183,"icon":184},"Tizen","/en/touchify-player/installation/tizen","en/4.touchify-player/3.installation/05.tizen","i-cib-samsung",{"title":186,"path":187,"stem":188,"icon":189},"BrightSign","/en/touchify-player/installation/brightsign","en/4.touchify-player/3.installation/06.brightsign","i-lucide-cpu",{"title":191,"path":192,"stem":193,"icon":194},"Linux","/en/touchify-player/installation/linux","en/4.touchify-player/3.installation/07.linux","i-cib-linux",{"title":196,"path":197,"stem":198,"icon":199},"macOS","/en/touchify-player/installation/macos","en/4.touchify-player/3.installation/08.macos","i-cib-apple",{"title":201,"path":202,"stem":203,"icon":204},"iOS","/en/touchify-player/installation/ios","en/4.touchify-player/3.installation/09.ios","i-cib-app-store-ios",{"title":206,"path":207,"stem":208,"icon":209},"Android TV","/en/touchify-player/installation/android-tv","en/4.touchify-player/3.installation/10.android-tv","i-lucide-tv",{"title":211,"path":212,"stem":213,"icon":214},"LG webOS","/en/touchify-player/installation/webos","en/4.touchify-player/3.installation/11.webos","i-cbi-lg",{"title":216,"path":217,"stem":218,"children":219,"page":6},"Troubleshooting","/en/touchify-player/troubleshooting","en/4.touchify-player/4.troubleshooting",[220],{"title":221,"path":222,"stem":223,"icon":224},"Kiosk mode unlocking","/en/touchify-player/troubleshooting/kiosk","en/4.touchify-player/4.troubleshooting/1.kiosk","i-lucide-bug",{"title":226,"path":227,"stem":228,"children":229,"page":6},"Tips & Tricks","/en/tips-tricks","en/5.tips-tricks",[230,233,238,243,248],{"title":11,"path":231,"stem":232,"icon":14},"/en/tips-tricks/introduction","en/5.tips-tricks/1.introduction",{"title":234,"path":235,"stem":236,"icon":237},"Keyboard Shortcuts","/en/tips-tricks/shortcuts","en/5.tips-tricks/2.shortcuts","i-lucide-keyboard",{"title":239,"path":240,"stem":241,"icon":242},"Optimize a Video","/en/tips-tricks/optimize-video","en/5.tips-tricks/3.optimize-video","i-lucide-file-play",{"title":244,"path":245,"stem":246,"icon":247},"Interactive Image","/en/tips-tricks/interactive-image","en/5.tips-tricks/4.interactive-image","i-lucide-image-plus",{"title":249,"path":250,"stem":251,"icon":252},"Scrollable area","/en/tips-tricks/scrollable-content","en/5.tips-tricks/5.scrollable-content","i-lucide-gallery-vertical",{"title":254,"path":255,"stem":256,"children":257,"page":6},"Guides and Advice","/en/guides","en/6.guides",[258,261],{"title":11,"path":259,"stem":260,"icon":14},"/en/guides/introduction","en/6.guides/1.introduction",{"title":262,"path":263,"stem":264,"icon":265},"Stripe Terminal","/en/guides/stripe-terminal","en/6.guides/2.stripe-terminal","i-lucide-credit-card",{"title":267,"path":268,"stem":269,"children":270,"page":6},"Applications","/en/applications","en/7.applications",[271,274],{"title":11,"path":272,"stem":273,"icon":14},"/en/applications/introduction","en/7.applications/1.introduction",{"title":275,"path":276,"stem":277,"children":278,"page":6},"Rooms Manager","/en/applications/rooms-manager","en/7.applications/2.rooms-manager",[279,284,289,294,299,304,309],{"title":280,"path":281,"stem":282,"icon":283},"Login","/en/applications/rooms-manager/login","en/7.applications/2.rooms-manager/1.login","i-lucide-rectangle-ellipsis",{"title":285,"path":286,"stem":287,"icon":288},"Sites","/en/applications/rooms-manager/sites","en/7.applications/2.rooms-manager/2.sites","i-lucide-hotel",{"title":290,"path":291,"stem":292,"icon":293},"Meeting rooms","/en/applications/rooms-manager/meeting-rooms","en/7.applications/2.rooms-manager/3.meeting-rooms","i-lucide-ratio",{"title":295,"path":296,"stem":297,"icon":298},"Users","/en/applications/rooms-manager/users","en/7.applications/2.rooms-manager/4.users","i-lucide-users",{"title":300,"path":301,"stem":302,"icon":303},"Booking","/en/applications/rooms-manager/booking","en/7.applications/2.rooms-manager/5.booking","i-lucide-ticket-check",{"title":305,"path":306,"stem":307,"icon":308},"Tablet Booking","/en/applications/rooms-manager/tablet-booking","en/7.applications/2.rooms-manager/6.tablet-booking","i-lucide-tablet",{"title":310,"path":311,"stem":312,"icon":313},"Mobile Booking","/en/applications/rooms-manager/mobile-booking","en/7.applications/2.rooms-manager/7.mobile-booking","i-lucide-smartphone",{"id":315,"title":88,"body":316,"description":498,"extension":499,"links":500,"meta":501,"navigation":502,"path":89,"seo":503,"stem":90,"__hash__":506},"docs_en/en/2.touchify-studio/3.interactions/3.manipulation.md",{"type":317,"value":318,"toc":489},"minimark",[319,323,331,338,342,346,362,368,375,382,386,391,394,416,420,424,428,435,466,470,477,481,484],[320,321,11],"h2",{"id":322},"introduction",[324,325,326,327,330],"p",{},"The ",[328,329,88],"strong",{}," interaction allows multipoint tactile manipulation: it includes moving, zooming and rotating elements.",[324,332,333,334,337],{},"It can be applied to ",[328,335,336],{},"any interactive element",": photo, text, shape, video...",[339,340,341],"note",{},"The number of simultaneous contact points on one or more elements depends on the number of points supported by the hardware used.",[320,343,345],{"id":344},"simple-manipulation","Simple Manipulation",[324,347,348,349,352,353,356,357,361],{},"To add a ",[328,350,351],{},"\"Manipulation\""," interaction to an element, select it then click on the ",[328,354,355],{},"\"Element interactions\""," button ",[358,359,360],"em",{},"(touch icon)"," in the right sidebar of the interface.\nChoose the interaction from the proposed list.",[363,364],"nuxt-img",{"alt":365,"src":366,"width":367},"Inserting a Manipulation interaction","/2-touchify-studio/3-interactions/3-manipulation/fr-studio-manipulation-insertion.webp",300,[324,369,370,371,374],{},"As soon as the interaction is added, the element can be manipulated. View the default parameters by clicking on the ",[328,372,373],{},"\"Preview\""," button at the top right of the interface.\nThe preview window appears: it allows you to test your project in real situation.",[363,376],{"alt":377,"src":378,"className":379,"provider":381},"Demonstration of Manipulation interaction","/2-touchify-studio/3-interactions/3-manipulation/fr-studio-manipulation-demo.webp",[380],"w-full","none",[320,383,385],{"id":384},"general-options","General Options",[363,387],{"alt":388,"src":389,"width":390},"Manipulation interaction options","/2-touchify-studio/3-interactions/3-manipulation/fr-studio-manipulation-options.webp",350,[324,392,393],{},"All manipulation parameters can be customized in detail:",[395,396,397,404,410],"ul",{},[398,399,400,403],"li",{},[328,401,402],{},"Translation"," designates the manipulation of the element from left to right and bottom to top. By disabling translation, the element cannot be moved in the page. You can also choose to block this function on the X axis (horizontal) or on the Y axis (vertical) only.",[398,405,406,409],{},[328,407,408],{},"Zoom"," allows enlarging or shrinking the element. Control the maximum and minimum size of the object by modifying the proposed values. Disable this option by clicking on the switch.",[398,411,412,415],{},[328,413,414],{},"Rotation"," is not a customizable option, but it can be disabled like the others.",[363,417],{"alt":377,"src":418,"className":419,"provider":381},"/2-touchify-studio/3-interactions/3-manipulation/fr-studio-manipulation-demo2.webp",[380],[320,421,423],{"id":422},"slowdown-options","Slowdown Options",[363,425],{"alt":426,"src":427,"width":367},"Movement continuation option","/2-touchify-studio/3-interactions/3-manipulation/fr-studio-manipulation-slowdown.webp",[324,429,430,431,434],{},"When released, a manipulable element can continue its movement for a few moments.\nThis slowdown option is customizable in the ",[328,432,433],{},"advanced options window",", below the translation options.",[436,437,444,445,444,452,444,457,444,462],"div",{"className":438},[439,440,441,442,443],"mt-4","grid","sm:grid-cols-3","gap-4","max-w-full","\n  ",[446,447],"img",{"src":448,"alt":449,"provider":381,"className":450},"/2-touchify-studio/3-interactions/3-manipulation/fr-studio-manipulation-slowdown-leger.webp","Manipulation with light slowdown",[451],"sm:col-span-2",[324,453,456],{"className":454},[455],"sm:self-end","≫ Light slowdown",[446,458],{"src":459,"alt":460,"provider":381,"className":461},"/2-touchify-studio/3-interactions/3-manipulation/fr-studio-manipulation-slowdown-fort.webp","Manipulation with strong slowdown",[451],[324,463,465],{"className":464},[455],"≫ Very strong slowdown",[320,467,469],{"id":468},"inner-manipulation-options","Inner Manipulation Options",[324,471,472,473,476],{},"Each element consists of a resource displayed in a block. In this sense, it is possible to apply manipulation to the resource only:\nactivate the ",[328,474,475],{},"\"Manipulate element interior\""," function so that the resource is manipulable independently of the block.",[363,478],{"alt":479,"src":480,"width":390},"Inner Manipulation options","/2-touchify-studio/3-interactions/3-manipulation/fr-studio-manipulation-interieure.webp",[324,482,483],{},"By using this option, you can control the size and initial position of the internal resource. The element itself will not be modified, only its appearance and interactivity.",[363,485],{"alt":486,"src":487,"className":488,"provider":381},"Demonstration of inner Manipulation interaction","/2-touchify-studio/3-interactions/3-manipulation/fr-studio-manipulation-interieure-demo.webp",[380],{"title":490,"searchDepth":491,"depth":491,"links":492},"",2,[493,494,495,496,497],{"id":322,"depth":491,"text":11},{"id":344,"depth":491,"text":345},{"id":384,"depth":491,"text":385},{"id":422,"depth":491,"text":423},{"id":468,"depth":491,"text":469},"Create a manipulable element with the Manipulation interaction.","md",null,{},{"icon":91},{"title":504,"description":505},"Manipulations in Touchify Studio","Use Touchify Studio to create interactions for manipulating elements of your content.","cNcKpQSbYDdvoSGJz7ZEKd_DIxpIKGoMYtLgczEG8Ds",[508,510],{"title":83,"path":84,"stem":85,"description":509,"icon":86,"children":-1},"Create a Navigation type interaction in a few clicks.",{"title":93,"path":94,"stem":95,"description":511,"icon":96,"children":-1},"Learn how to create contextual windows with Touchify Studio.",1761669905367]