Multiple Billboard Animations in a Row

hey Julien
check out this article

https://lensstudio.zendesk.com/hc/en-us/community/posts/115020451643-Make-Things-Change-on-Tap?page=1#community_comment_360000037943

it will may help with. the tap going through the "array" re the "right position" look at this

https://lensstudio.snapchat.com/guides/general/tracking-modes/

Hi Julien! Patrick is right, looping through an array is the best way to do this. I created a script for you that should do what you want. It's modified from another post I posted re: tapping billboards to support and array of billboards and sounds. 

https://lensstudio.zendesk.com/hc/en-us/community/posts/360000035023-Tap-to-Trigger-Billboard-and-Sound

It supports a variable array so you can add as many as you'd like!

Add the script to an empty object running on the "Initialized" event. Then, fill the arrays with what you want to toggle through on tap. 

// -----JS CODE-----
// @input Component.SpriteVisual[] billboardSprite
// @input Component.AudioComponent[] audioComponent

var audioComponent = null;
var currIndex = 0;

function onTurnOn( eventData )
{
    global.touchSystem.touchBlocking = true;
    global.touchSystem.enableTouchBlockingException("TouchTypeDoubleTap", true);
    global.touchSystem.enableTouchBlockingException("TouchTypeSwipe", true);

    for( var i = 0; i < script.billboardSprite.length; i++ ) {
        script.billboardSprite[i].enabled = false; 
    }
}
var turnOn = script.createEvent("TurnOnEvent");
turnOn.bind(onTurnOn);
 
function onTap( eventData )
{
    for( var i = 0; i < script.billboardSprite.length; i++ ) {
        script.billboardSprite[i].enabled = false; 
    }
 
    for( var i = 0; i < script.audioComponent.length; i++ ) {
        script.audioComponent[i].stop(false); 
    }
 
    currIndex++;
    if( currIndex >= script.billboardSprite.length ) {
        currIndex = 0;
    }
 
    // Show billboard
    if( script.billboardSprite[currIndex] ) 
    {
        script.billboardSprite[currIndex].enabled = true;
 
        // Play animation
        var control = script.billboardSprite[currIndex].getMaterial(0).getPass(0).baseTex.control;
        if( control && control.play )
        {
             control.play(1, 0.0); 
        }
    }

    // Play sound
    if( currIndex < script.audioComponent.length && script.audioComponent[currIndex] ) 
    {
        script.audioComponent[currIndex].play( 1 ); 
    }
}
var tap = script.createEvent("TapEvent");
tap.bind(onTap);

Hi Julien, rewrote to fix the starting problem. The fix was easy, just initialize currIndex to -1. Then, I made it support general SceneObjects instead of billboard specifically. Basically, you can now feed anything into the array including post effect objects. 

// -----JS CODE-----
// @input SceneObject[] sceneObjects
// @input Component.AudioComponent[] audioComponents

var audioComponent = null;
var currIndex = -1;

function onTurnOn( eventData )
{
    global.touchSystem.touchBlocking = true;
    global.touchSystem.enableTouchBlockingException("TouchTypeDoubleTap", true);
    global.touchSystem.enableTouchBlockingException("TouchTypeSwipe", true);

    for( var i = 0; i < script.sceneObjects.length; i++ ) {
        script.sceneObjects[i].enabled = false; 
    }
}
var turnOn = script.createEvent("TurnOnEvent");
turnOn.bind(onTurnOn);
 
function onTap( eventData )
{
    for( var i = 0; i < script.sceneObjects.length; i++ ) {
        script.sceneObjects[i].enabled = false; 
    }
 
    for( var i = 0; i < script.audioComponents.length; i++ ) {
        script.audioComponents[i].stop(false); 
    }
 
    currIndex++;
    if( currIndex >= script.sceneObjects.length ) {
        currIndex = 0;
    }
 
    // Show scene object
    if( script.sceneObjects[currIndex] ) 
    {
        script.sceneObjects[currIndex].enabled = true;
    }

    // Play sound
    if( currIndex < script.audioComponents.length && script.audioComponents[currIndex] ) 
    {
        script.audioComponents[currIndex].play( 1 ); 
    }
}
var tap = script.createEvent("TapEvent");
tap.bind(onTap);