Manipulation HELP

Follow

A7_ma7

Snap Lens Network Member Lens Studio Team

• September 04, 2019 22:26

hello every one

im trying to make a horizontal moving to a screen image by dragging it right and left

please can any one help me its urgently

 

0

• 

  ChrisEditing

  Snap Lens Network Member Lens Studio Team

  • September 06, 2019 02:50

  Hi Just Me, are you trying to accomplish the drag right to left via the users phone or on lens studio?

  Comment actions Permalink
• 

  A7_ma7

  Snap Lens Network Member Lens Studio Team

  • September 06, 2019 03:26

  hi chrisediting

  im trying to make an image movable in a specific area by dragging it from lift to right or right to lift horizontal without changing the size of the image .

  i tried manipulation component but its just not what i need

  Comment actions Permalink
• 

  Jonathan Solichin

  Snap Lens Network Member Lens Studio Team

  • September 06, 2019 21:10

  Thanks for helping out with this Chrisediting!

  Hi Just Me,

  You can do this by using a script to take your touch event and apply it as the screenTransform's position. Then, you can apply the new script and set the ScreenTransform that you want to move in the ScreenTransform field

  

  I got this script from the ScreenTransform page of the API page. 

  Let me know if you need any clarification.

  Cheers,

  Jonathan

  // @input Component.ScreenTransform screenTransform
  
  // Move the ScreenTransform to match the position of touch events
  function onTouch(eventData) {
      var touchPos = eventData.getTouchPosition();
      var parentPos = script.screenTransform.screenPointToParentPoint(touchPos);
      script.screenTransform.anchors.setCenter(parentPos);
  }
  
  script.createEvent("TouchStartEvent").bind(onTouch);
  script.createEvent("TouchMoveEvent").bind(onTouch);

  Comment actions Permalink
• 

  Jonathan Solichin

  Snap Lens Network Member Lens Studio Team

  • September 06, 2019 21:10
  • Edited

  Thanks for helping out with this Chrisediting!

  Hi Just Me,

  You can do this by using a script to take your touch event and apply it as the screenTransform's position. Then, you can apply the new script and set the ScreenTransform that you want to move in the ScreenTransform field

  

  I got this script from the ScreenTransform page of the API page. 

  Let me know if you need any clarification.

  Cheers,

  Jonathan

  // @input Component.ScreenTransform screenTransform
  
  // Move the ScreenTransform to match the position of touch events
  function onTouch(eventData) {
      var touchPos = eventData.getTouchPosition();
      var parentPos = script.screenTransform.screenPointToParentPoint(touchPos);
      script.screenTransform.anchors.setCenter(parentPos);
  }
  
  script.createEvent("TouchStartEvent").bind(onTouch);
  script.createEvent("TouchMoveEvent").bind(onTouch);

  Comment actions Permalink
• 

  A7_ma7

  Snap Lens Network Member Lens Studio Team

  • September 06, 2019 21:34

  hi Jonathan Solichin

  thank you for the help  but what i really need is 

  a movable image  in a specific area by dragging it from lift to right or right to lift horizontal

  horizontal ( in this script its moving every where
  i just want the image to be there and moved limited between the both sides of the lens 
  right and lift

  thank you 

  Comment actions Permalink
• 

  Jonathan Solichin

  Snap Lens Network Member Lens Studio Team

  • September 09, 2019 16:49

  Hi Just Me,

  Ya, you can modify the script to keep the vertical position and only move in horizontal space. 

  At the top of the script you can store the current Y position of the screenTransform

  var originalCenter = script.screenTransform.anchors.getCenter();

  then, in the onTouch, you set the new position to use the Y from the original center

  // Move the ScreenTransform to match the position of touch events 
  // in the x axis only
  function onTouch(eventData) {
  var touchPos = eventData.getTouchPosition();
  var parentPos = script.screenTransform.screenPointToParentPoint(touchPos);
  parentPos.y = originalCenter.y 
  script.screenTransform.anchors.setCenter(parentPos);
  }

   

  Let me know if you need any clarification!

  Cheers,

  Jonathan

   

  Final script: 

  // @input Component.ScreenTransform screenTransform
  
  var originalCenter = script.screenTransform.anchors.getCenter();
  
  // Move the ScreenTransform to match the position of touch events
  function onTouch(eventData) {
  var touchPos = eventData.getTouchPosition();
  var parentPos = script.screenTransform.screenPointToParentPoint(touchPos);
  parentPos.y = originalCenter.y 
  script.screenTransform.anchors.setCenter(parentPos);
  }
  
  script.createEvent("TouchStartEvent").bind(onTouch);
  script.createEvent("TouchMoveEvent").bind(onTouch);

  Comment actions Permalink

Please sign in to leave a comment.