How to make an AR portal effect with SparkAR

A couple people asked for a tutorial after i posted this on reddit, so wanted to put together a real quick demo of how to create this simple portal effect in sparkAR. You'll need spark, blender (or another 3d software) and an image editor of your choice.
00:44 - Photoshop to prep images
04:29 - Blender to create our occlusion box
13:32 - putting it all together in Spark AR
Sorry for rambling a bit - this is my first time making a tutorial like this and i hope its helpful.
finished project files for this effect:
drive.google.com/open?id=178O...
my original reddit post:
www.reddit.com/r/witcher/comm...
thanks for watching!

[@adnanputra.r]

THIS IS LEGIT WHAT I'VE BEEN SEARCHING FOR HOURSS, THANK YOUUU SO MUCHHH!!!!

[@bekirseit-ali2]

A great tutorial!!!! Loved it. I definitely want more effects from you. And it is just crazy that you share with us the finished version, so we can go quickly in and see how does it work and see it. Just wonderful!!!

[@extrathicc78]

This is legit the coolest effect I've ever seen for Sparks, the applications of it are astounding. Thank you so much for sharing this concept, its very very clever

[@ELaletheia]

This is like the most helpful video I've watched for SparkAR

[@storyforyouar5821]

Thank you so much for you work and you shared it with us!

[@zanrius]

Exactly what I'm looking for! Thanks for sharing. Subscribed!

[@graphicsnmusic719]

Awesome man!! Keep up with the spark AR tuts, you got it 💯

[@azozea9167]

I appreciate it - let me know if there's anything you want to see covered in the next tutorial!

[@graphicsnmusic719]

​@@azozea9167 Sure, I will send you a dm asap thanks!

[@farazshababi1]

Wow this is really helpful man!!

[@XPeetXx]

This was really helpful thanks man 🔥🔥🔥

[@DEEPANJANBISWAS]

Excellent Tutorial !!

[@azozea9167]

thank you!

[@Alv.DelaCruz]

BTW loved the tutorial and the idea 👍👍👍

[@OUTTHEMUDVISUAL]

Such a gem thanks fam

[@chilakiller0369]

This is a great way to use Spark AR! Thanks for the content! Suscribed in 3... 2... 👍

[@cas6648]

Really informative. Thanks for the tutorial! Do you work on other projects that are like that?

[@aunyks]

If you followed these directions and your background image shows on top of the camera view when deployed to a phone, place the background plane on the inside the same Scene Group as the bounding box ("untitled" in the video) so that it's at the same level as the bounding box group's Cube, Light, and Camera. Place it under the camera in the sidebar, though. TLDR: Notice the group the planes are in at 2:27 (the demo) as opposed to 24:56 (what we made). I ran into the same issue.

[@azozea9167]

good catch, yes everything ideally should be in one group that is a child of the fixedTargetTracker! The project file in the description is my original demo file and has the correct layer structure if anyone needs a reference

[@Psystar13]

thanks man !

[@oblivion1501]

Great stuff!! We need more of such ar based tuts rather than those color graded filters, btw any idea how to me it a lil brighter ? I tried and everything works perfect but the effect looks dull compared to the original image.

[@juanfranciscotorres9802]

is it possible that, instead of using an image texture as background, use the camera texture image (what the camera is capturing in real-time) so that we have some sort of parallax effect with mixed reality? am I clear?

[@mohammedsharikks6790]

expecting more videos from you

[@MagnumMotions]

how do you save project to be scanned??

[@MagnumMotions]

how do i publish it?

[@Alv.DelaCruz]

I was trying to add a 4 sec video in the background...the file is just way too big. Do you have suggestions? Thanks

[@azozea9167]

thats a cool idea! real video files are probably gonna be too big, but what you could do is take the short video clip, convert it so its something low like 12fps to reduce the amount of frames, then save out every frame of that video as an Image Sequence that you can load into spark (lots of tutorials for image sequences on yt). so basically in this file, we could take our background plane and apply that image sequence as the texture instead of our current image, and use a simple node to step through each frame of the image sequence really fast like a gif. this is how all of those randomizer filters work when they are shuffling images really fast, only they are going in a random order and ours will be from start to end of the sequence. if it works it will be like a gif texture basically

[@azozea9167]

i'll try to get this working in a demo file and will post a short tutorial if i can

[@Alv.DelaCruz]

azo zea ma man. First of all many thanks for the feedback. Thats a good idea...for now I just a simple picture. I will try it out eventually.

[@Alv.DelaCruz]

azo zea that would be really cool. I saw a parallax video of Chicago and combing these two effects would kill it.

[@LapsOfLux]

send me the box? :D