Spark AR Tutorial: Screen Tap Experience

[@emiliusvgs]

Más información del tutorial aquí -> emiliusvgs.com/tutorial-spark-ar-screen-tap/ How to Upload your Instagram filters kzbin.info/www/bejne/bZ6olXZ4rJ2BntU

[@jairoortiz1291]

Hola, te escribo desde Ecuador, tengo las siguientes dudas. En Spark AR se podría realizar un window.open con JS o alguna alternativa que al dar Tap en algún botón que me cargue el navegador? Otra consulta que tendría se podría manejar diferentes escenas y cambiarlas dinámicamente?

[@ErnestoSanabriaGonzalez]

MUCHAS GRACIAS 10.000 AMIGOS FUERTE GRACIAS INFORMACION..TU BUEN TRABAJO PROFESOR ,,,,,,,,,,SOY SORDO DESDE ISLAS CANARIAS 👍🏼

[@emiliusvgs]

hola! qué bueno que te sirvió. Un grab abrazo hasta las islas canarias

[@floorenciaG]

Me sirvió muchísimo. Aquí tiene su like y suscripción, buen hombre.

[@emiliusvgs]

jajaja gracias! ;)

[@alt8532]

Ay amigo, muchas gracias, me ayudaste a salvar el semestre xD jajaja ya tienes una nueva subscriptora 🤗✨

[@emiliusvgs]

que bueno!! :)

[@alicecanomartinez4141]

MUCHISIMAS GRACIAS!!!! se usa igual para el fondo =)

[@emiliusvgs]

así es!

[@fran_galli]

Justo lo que necesitaba. Muchas gracias.

[@martyyanovaanastasiia806]

Best video about screen taps! Thank you 🙏

[@elluchodesign]

Muy buenos tus tutoriales bro! Saludos!

[@ishalaisha]

Gracias por los vídeos súper geniales que nos das :D

[@alejandroahr9988]

Muy buen video amigo Jaja me ayudó mucho, saludos desde Honduras crack!

[@emiliusvgs]

gracias! un abrazo

[@mikey3d912]

Great, How to great the Face Logo? How did you fit it into the face and how to measure it?

[@emiliusvgs]

Hi. I use my own logo and maybe is a coincidence that png fit into my face

[@MrMarto]

gracias, era justo lo que buscaba

[@tanenc]

Hola! Me encantó el tutorial!! Tengo una consulta, como debería configurarlo en el caso de que quiera hacer como 3 filtros en uno, con distintos elementos y efectos de sonido, o sea, al hacer tap sea una objeto en la cara, al hacer otro tap aparece un face deformation con efecto de sonido y en el siguiente otros efectos?

[@emiliusvgs]

hola! lo veo algo cargado. Sin embargo, lo puedes hacer perfectamente con tap. Un visible será el null object que contendrá el "deformation" + sonido, por ejemplo.

[@ichsanindrawahyudi7281]

hey do you know how to make screen tap to handle next and prev, when I tap the screen on the right side will trigger next material

[@emiliusvgs]

hi! do you mean UI slider? tell me more about it

[@rominaschulmeister7051]

Excelente! consulta cuando quiero agregar patch sale una venta pero no me muestra correctamente como te sale a ti? sabrias porque sucede eso? gracias!

[@emiliusvgs]

hi! brindame mayor información! :)

[@rominaschulmeister7051]

@@emiliusvgs Hola! primero gracias! la verdad que me tiene abrumada... por ejemplo sigo el video tutorial, cuando llego a la parte de agregar screen tap por medio de una ventana emergente, esta ventana me muestra duplicado el programa como si fuera que abri de nuevo el programa minimizado... espero que se entienda... no se si volver a una version mas antigua, tengo windows 10 64bts... tenes idea si es algo comun que pase?, tendre que activar algo mas? o alguna sugerencia? mil gracias!

[@viticolul]

Podrías hace un video de como optimizar los filtros para más dispositivos?

[@alsalsabila]

Can we do this with two face trackers? I tried doing the patch exactly like you did but the tap doesn't work when I add a second facemesh to the patcher..

[@emiliusvgs]

Hi! Yes is Possible but you need to duplicate all your work with this new face tracker.

[@Arocaprofilm]

Hola tengo una duda hice un filtro pero no se activa la opción de escalar solo se queda en normal, no puedo usar el ultra angular o el tele del lente, que me recomiendas? Muchas gracias !

[@emiliusvgs]

Hola! creo que lo mejor sería intentar escalar con la interacción "pinch", es decir que el usuario lo escale de manera autonoma.

[@marcoplanas1]

Hola!! consulta! como hago para agregar un contador asi pero ir sumando lo que cuento? por ejemplo al hacer tap mostrar la mascara 1, al hacer tap otra vez mostrar la 1 + la 2, despues la 1+2+3, etc se entiende? gracias!

[@emiliusvgs]

Hola. Te entiendo más o menos jeje. Dame más detalles. Escríbeme por el fanpage

[@marcoplanas1]

@@emiliusvgs Pude hacerlo! no pude hacer que se vayan sumando de forma comoda pero duplique muchisimas veces la camara y me quedo, jaja gracias!

[@amauryd]

Thanks for making this video! I was wondering how to set the 2d position from the screen tap to the position of a plane. Could you help, my friend?

[@emiliusvgs]

Hi! it is possible! let me investigate it! :)

[@amauryd]

Emiliusvgs thanks but I already figured it out! so you do Screen size divided by screen scale-> unpack-> both X and Y values divided by 2 and the X value from screen tap 2d position subtracted with that. Same for Y and then, pack everything and divide by 1000 :)

[@emiliusvgs]

Great!!!

[@earsbleed]

hola, como podría hacer para que el screen tap esté ligado a una instrucción?

[@emiliusvgs]

¿a qué te refieres? No entiendo

[@Kevinsillo]

Como seria para que en vez de ir cambiando con el tap to change, se fuesen sumando los efectos? (Que se vean todos y con cada toque se vayan quitando uno a uno)

[@emiliusvgs]

Hola! tendrías que jugar con runtime, delay para que aparezcan los elementos con sus segundos establecidos y luego puedes utilizar el patch que menciono pero agregas un "not" en su conexión.Tendrías que hacer pruebas, pero creo que por ahí va la idea :D

[@Kevinsillo]

@@emiliusvgs Muchas gracias!

[@giancarlopasini4324]

Hola! Muy buen tutorial, En el caso que quiera hacerlo con distintos elementos 3d, ¿Tendría que agregar más facetrackers o distintos ocludder.obj?

[@emiliusvgs]

hola tendrías que vincular los objetos 3D dentro del patch editor, no necesariamente será con facetrackers. Dependerá del proyecto en sí.

[@Krakenapolo1]

Hola sabes que estoy antenando hacer algo con screen tap pero resulta que al momento de iniciar el filtro no muestra el filtro de iniciada, ya cuando le doy una tap funciona bien hasta el final pero al principio no muestra nada sabes que puedes ser salu2

[@emiliusvgs]

Hola! trata de usar "not" a los elementos que estas interactuando para evitar que inicien sin visualizarse

[@MadonnaNeverDiesComu]

Quiero hacer que en cada tap salga un filtro de color + una imagen en PNG. Cómo hago para juntarlas en una sola?

[@emiliusvgs]

Hola! es mejor usar "pickers" como este ejemplo kzbin.info/www/bejne/j6SqZpaDZriIh9U

[@CristianTrejordz]

Puedes ayudarme con un problema que tengo?

[@BuckyBuckyjr]

No sé si me puedes ayudar, quería crear un filtro con letras 3D alrededor de la cabeza, tengo que usar un tipo de aplicación externa tipo Zapworks para importar las letras o através de la aplicación se pueden crear?

[@emiliusvgs]

Hola! Los elementos 3D por lo general se crea a través de softwres como blender, entre otros :) Dentro de la plataforma existe la opción texto pero quizá no te sirva para lo que quieras hacer.

[@jairoortiz1291]

Hola, te escribo desde Ecuador, tengo las siguientes dudas. En Spark AR se podría realizar un window.open con JS o alguna alternativa que al dar Tap en algún botón que me cargue el navegador? Otra consulta que tendría se podría manejar diferentes escenas y cambiarlas dinámicamente?

[@emiliusvgs]

Hola! No lo he probado, pero creería que es complejo realizar eso. Instagram busca siempre que se queden dentro de su experiencia. A menos que sea un storie. Diferentes escenas y cambiarlas dinámicamente te refieres a usar transición de la cámara?

[@jairoortiz1291]

@@emiliusvgs si, podría crear diferentes cámaras y ir cambiando con screen tap o tap object. la idea sería crear botones en cada cámara que te lleve a diferentes lugares. Muchas gracias por tu respuesta.

[@emiliusvgs]

​@@jairoortiz1291​eso es más complejo de hacer! Se puede generar pequeñas transiciones. Quizá lo que te puede servir es utilizar screen pan y rotate

[@jairoortiz1291]

@@emiliusvgs lo voy a intentar. Muchas Gracias por la respuesta y la información que compartes a la comunidad. Feliz 2020.

[@HandmadeArt]

y si a eso mismo le quiero agregar un filtro de color? como le hago

[@emiliusvgs]

hola! es posible. Debes conectar el screen tap al material lut o al elemento de color. Eso hará que se modifique

[@HandmadeArt]

@@emiliusvgs muchas gracias por totmarte el tiempo de responderme te lo agradezco :)

[@jorgextyle5557]

Woow gran canal. tienes un nuevo sub!! Podrías hacer un tutorial de como hacer un filtro de objetos fijos en la cara, como por ejemplo, pelucas

[@sebastianhormero1421]

hola genio! consulta, como le puedes cambiar la velocidad a las partículas, he intentado mucho rato pero no puedo xD, o simplemente no se puede?

[@emiliusvgs]

Hola! Sí se puede. Puedes tratar con birthrate y lifespan para lograr efectos similares

[@juandagarciaa]

Excelente vídeo, si haces un vídeo explicando como se puede publicar un filtro en Instagram te lo agradeceria mucho

[@emiliusvgs]

Hola. Es exactamente el próximo video que estaré publicando la próxima semana. Mantente al tanto

[@m_boyko]

Thanks for the tutorial! I don't know why, but it's method don't work in Instagram only fb

[@emiliusvgs]

Hi! are you used a test link? Spark AR creators show a issue with test links right now

[@nicolass.g2292]

el facemesh jamas me queda donde debiese ir aparece por error desfasado y es super dificil cuadrarlo a la posición q debiese ....algun consejo?

[@emiliusvgs]

Hola! Que tipo de error aparece? Puedes especificar

[@nicolass.g2292]

@@emiliusvgs no me sale error sino q al agregar facemesh la ubicación sobre el rostro no coincide con la camara, me queda movido y al verlo en movimiento se ve aun peor y tratar de moverlo entre los ejes para hacerlo coincidir es tedioso y nunca queda tan bn centrado... la unica foma es usar un diseño preestablecido y modificarlo xq como archivo nuevo la mascara de rostro se desfasa bastante

[@emiliusvgs]

Eso sí que es raro. Automáticamente el face mesh se genera directamente al rostro. ¿Qué modelo de smartphone posees?

[@nicolass.g2292]

@@emiliusvgs lo hago desde el notebook win 10

[@nicolass.g2292]

gracias x responder , ojala hagas un tutorial para hacer un filtro de estilos de camara como los tipos caleidoscopio o bucle de pantalla ... ni idea e buscado pero no encuentro tutorial util para eso

[@constanza3428]

por mas que lo intento me queda una arriba de la otra y no separadas:(

[@emiliusvgs]

hola! a qué te refieres? :)

[@constanza3428]

@@emiliusvgs pues supongamos que la idea es que tu apretes y vaya saliendo una por una, a mi me quedan todas arriba de la otra a la misma vez y si apretó las demás están vacías y una las tiene todas arriba de otra, nosé si me explico:(

[@emiliusvgs]

Hola Constanza, fíjate el detalle a detalle del tutorial porque posiblemente se te ha escapado algo ;)

[@KarenTz]

Gracias! :)

[@emiliusvgs]

de nada! que te sirva de mucho :)

[@yuritanaka1640]

thank you so much you save my day hahaha

[@AndresMoreano]

Excelente !!!!

[@jovankasmiljanic-jazic5987]

THANK YOU!

[@camilka22]

THANK YOU

[@emiliusvgs]

:)

[@pedromanfredini]

Perfeito!

[@emiliusvgs]

thanks!

[@geogarcia8058]

grande

[@emiliusvgs]

gracias!!!

[@cseg]

tu voz se parece al del chico de voz de tiktok

[@emiliusvgs]

jajaj nunca me lo han dicho. Gracias? jaja

[@cseg]

@@emiliusvgs alta voz! De nada :)

[@turugsanahmetulusoy1668]

HELALKE

[@locambiodespues]

Hola!!! Primero, gracias por tus tutoriales! Segundo, si quieres/puedes/te interesaría hacer uno sobre este efecto? Gracias! instagram.com/a/r/?effect_id=1751541198322724

[@emiliusvgs]

hola! gracias por tu sugerencia, lo he visto en algunas historias. Está muy interesante