How to create, test and upload an animated sprite

From X-Moto
Jump to: navigation, search

This tutorial is for X-Moto 0.3.0 and newer'

1. Create your sprites. And save them as 32 bits png files with numbers after the names like showed in the picture below. One file for each frame.

AnimSpritesNames.JPG


2. Navigate into your Anims folder. If it's not there, create it.

Windows: C:\Documents and Settings\YOUR_USERNAME\.xmoto\Textures\Anims 
Linux: ~/.xmoto/Textures/Anims 


3. Copy-paste your files into your anims directory


4. We need to tell xmoto that the files are there, so navigate to your themes folder

Windows: C:\Documents and Settings\YOUR_USERNAME\.xmoto\Themes 
Linux: ~/.xmoto/Themes


5. You will find a file called "t1.xml". Make a copy of this file, Ctrl+C, Ctrl+V.


6. Open the original t1.xml


7. Search (Ctrl+F) for "<sprite type="Entity" name="Strawberry"


8. Replace Strawberry in this line

fileBase="Strawberry"

With the filename of your sprites (without numbers and extention) In my example that would be

fileBase="MENIST"


9. Under the line mentioned in step 7, you will find a lot of lines like this one

<frame centerY="0.54" />

Remove so many of them that the remaining number of lines is the same as the number of frames. in my example i leave 9 of them, because there are 9 frames in my animation


10. Make all of the lines

<frame centerY="0.50" />

This is how my file looks now:

<sprite type="Entity" name="Strawberry" fileBase="MENIST" fileExtension="png" width="1" height="1" centerX="0.5" delay="0.05">
<frame centerY="0.5" />
<frame centerY="0.5" />
<frame centerY="0.5" />
<frame centerY="0.5" />
<frame centerY="0.5" />
<frame centerY="0.5" />
<frame centerY="0.5" />
<frame centerY="0.5" />
<frame centerY="0.5" />
</sprite>


11. Save your file and start X-Moto. Try a level with strawberries and if the strawberries looks like your animation, your file is ready for upload.


12. To upload your file, go to http://xmoto.tuxfamily.org/index.php?page=sendyoursprite


13. Fill in your name and E-Mail. Sprite type is entity. Process to next step


14. Give your file a new name and select the number of frames used in your animation.


15. Upload every file and leave the rest unchanged (unless you want to specify advanced options)


16. Wait for an adminstrative validation of your sprite!

Good luck!