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 app. When you're done testing, follow the link in the extra credit section to get your effect published!

For this tutorial, you’ll need:

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 dropdown at the top 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.

Simulator showing person wearing blue wings and with device dropdown open and iOS Devices menu selected

At the bottom of the Simulator, you can switch between the front and back camera and also rotate your device horizontally to simulate the preview in landscape mode, like in most phones, and landscape view, such as in iPad screens.

Horizontal Simulator in landscape mode showing user wearing blue wings

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 and view the effect on yourself select your computer's built-in camera.

Camera menu showing in-built and real-time video options

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:

  1. In the toolbar, click the Test on device icon
  2. To the right of either Instagram or Facebook, click Send.
  3. 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.

Using Spark AR Player app

Finally, you can also use the Spark AR Player app to mirror your effect and test performance:

When you're ready to mirror your effect:

  1. Connect your mobile device to your computer with the cable.
  2. Open the Spark AR Player app on your device.

Next:

  1. In Spark AR Studio, in the toolbar, click the Test on Device icon.
  2. Under Preview in Spark AR Player, you'll see your connected device listed
  3. 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.

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.

Was this article helpful?