CAR ANNOUNCEMENT PORTAL
CATEGORY
AR
DESCRIPTION
Development of an AR Filter for the client CUPRA to announce a new car Urban Rebel to the public, which comes out though a portal using AR target image and plane tracking
YEAR
June to August 2022
PROGRAMS USED
Meta Spark Studio, Visual Studio, Maya
SCRIPTING LANGUAGES
JavaScript/TypeScript, Nodes
FILTER DETAILS
OBJECTIVE
Create an Instagram filter to announce the new Urban Rebel car by Cupra using AR for the user to move and be able to see all the details of the car. To make the release more shocking, the car comes out of a portal that opens when the plane or image is tracked and the user is able to see a tunnel with animated lights where the new car eventually comes out of the portal completely.
The user is able to move around and look at the car from every angle once it is out of the portal and the tunnel maintains its animated lights.
2 different variations of the filter were made:
-
The release where it was shown in a famous Twitch stream and all the viewers could test the filter with an image appearing on the stream itself.
-
After the stream, where the portal could appear in any floor to avoid making the users open up the image of the stream when it ended.
DEVELOPMENT
TECHNICAL DETAILS
The main technicality of this filter is the creation of the 3D model of the car under 40k poligons to be able to run the filter smoothly, this was done by a member of the team in EGM Studio. Once the model was done, the implementation of the model with the correct materials and environmental maps had to be done according to the Cupra team's information and feedback.
The portal was made with 2 occluding door that open up to show the tunnel. This tunnel was modelled in Maya and duplicated in order to make the outside occluder by changing its cull mode and render options.The lights were also modelled and was all joined inside Meta Spark Studio in the same scene.
In order to make the light animation, a script had to be created to get all objects and its materials and loop around them to light them after a certain amount of miliseconds one by one, and also light the adjacent by a 50% opacity to give a more realistic effect. The language of the script is in JavaScript.
The car animation coming out and of the tunnel, drifting and then doing a 360 was made inside the Meta Spark Studio animation tools using the keyframe patch.
A combination of nodes and script development had to be made to maintain the filter working smoothly for the user.
2 different variations were made, the one for the streamers and viewers triggered the portal by tracking an image on the computer screen; and the one active now triggers the portal by just a horizontal plane.