Son dos assets los que se necesitan para esta experiencia:

  1. Escaneo.mov
  2. Mascara.png

<aside> 💡 Link a prueba casera de Armando: https://cocolabs.slack.com/files/UN0AY6078/F05G94TN7Q9/_project1_out1_2023-07-06_14-33-33.mp4

</aside>

1. Escaneo.mov

Escena de referencia:

(Sólo que en este caso es en reversa, jeje…Empieza 👩‍🦳 y se vuelve 💀)

Captura de pantalla 2023-07-18 a la(s) 12.22.33.png

Captura de pantalla 2023-07-18 a la(s) 12.23.03.png

Captura de pantalla 2023-07-18 a la(s) 12.23.13.png

Captura de pantalla 2023-07-18 a la(s) 12.23.59.png

Notas:

Aunque en esta referencia aparece un efecto como en ‘negativo’ en realidad es solo una transparencia verde (un 15% de opacidad).

En el asset de placeholder que tenemos de prueba se ve demasiado opaco.

Hay una línea animada que baja desde arriba de la pantalla hasta abajo.

La duración puede ser de 4 segundos aproximadamente.