Enable random object from array on tap

Bram van de Ven

Snap Lens Network Member Lens Studio Team

June 11, 2018 14:07

Hi,

I'm creating a lens for my graduation which will show someone's 'digital aura'. The idea is that someone can analyse all their online communication and come up with personality traits of their digital persona.

Those personality traits will then be visualised into different forms, colors or shapes of the aura.

For my prototype I would love to be able to fake this. But to make the effect a little more realistic, I want the user to open the lens, tap through the introduction and then get a random aura assigned to their face. The "random" aura would just be one picked out of an array consisting of 10 different sprites. Or one sprite which will select a random texture out of 10.

I found this which looks promising, but I'm not sure how to adapt the script to work with sprites, instead of audio. Preferably I would have the functionality built in the FullscreenTemplate, so that I'll still be able to show an introduction first.

Any help would be greatly appreciated! And I'm not graduating in Javascript, so I'm not letting you do all my work :)

Brandon / Apoc

Snap Lens Network Member Lens Studio Team

June 11, 2018 23:51
Edited

You could do something like this:

// -----JS CODE-----
//@input Component.SpriteVisual sprite
//@input Asset.Texture[] spriteTex

// change tapToEnable to however many taps the intro takes
var tapToEnable = 3

var tapCount = 0

function onTap( eventData )
{
    tapCount++
    if(tapCount >= tapToEnable){
         script.sprite.enabled = true;
         var rand = Math.floor(Math.random() * script.spriteTex.length)
         script.sprite.mainPass.baseTex = script.spriteTex[rand]
    }
}
var tapEvent = script.createEvent("TapEvent");
tapEvent.bind(onTap);

Bram van de Ven
Snap Lens Network Member Lens Studio Team

June 12, 2018 12:16
Thanks a lot Apoc, you absolute hero! You have no idea how much that helps.
Comment actions Permalink
Neel's Music Corner
Snap Lens Network Member Lens Studio Team

October 28, 2018 11:06
How did you create an array of sprites? I need the same help. How can I link the script with the array. All my sprites are displayed at one, how can i hide them and how can the script be linked. Thank You
Comment actions Permalink
Bram van de Ven
Snap Lens Network Member Lens Studio Team

October 28, 2018 11:14

Edited
Click on the Camera object > Click on Add Component in the Inspector panel > Script. That's where you add the script. You'll then have a new option to add the Sprites. This is what that looks like:
Comment actions Permalink
Neel's Music Corner
Snap Lens Network Member Lens Studio Team

October 28, 2018 13:18
Thank You :) It was amazing! You rock! Also Is it possible to add a keyboard where a person can enter the name, and it displays as a sprite! Thanks Again !
Comment actions Permalink
Bram van de Ven
Snap Lens Network Member Lens Studio Team

October 28, 2018 13:50
No problem, @apoc did all the work! There have been creators that managed to implement a keyboard, but that will take a lot of custom coding. You might want to dive into the scirpting part some more, before you'll be able to code something like that.

I'm not a part of the Lens Studio Dev team so I can't help you with that without charging you for it.
Comment actions Permalink

Enable random object from array on tap

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

What system do you run Lens Studio on?

Follow the next steps to help us solve your issue:

Thanks for submitting this issue.

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