- Spark AR Studio
- Spark AR Hub
- Features
- Learn
- Gallery
- Partners
- Blog
- Forum
- Create AR effects for Instagram and Facebook.Get Started
Previewing and Testing Effects
In this tutorial we'll look at the different ways to preview and test projects in Spark AR Studio and the Spark AR Player apps. When you're done testing, follow the link in the extra credit section to get your effect published!
For this tutorial, you’ll need:
- Spark AR Studio downloaded and running on your computer.
- Spark AR Player downloaded and installed on either an iOS or Android mobile device.
- Spark AR Dekstop Player downloaded and installed on either a macOS or Windows device.
- A cable for connecting your device to your computer, e.g. a USB.
If you’re using a Windows machine and plan to test your effect on an iOS device, you’ll also need to install iTunes on your computer.
Getting Started
First open a saved project. You can use our Example Project if you like. Just download it and open the Wings Template. You can easily change how the wings look by editing the settings in the template. It's a nice idea to do this if you plan to publish a unique wings effect at the end of this tutorial!
The Simulator
With your project open, the Spark AR Simulator will help you visualize how your effect will look on a user’s device.
Click the hamburger menu at the bottom of the Simulator to change the device it represents. The Simulator is particularly useful for previewing your effects across different aspect ratios and device orientations.
You can switch between the front and back camera and rotate your device horizontally to simulate the preview in portrait mode, similar to most phones, and landscape view, similar to an iPad screen.
Using real-time simulation
Real-time simulation let’s you change the default Simulator video, so you can use a different camera feed to visualize your effect. You can choose the live camera feed or another default video recording. You can also upload your own test videos using the real-time simulator, which is useful when building a full-body effect.
It's a good idea to keep your own test videos short. Spark AR Studio accepts videos in .webm format.
To select a different Simulator video:
- In the toolbar click the video icon.
- Select a Real-Time Simulation video or click + to add your own. To view the effect on yourself select your computer's built-in camera.
Sending your effect to Facebook or Instagram
Next, to take a look at how your effect looks when it's being used in the camera, you can send it to Facebook or Instagram camera. To do this:
- In the toolbar, click the Test on device icon
- To the right of either Instagram or Facebook, click Send.
- You'll get a notification in Facebook or Instagram, inviting you to try the effect in the camera.
Link your accounts
To preview your effect in Instagram, you need to link your Instagram account with the Facebook account you used to log in to Spark AR Studio. If this is your first time previewing in the app, make sure to link your Instagram account to the Facebook account first.
If you're testing an effect designed for a video calling experience, you'll also see optios to try your effect in the Messenger or Instragram app. Learn more.
Using Spark AR Player app
You can also use the Spark AR Player app to mirror your effect and test performance:
When you're ready to mirror your effect:
- Connect your mobile device to your computer with the cable.
- Open the Spark AR Player app on your device.
Next:
- In Spark AR Studio, in the toolbar, click the Test on Device icon.
- Under Preview in Spark AR Player, you'll see your connected device listed
- Click Send.
You should now see the effect playing on the device. It's a good idea to test an effect on as many types of device as you can using Spark AR Player before uploading it to Spark Hub.
Learn more about using Spark AR Player, including troubleshooting tips, in this article.
Using the Spark AR Desktop Player app
Finally, you can also use the Spark AR Desktop Player app to mirror your effect on your desktop and other external screens. This is useful for previewing effects designed to run on video call with multiple participants, for example, in a Messenger or Instagram.
When you're ready to mirror your effect:
In the toolbar:
- Click the Test on Device icon.
- To the right of Spark AR Desktop Player, click
- Mirror.
You should now see the effect playing in Spark AR Player. Learn more about using Spark AR Desktop Player in this article.
Publishing
Once you’ve finished previewing and testing your effect, it’s time to upload it to Spark AR Hub and get it published. Learn how to publish your effect.
