
Aquí dejo mi coso, quisiera ponerle una boquita pero aun no encuentro como hacerle.
Diseñar un fantasma animado en Spark AR es más sencillo cuando dominas las técnicas de Signed Distance Fields. Aquí aprenderás a sumar ojos, mezclar colores y refinar la silueta de tu personaje usando nodos como SDF Union y Blend, ideal para creadores de filtros que buscan resultados con personalidad.
Cómo agregar ojos a un personaje SDF
Para dar vida al fantasma, partimos de la estructura base: un círculo conectado a un Smoothstep que genera el degradado del cuerpo, y varios Gradient Maps que aportan color. Sobre esa base sumamos los ojos.
La receta es directa: dos círculos SDF con un radio mucho menor que el cuerpo, alrededor de 0.05. Cada ojo se ubica en una coordenada distinta. Por ejemplo, uno en 0.4 y otro en 0.6 sobre el eje horizontal, ambos con radio 0.03 para que queden proporcionados.
¿Qué es un SDF en Spark AR? Es una técnica que define figuras mediante distancias matemáticas a un punto. Te permite dibujar círculos, polígonos o líneas y combinarlos sin perder calidad al escalar.
Por qué usar SDF Union para juntar dos figuras
Aquí aparece el primer obstáculo: tienes un solo Smoothstep y dos ojos que necesitan recibir el mismo tratamiento. La solución es el nodo SDF Union, que fusiona ambos círculos en una sola salida antes de pasarlos al Smoothstep.
Este flujo garantiza que ambos ojos compartan el mismo degradado y se comporten como una unidad visual coherente.
Cómo mezclar colores con el nodo Blend
Una vez que los ojos tienen forma, toca pintarlos. Conectamos un Gradient Step con dos colores: el previous en blanco con alfa y el siguiente en amarillo. Con eso, los ojos adoptan un tono cálido que contrasta con el cuerpo.
El reto siguiente es combinar dos resultados de color, el del cuerpo y el de los ojos, en una sola textura final. Para eso usamos el nodo Blend, que mezcla patches como si fueran capas en un editor gráfico.
Qué modos de blending puedes aplicar
Los modos disponibles funcionan igual que en software de edición como Photoshop. Algunos ejemplos prácticos:
¿Para qué sirve el nodo Blend en Spark AR? Mezcla dos salidas de color usando modos como Add, Multiply o Normal, igual que las capas de Photoshop, y te deja decidir cómo se integran visualmente.
Después de aplicar Blend, puedes seguir afinando detalles. Bajar la posición de los ojos da un look más expresivo, y modificar el radio o el rango del Smoothstep cambia la sensación de solidez.
Cómo refinar la personalidad del fantasma
Las variables numéricas son la clave para personalizar. Si quieres un cuerpo menos sólido, prueba con un radio de 0.1 y un difuminado más extenso, alrededor de 0.3 o 0.4. Eso aporta variación tonal y suaviza los bordes.
Todo nodo con flechas en Spark AR se puede animar o conectar a comportamientos dinámicos. Eso significa que el radio de los ojos, su posición o el modo de Blend pueden reaccionar al rostro del usuario, al tiempo o a cualquier patch lógico.
Qué otras figuras SDF puedes combinar
Los círculos son solo el comienzo. Dentro de la sección SDF encuentras más opciones que enriquecen tus diseños:
Por separado cada figura tiene su utilidad, pero al combinarlas con SDF Union logras personajes complejos sin perder rendimiento. Cuéntame en los comentarios qué villano construiste y qué combinación de figuras usaste para darle su estilo.
Diseñar un fantasma animado en Spark AR es más sencillo cuando dominas las técnicas de Signed Distance Fields. Aquí aprenderás a sumar ojos, mezclar colores y refinar la silueta de tu personaje usando nodos como SDF Union y Blend, ideal para creadores de filtros que buscan resultados con personalidad.
Para dar vida al fantasma, partimos de la estructura base: un círculo conectado a un Smoothstep que genera el degradado del cuerpo, y varios Gradient Maps que aportan color. Sobre esa base sumamos los ojos.
La receta es directa: dos círculos SDF con un radio mucho menor que el cuerpo, alrededor de 0.05. Cada ojo se ubica en una coordenada distinta. Por ejemplo, uno en 0.4 y otro en 0.6 sobre el eje horizontal, ambos con radio 0.03 para que queden proporcionados.
¿Qué es un SDF en Spark AR? Es una técnica que define figuras mediante distancias matemáticas a un punto. Te permite dibujar círculos, polígonos o líneas y combinarlos sin perder calidad al escalar.
Aquí aparece el primer obstáculo: tienes un solo Smoothstep y dos ojos que necesitan recibir el mismo tratamiento. La solución es el nodo SDF Union, que fusiona ambos círculos en una sola salida antes de pasarlos al Smoothstep.
Este flujo garantiza que ambos ojos compartan el mismo degradado y se comporten como una unidad visual coherente.
Una vez que los ojos tienen forma, toca pintarlos. Conectamos un Gradient Step con dos colores: el previous en blanco con alfa y el siguiente en amarillo. Con eso, los ojos adoptan un tono cálido que contrasta con el cuerpo.
El reto siguiente es combinar dos resultados de color, el del cuerpo y el de los ojos, en una sola textura final. Para eso usamos el nodo Blend, que mezcla patches como si fueran capas en un editor gráfico.
Los modos disponibles funcionan igual que en software de edición como Photoshop. Algunos ejemplos prácticos:
¿Para qué sirve el nodo Blend en Spark AR? Mezcla dos salidas de color usando modos como Add, Multiply o Normal, igual que las capas de Photoshop, y te deja decidir cómo se integran visualmente.
Después de aplicar Blend, puedes seguir afinando detalles. Bajar la posición de los ojos da un look más expresivo, y modificar el radio o el rango del Smoothstep cambia la sensación de solidez.
Las variables numéricas son la clave para personalizar. Si quieres un cuerpo menos sólido, prueba con un radio de 0.1 y un difuminado más extenso, alrededor de 0.3 o 0.4. Eso aporta variación tonal y suaviza los bordes.
Todo nodo con flechas en Spark AR se puede animar o conectar a comportamientos dinámicos. Eso significa que el radio de los ojos, su posición o el modo de Blend pueden reaccionar al rostro del usuario, al tiempo o a cualquier patch lógico.
Los círculos son solo el comienzo. Dentro de la sección SDF encuentras más opciones que enriquecen tus diseños:
Por separado cada figura tiene su utilidad, pero al combinarlas con SDF Union logras personajes complejos sin perder rendimiento. Cuéntame en los comentarios qué villano construiste y qué combinación de figuras usaste para darle su estilo.

Aquí dejo mi coso, quisiera ponerle una boquita pero aun no encuentro como hacerle.
En la clase se menciona que usar SDF nos ayuda a tener filtros con menor peso en memoria pero, ¿qué hay del rendimiento?, ¿no ocuparían mas recursos para renderizarse que un filtro con imágenes importadas?
He hecho todo tal cual pero no consigo que me quede en forma circular, que puedo hacer? Ayuda :(. 
Alguien sabe por que no guarda los cambios cuando estoy dentro del nodo fantasma?. Al salir a la parte principal del editor, todo los cambios que he hecho se borran, no se porque, estoy trabajando desde Mac.

Este es el que voy haciendo :)
Brutal esta info, siento que hace mucho más fácil el proceso del peso de los archivos y demás 👏
Aquí dejo mi coso, quisiera ponerle una boquita pero aun no encuentro como hacerle.
Zedovius .
En la clase se menciona que usar SDF nos ayuda a tener filtros con menor peso en memoria pero, ¿qué hay del rendimiento?, ¿no ocuparían mas recursos para renderizarse que un filtro con imágenes importadas?
Rafael Robles Colinas
De hecho es posible que si, pero al crear un filtro seguramente lo que vamos a querer que pese(Para tener mas funcionalidades) serán las instrucciones o funcionalidades que agreguemos, por ello buscaremos reducir el peso de las texturas lo máximo posible, puede que consuma mas recursos, pero al menos no consumirá mas recursos teniendo además imágenes pesadas
Adriana Jose Castellano Rivero
He hecho todo tal cual pero no consigo que me quede en forma circular, que puedo hacer? Ayuda :(.
Emmanuel Jose Lamprea Florez
Hola Adriana A mí me pasó que cuando creé el plano fantasma debug y empecé a modificar pero los cambios no se veían, como son 3 fantasmas se deben hacer los cambios en los otros nodos de fantasma, ya que no los está guardando. A veces pasa en algunas configuraciones que se hacen, en otras se desconecta, entonces revisa a ver si es eso.
Emmanuel Jose Lamprea Florez
Alguien sabe por que no guarda los cambios cuando estoy dentro del nodo fantasma?. Al salir a la parte principal del editor, todo los cambios que he hecho se borran, no se porque, estoy trabajando desde Mac.
Adriana Jose Castellano Rivero
a mi me pasaba igual, pero hice el proceso nuevamente y ya me quedo todo bien, trata de guardar siempre cualquier cambio aunque sea minimo
Emmanuel Jose Lamprea Florez
Hola Adriana, yo guardo pero, siempre me pasa igual, supongo que debe ser la versión, con alguna actualización lo mejoren.
Jonatan Paez
Este es el que voy haciendo :)
Andrés David Loaiza Zamudio
Brutal esta info, siento que hace mucho más fácil el proceso del peso de los archivos y demás 👏