The forum on this site is closed for new comments and posts. Continue the conversation in our Snap AR Discord server.

How do you make a 2d animation disappear after it has played?

  • Well, I don't speak English but I'll try to help you. 

    Try making a new Script and adding it to you 2D sprite inside the camera, and put the trigger into Tapping

     

    Inside the script put this 

     //@input Component.SpriteVisual spriteVisual
    var delayedEvent = script.createEvent("DelayedCallbackEvent");
    delayedEvent.bind(function(eventData)
    
    script.spriteVisual.enabled = false; }); // Start with a 2 second delay delayedEvent.reset(2); var 2danimation= script.getSceneObject().getFirstComponent("Component.SpriteVisual"); 2danimation.getMaterial(0).getPass(0).baseTex.control.play(1, 0.0);

    I'm pretty sure that will work, remember you need to put also the sprite in the SpriteVisual field inside the script zone
    Ps: sorry for the format issues, I'm on my phone right now
    Comment actions Permalink
  • You need to change the 2 in the delayed event to match the end of the animation, you can also use a dot for more precise timing. I bet that's the worst way to do what you want but I think that may help haha

    Comment actions Permalink
  • Awesome! There was a tiny syntax error in the function declaration. Fixed and added a configurable play time in the inspector. Go team!

    // @input Component.SpriteVisual spriteVisual
    // @input float showTime = 1.0
    var delayedEvent = script.createEvent("DelayedCallbackEvent");
    delayedEvent.bind( function(eventData) { script.spriteVisual.enabled = false } );

    // Start with a 2 second delay
    delayedEvent.reset(script.showTime);
    script.spriteVisual.getMaterial(0).getPass(0).baseTex.control.play(-1, 0.0);
    Comment actions Permalink
  • Travis's script didn't work either

    Comment actions Permalink
  • Hi Carly, I just added it and it works fine for me. Please try these steps:

    • Create an empty project via File -> New Project
    • Add a new script - Add New -> Script in the Resources Panel
    • Replace the contents of the script with the following code:
    // @input Component.SpriteVisual spriteVisual
    // @input float showTime = 1.0
    var delayedEvent = script.createEvent("DelayedCallbackEvent");
    delayedEvent.bind( function(eventData) { script.spriteVisual.enabled = false } );

    // Start with a 2 second delay
    delayedEvent.reset(script.showTime);
    script.spriteVisual.getMaterial(0).getPass(0).baseTex.control.play(-1, 0.0);
    • Add a new billboard: Add New -> Billboard in the objects panel
    • Set the billboard to an animated texture. More info here: https://lensstudio.snapchat.com/guides/2d/2d-animation/
    • Add a new empty object: Add New -> Empty objects in the objects panel
    • Select the Empty Object and add a new script component
    • Add the script we create to the new script component
    • Click the Sprite Visual field on your added script and find the billboard you added
    • Click refresh in the preview window. It should now disappear after the configured show time

     

    Comment actions Permalink

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!