Creación de un Randomizador en Effect House paso a paso
Clase 3 de 10 • Curso de Programación y Efectos Interactivos en TikTok
Resumen
¿Cómo comenzar a estructurar un randomizador en Effect House?
Iniciar un proyecto en Effect House puede parecer abrumador, pero con una comprensión clara de las bases, te será sencillo. Comenzamos por visualizar lo que queremos: un randomizador que genera resultados de forma aleatoria. Este efecto incluye una introducción, un momento de aleatoriedad y un resultado final. Podemos aprovechar los contadores y las estructuras base de esta plataforma para crear esta experiencia interactiva.
-
Preparar el entorno de trabajo:
- Elimina elementos innecesarios, como un cubo de ejemplo, para que no interfieran.
- Configura un "head tracker" para anclar los efectos a la cabeza del usuario, ideal para animaciones o imágenes.
-
Crear los planos principales:
- Crea tres planos: uno para el intro, otro para el shuffle aleatorio y uno para el resultado final.
- Renombra los planos para facilitar la identificación:
Intro
,Random
yFinal
.
¿Qué materiales debes crear?
La visualización es clave en cualquier proyecto de realidad aumentada, por lo tanto, cada plano debe tener su material distintivo.
- Generar tres materiales distintos:
- Usa el material base "face paint" y duplícalo.
- Nomina los materiales según su uso:
Intro
,Random
, yFinal
. - Asigna colores temporales para identificación fácil: por ejemplo, azul para Intro, amarillo para Random, y otro color para Final.
Con los pasos anteriores, logras una base visual clara que facilitará el manejo de la visibilidad de cada sección del randomizador.
¿Cómo manejar la visibilidad y el flujo de interacción?
El siguiente paso es programar la interacción del efecto con usuarios. El objetivo es controlar qué parte del efecto se ve y cuándo.
-
Establecer el estado inicial:
- Solo el plano
Intro
debe estar visible al principio. Los planosRandom
yFinal
deben apagarse.
- Solo el plano
-
Sistema de interacción:
- Usar un nodo
flip-flop
para cambiar entre estados al hacer tap en la pantalla. - Programa el flujo para que en la primera interacción del usuario, el
Intro
se apague y elRandom
se encienda.
- Usar un nodo
-
Definir el tiempo para mostrar el resultado final:
- Puedes usar un nodo
timer
owait
para establecer un retardo antes de que elFinal
se muestre. - Decide cuál herramienta usar según tu necesidad de control sobre el tiempo y la secuencia.
- Puedes usar un nodo
¿Cómo reiniciar el proceso?
Además de manejar la transición inicial, es esencial que puedas restaurar la visualización a su estado original tras una interacción o al final de una grabación.
- Regresar al estado inicial:
- Plantea una estructura similar a la inicial para reiniciar el flujo al hacer una nueva interacción (tap o fin de grabación).
- El
Intro
debe volver a mostrarse, y los demás elementos ocultarse.
El uso de nodos de visibilidad y control, como el flip-flop
, facilita mantener un flujo de interacción coherente y predecible.
Prueba y evaluación del proyecto
Finalmente, probar el proyecto te asegura que cada componente funciona según lo planeado antes de implementar animaciones e imágenes finales.
- Realiza pruebas regulares:
- Usa la función de
tap
en pantalla como método sencillo de prueba. - Reajusta las transiciones y tiempos de espera según resultados observados.
- Usa la función de
Es fundamental entender cada nodo y su función en la estructura para modificar y adaptar mejor el proyecto a futuras necesidades de animación y contenido visual. Esto sentará una base sólida para clases y proyectos futuros.