Hi everyone,
This post 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: http://www.brashmonkey.com/download_spriter.htm
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:https://dl.dropboxusercontent.com/u/257875422/temp/scml.rar
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:
https://www.scirra.com/tutorials/827/reimporting-or-updating-a-spriter-file-in-your-construct2-project
Step six:
Watch this tutorial which explains how to control your newly imported or updated Spriter object through events in C2:
https://www.scirra.com/tutorials/699/importing-and-controlling-spriter-animation-files
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.
Step eight:
Please join our forums at http://www.brashmonkey.com/forum in order to report any Spriter specific issues you might run into or to request/suggest new features that you feel would make Spriter an even more useful and exciting tool in your game-making arsenal. For Questions specific to the use of Spriter within Construct2 The best place to post them is in this thread and this inertial post will be updated to fill any gaps you help shed light on.
Cheers,
The Spriter Team at BrashMonkey