Manipulation HELP

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

    Comment actions Permalink
  • 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
  • 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
  • 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
  • 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
  • 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
Have a comment?

Please sign in to leave a comment.

We're here to help! We just need a little bit of information...

What system are you using?

Have you downloaded the latest version of Lens Studio?

Please download the latest version of Lens Studio. If you still run into this issue, please come back and report it!

Is this issue causing Lens Studio to crash?

What system do you run Lens Studio on?

Version

Graphics

Follow the next steps to help us solve your issue:

  • Copy and paste this text into your TerminalCommand Window
    open ~/Library/Preferences/Snap/Lens\ Studio/ %LOCALAPPDATA%\Snap\Lens Studio Copy Text
  • Press ReturnEnter to run the command. The Lens Studio folder will automatically open
  • Prepare to upload your files: zip the "Log" Folder by right-clicking and choosing "compress."
    Locate the Log.txt file right above it.

    Attach a screenshot of the issue:

Name:

Email:

What is this most relevant to?

Please enter a brief description of your issue:

Thanks for submitting this issue.

Unfortunately, it's likely due to the operating system or hardware you're using – since they don't meet the system requirements for Lens Studio.

Still, we hear you loud and clear, and are logging the issue in case there's ever a workaround we can provide!

Minimum Requirements

Operating System: Windows 10 (64 bit); MacOS 10.11+

Hardware: Minimum of Intel Core i3 2.5Ghz or AMD Phenom II 2.6Ghz with 4 GB RAM; Intel HD Graphics 4000 / Nvidia GeForce 710 / AMD Radeon HD 6450 or better; screen resolution of 1280x768 or higher

We'll try to resolve this issue as soon as possible. Thanks for letting us know about it!

Keep an eye out for a followup email from us. We may have a couple more questions for you, or we might already have a solution to offer.

Happy creating!