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: 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:
Step six:
Watch this tutorial which explains how to control your newly imported or updated Spriter object through events in C2:
Step seven:
If you feel there's any information that's missing from this tutorial, please email mikecss@brashmonkey.com and we'll do our best to add the missing information or make it more clear.
Cheers,
The Spriter Team at BrashMonkey