AR Touch Gesture para reposicionar objetos en AR

La herramienta AR Touch Gesture en Effect House permite que el usuario coloque y reposicione objetos 3D dentro del mundo real con un simple toque o arrastre. Es clave para crear filtros interactivos en TikTok donde el espectador decide dónde ubicar tus letreros, personajes o elementos visuales.

¿Qué es AR Touch Gesture y por qué necesitas un área activa?

Cuando trabajas con objetos delgados, como letreros planos, interactuar directamente sobre la geometría se vuelve impreciso. El dedo del usuario casi nunca atina al primer intento, y eso rompe la experiencia.

La solución es crear una geometría auxiliar, normalmente un cubo, que envuelva al objeto visible y funcione como zona de interacción. Esa geometría existe en la escena, pero la haces invisible mediante un material especial.

¿Qué hace AR Touch Gesture? Detecta toques y arrastres sobre un objeto 3D y permite reposicionarlo en el espacio real capturado por la cámara.

¿Cómo organizar la jerarquía del proyecto en Effect House?

Una estructura ordenada evita errores de escala y de comportamiento. La idea es contener todo dentro de un mismo nodo padre para controlar transformaciones de forma global.

Estos son los pasos que se siguen en la clase [02:00]:

• Crea un empty llamado AR Contenedor.
• Dentro del contenedor agrega un cubo que servirá como área activa.
• Coloca también el letrero dentro del mismo contenedor.
• Ajusta el cubo para que cubra el área visual del letrero.

Este contenedor padre será el que reciba el componente AR Touch Gesture, así toda la jerarquía se mueve junta cuando el usuario interactúa.

¿Cómo escalar correctamente para que no se vea diminuto?

Effect House trabaja con una escala de 20 a 1. Si modelas en metros, el objeto se verá enorme o pequeño dependiendo del contexto. La regla práctica es dejar el contenedor padre en escala 0.05, mientras los hijos pueden mantenerse en escala 1.

Así, aunque la escena en el editor se vea pequeña, en el dispositivo se verá realista y proporcional.

¿Cómo crear un material invisible pero interactuable?

El truco para que el cubo funcione como área de toque sin taparte el letrero es aplicarle un material Unlit y configurar su Render State. Aquí entra un concepto poderoso: la función de profundidad o depth function [05:30].

La función de profundidad determina cuándo un objeto se muestra respecto a otros. Estas son las opciones más comunes:

• Less equal: se muestra solo si está más cerca o a igual distancia que otros objetos.
• Greater: se muestra cuando está más lejos.
• Equal: solo cuando coincide la distancia exacta.
• Never: nunca se renderiza, aunque siga existiendo en la escena.

Para el área activa usas Never. Eso convierte al cubo en un objeto fantasma: existe, ocupa espacio, recibe toques, pero el motor no lo dibuja en pantalla.

¿Por qué usar Never en lugar de bajar la opacidad? Con Never el objeto sigue siendo seleccionable e interactuable, pero el render lo ignora por completo. Bajar opacidad lo haría translúcido, no invisible funcional.

¿Dónde se aplica el componente AR Touch Gesture?

Una vez tengas el material invisible y la jerarquía lista, seleccionas el contenedor y agregas el componente desde AR Component → AR Capability → AR Touch Gesture. Con eso, cualquier toque o drag sobre el área del cubo moverá el letrero en el mundo real.

¿Cómo probar el filtro en TikTok antes de publicar?

Effect House permite enviar un preview directo a tu celular. Ahí confirmas tres cosas críticas:

• Que la escala se vea natural en el entorno real.
• Que el toque registre correctamente sobre el área activa.
• Que el reposicionamiento se sienta fluido al arrastrar.

Durante la prueba puedes detectar errores raros si la jerarquía no respeta la regla del 0.05 en el contenedor padre. Si ves saltos, parpadeos o tamaños fuera de proporción, casi siempre el problema está en la escala anidada.

Con esta configuración tienes un filtro completo: letreros tipo cuidado, tóxico o perezoso cruzando, que el usuario puede colocar donde quiera en su espacio. ¿Qué narrativa vas a construir con tus propios letreros AR? Cuéntalo en los comentarios.