Importing and controlling Spriter animation Files


Attached Files

The following files have been attached to this tutorial:



7,338 visits, 11,990 views



This tutorial is licensed under CC BY 4.0. Please refer to the license text if you wish to reuse, share or remix the content contained within this tutorial.

Hi everyone,

This Tutorial is intended to give you all the up to date information and links you need to start using Spriter files in Construct 2.

We'll be sure to update the information any time there’s a significant update to Spriter or the scml plug-in.

Step one:

Make sure you have the latest build of Spriter installed, which you can always find here:

Spriter now has a feature to automatically check for updates. We recommend you turn this feature on so you'll always have the latest version of Spriter as soon as it becomes available.

Step two:

Make sure you have the latest version of the scml plug-in installed in Program Files\Construct 2\exporters\html5\plugins. You can always find the latest version of the plug-in here:

Unzip the folder and put the folder (and the file inside) into the folder mentioned above.

(While installing, make sure construct2 is currently not running.)

Step three:

Open your Spriter file in Spriter, then choose Other File Options/Custom Save Options from Spriter's menu and turn on all three of the “Additional data for Authoring Tools” As seen in the image below.

Step four:

Use save-as to re-save your Spriter scml file AND use save-as again to save a scon version of your Spriter file into the same folder, with the same exact name as your scml file you just saved.

You should now have identically named scml and scon files in your Spriter project folder.

Keep this folder open for easy access for the next step.

Step five:

Load up your capx game or app project in Construct 2. Then go to the frame you'd like to import your Spriter file to, and drag the actual scml file from your Spriter project folder onto the frame.

You'll be asked to also choose which event sheet you'd like the “on initialized” even to be created in. Choose either the event sheet for the that specific frame, or even better, an event sheet specifically for initializing Spriter files which is then “included” in the main event sheet for every frame which includes the Spriter file (Spriter object).

To see this, and my suggested “best practices”, please watch the tutorial video here:

Subscribe to Construct videos now

Step six:

Watch this tutorial which explains how to control your newly imported or updated Spriter object through events in C2:

Subscribe to Construct videos now

Step seven:

If you feel there's any information that's missing from this tutorial, please email and we'll do our best to add the missing information or make it more clear.


The Spriter Team at BrashMonkey


  • Order by
Want to leave a comment? Login or Register an account!