How to make a draggable billboard object?

  • Hey Matthew,

    A billboard by definition is a 2D textured plane attached to the camera, so you shouldn't be able to drag it around.

    What you're looking for is a sprite sheet, so feel free to play around with the Cutout Template to discover how to drag those sprite sheets around.

    Best,
    Kaitlyn

    Comment actions Permalink
  • That's moving them around in a 3D space, what I meant was how to drag a 2D sprite on a 2 dimensional plane on the screen. Almost like a sticker you'd apply after taking a snap, but during the snap instead.

    Comment actions Permalink
  • Hi Matthew, you can use the ManipulateComponent in conjunction with the 2D sprite to accomplish this.

    The ManipulateComponent relies on its parent's transform to calculate how the object should move around. So, if the parent of your ManipulateComponent is rotated on x-axis 90degrees, the object should move in 2 dimensional space. Additionally you can reduce the minDistance in script so that you can move the object to the center of the screen:

    // @input Component.ManipulateComponent manipulateComponent
    script.manipulateComponent.minDistance = -9999

    To manipulate a 2D sprite, you can create a box to encompass it to use as its TouchComponent's MeshVisual. You can assign this box a new unlit texture and disable "depth write", "depth test", and "color write" in order to make it invisible. 

    Your final result should look something like:

    Let me know if I can further clarify anything :) 

    Comment actions Permalink
  • Hello Jonathan, 

    I tried your small tutorial but I got this error:

    How could I fix that? Maybe give us more information about this.

    Thanks

    Comment actions Permalink
  • Julien, the script requires you to set the ManipulateComponent in the inspector. Select the object you added the script to. Then, in the inspector set "Manipulate Comp" to a manipulate component in your scene. 

    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!