How do you do the person disappearing effect in a lens?

Hi Carly,

This effect takes two steps. On first tap, save the camera texture and apply it to a transparent SpriteVisual that's stretched to fit the screen. On second tap, fade the SpriteVisual in so that it's fully visible and covering the screen.

To set your project up, first go to Add New > Billboard to create your screen covering Sprite. Next, create a new SceneObject (I named it "Controller") and add the following script to it, in the "Initialized" event:

//@input Asset.Texture cameraTexture
//@input Component.SpriteVisual sprite
//@input Component.AudioComponent audioComponent
//@input float fadeTime = 2

var needToCopyTexture = true;
var needToFadeIn = false;

// Set the SpriteVisual's alpha to 0 so it's fully transparent
script.sprite.mainPass.baseColor = new vec4(1,1,1,0);

function onTap() 
{
 if (needToCopyTexture) 
 {
  // If first tap, copy the camera texture to the SpriteVisual's material
  var textureCopy = script.cameraTexture.copyFrame();
  script.sprite.mainPass.baseTex = textureCopy;
  needToCopyTexture = false;
 
 } 
 else if (!needToFadeIn) 
 {
  // If second tap, start fading in and play sound
  needToFadeIn = true;
  if(script.audioComponent)
  {
   script.audioComponent.play(false);
  }
 }
}
script.createEvent("TapEvent").bind(onTap);

function onUpdate() 
{
 // Every frame update, if we need to fade in, increase the SpriteVisuals's alpha value
 if (needToFadeIn) 
 {
  var color = script.sprite.mainPass.baseColor;
  if(color.a < 1.0)
  {
   color.a += getDeltaTime() / script.fadeTime;
   // Keep alpha value <= 1
   color.a = Math.min(color.a, 1.0);
   script.sprite.mainPass.baseColor = color;
  }
 }
}
script.createEvent("UpdateEvent").bind(onUpdate);

On the object, set "Camera Texture" to your Camera output texture, which should be called "Camera Output". Set "Sprite" to the screen covering sprite you just created. Set "Fade Time" to how long you want the fade to take, in seconds. If you want to add a sound effect, add an AudioComponent to the object and hook it up to "Audio Component".

Hope this helps! Let me know if you have any other questions.

Thanks,
Jacob

Hi Abigail, 

Do you want to fade the device camera texture back in so that the person is visible again? If so, you can fade down the alpha of the overlay sprite until it's 0, at which point it will be invisible and the device camera texture will be completely visible again. 

Glad you figured it out! Let me know if you need any more help!