Estructura base de un randomizer en Effect House

Resumen

Crear un randomizer en Effect House es una de las formas más prácticas de aprender lógica visual sin escribir código. Aquí construyes la estructura base del efecto: intro, shuffle aleatorio y resultado final, controlando visibilidad y tiempos con nodos. Ideal para diseñadores y creadores que quieren publicar filtros interactivos en TikTok.

¿Cómo se monta la estructura base de un randomizer en la cabeza?

La idea es anclar el efecto al rostro del usuario para que las imágenes se muevan con él. Para eso usamos un head tracker, que es el nodo de Effect House encargado del AR tracking facial.

Dentro de la jerarquía del head tracker insertas un plano y lo posicionas frente a la cara. Cuando muevas la cabeza, el plano viaja contigo. Ese es el punto de partida.

A partir de ese primer plano duplicas dos veces con Ctrl+D y renombras cada uno según su función:

  • Intro: la placa inicial que ve el usuario al abrir el efecto.
  • Random: el plano que muestra el shuffle aleatorio.
  • Final: el plano que revela el resultado.

Los separas en el espacio solo para distinguirlos durante el desarrollo. Después los regresas a la misma posición.

¿Qué es un head tracker en Effect House? Es un nodo de seguimiento facial que ancla objetos 3D o planos a la cabeza del usuario, para que se muevan junto con ella en tiempo real.

¿Cómo asigno materiales distintos a cada plano?

Cada plano necesita su propio material para mostrar gráficos diferentes. En Effect House creas tres materiales basados en face paint, que es el material básico para este tipo de efectos.

Los nombras igual que los planos: intro, random y final. Mientras trabajas con la lógica, puedes asignarles colores distintos solo para identificarlos visualmente. Por ejemplo, intro en un color base, random en amarillo y final en azul.

Cuando un material aparece con patrón de checkerboard, significa que aún no tiene imagen asignada. Es normal en esta fase, porque ahora el foco está en la lógica de visibilidad, no en los gráficos.

¿Cómo controlo la visibilidad con nodos en Effect House?

El estado inicial define qué se ve cuando el usuario abre el filtro. Aquí solo dejas encendido el intro y apagas random y final. Así, la primera vista es la placa de bienvenida.

Para que el efecto reaccione al usuario, agregas un nodo flip flop. Este nodo alterna entre dos caminos cada vez que se dispara una acción, en este caso un screen tap.

El primer camino del flip flop ejecuta esta secuencia:

  1. Apaga el intro con un nodo set visibility en off.
  2. Enciende el random con otro set visibility en on.
  3. Espera un tiempo definido.
  4. Apaga el random y enciende el final.

El segundo camino regresa todo al estado inicial: prende el intro, apaga random y apaga final. Así el usuario puede repetir la experiencia.

¿Cuál es la diferencia entre wait for seconds y timer?

Ambos nodos sirven para introducir pausas, pero tienen alcances distintos. Saber cuál usar te da más control sobre la experiencia.

¿Cuándo conviene usar wait for seconds?

El nodo wait for seconds es directo: defines una cantidad de segundos y, cuando termina, dispara el siguiente nodo. En el randomizer se usa para esperar dos segundos entre el shuffle y el resultado final.

Es la opción más sencilla cuando solo necesitas una pausa lineal sin controles adicionales.

¿Cuándo conviene usar timer?

El nodo timer ofrece más opciones: puedes iniciar, pausar, hacer resume, saber cuándo inicia, cuándo se completa y cuánto tiempo lleva corriendo. Es útil cuando el efecto necesita lógica más compleja, como pausar el shuffle o medir duración.

En la práctica, si conectas el evento completed del timer a los mismos nodos de visibilidad, el resultado visual es idéntico al de wait for seconds. La diferencia está en el control que puedes ejercer después.

¿Qué es un nodo flip flop? Es un nodo que alterna entre dos salidas cada vez que recibe una señal. Sirve para crear interruptores binarios, como activar y desactivar una experiencia con el mismo gesto.

¿Cómo se prueba el randomizer antes de publicarlo?

Durante el desarrollo conviene usar screen tap como disparador. Tocar la pantalla es más rápido que ejecutar el comando real de grabar video, que requiere subir el efecto a la plataforma y agregar más pasos.

El flujo de prueba es simple:

  • Recargas la experiencia y aparece el intro.
  • Das tap y se muestra el random durante dos segundos.
  • Aparece el final automáticamente.
  • Vuelves a dar tap y regresas al intro.

Más adelante, cuando el efecto esté listo, solo cambias la entrada del flip flop de screen tap a recording start o recording stop, según el comportamiento que quieras al grabar.

Conceptos y herramientas clave de Effect House

Estos son los elementos que estructuran el randomizer y que vale la pena dominar:

  • Head tracker [0:34]: nodo de AR tracking que ancla objetos a la cabeza.
  • Plano dentro de jerarquía [0:48]: superficie 2D hija del head tracker que hereda su movimiento.
  • Duplicado con Ctrl+D [1:32]: atajo para crear copias rápidas de objetos.
  • Material face paint [2:18]: material básico para aplicar gráficos sobre la cara.
  • Set visibility [3:42]: nodo que enciende o apaga objetos en escena.
  • Flip flop [3:55]: alterna entre dos caminos lógicos con cada disparo.
  • Wait for seconds [5:22]: pausa lineal medida en segundos.
  • Timer [4:48]: nodo con controles de inicio, pausa, resume y completed.
  • Screen tap [6:58]: disparador de prueba que detecta toques en pantalla.

Con esta base ya tienes el esqueleto del efecto funcionando. En la siguiente sesión sumas animación y las imágenes reales que harán brillar el shuffle aleatorio. ¿Qué resultado vas a aleatorizar tú? Cuéntalo en los comentarios.