{"id":146,"date":"2019-06-25T14:11:57","date_gmt":"2019-06-25T14:11:57","guid":{"rendered":"http:\/\/www.shmupcreator.com\/doc\/?docs=shmupcreator\/assets-and-art-creation\/animating-sprites"},"modified":"2024-07-24T08:56:54","modified_gmt":"2024-07-24T08:56:54","slug":"animating-sprites","status":"publish","type":"docs","link":"https:\/\/www.shmupcreator.com\/doc\/?docs=shmupcreator\/assets-and-art-creation\/animating-sprites","title":{"rendered":"Animating sprites"},"content":{"rendered":"

To animate sprites, you have to draw several frames and place them in one image.
It’s called a texture atlas, a texture that contains several images.
Your picture should be divided into cells, forming a grid, where each cell has the same dimension. A cell can be square or rectangular. Then you place your frame one by one, starting from the first cell and going from left to right and top to bottom.
You can divide your grid as you wish: you can have only one row, it doesn’t matter, as long as every cell has the same size.<\/p>\n

\"\"<\/p>\n

Then, you have to set the right numbers of rows and columns in the animation section of the objects to set the animation in the tool.
In the above example, there are 2 rows and 3 columns.<\/p>\n

In the SHMUP Creator, all the animations are looping, except for the explosions.
\"\"<\/p>\n\n\n

Note:<\/strong> Animated explosions and particles should be saved in >> Assets\/Particles<\/strong>.<\/pre>\n\n\n
PLAYER: how to set a bank animation<\/strong>:<\/h3>\n
You need to create a sprite sheet with an odd number of frames.
The central frame should be the “default” frame, the frames on the left the banking to the left frames (or to the top, depending of the type of your game), and the frames on the right the banking on the right frames.

Example:<\/p>\n
\"\"<\/p>\n
In PLAYER\/ANIMATION tab:<\/strong>
>> set the right number of columns<\/p>\n
\"\"<\/p>\n
In PLAYER\/SETTINGS tab
>> check “bank” and set the options for rolling, pitching and the speed<\/p>\n
\"\"<\/p>\n\n\n
Note<\/strong>: there are a lot of great pixel art animation softwares:\n-Piskel<\/a>\n-LibreSprite<\/a>\n-Aseprite<\/a> (Not free)<\/pre>\n","protected":false},"featured_media":0,"parent":139,"menu_order":2,"comment_status":"closed","ping_status":"closed","template":"","doc_tag":[],"class_list":["post-146","docs","type-docs","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.shmupcreator.com\/doc\/index.php?rest_route=\/wp\/v2\/docs\/146","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.shmupcreator.com\/doc\/index.php?rest_route=\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/www.shmupcreator.com\/doc\/index.php?rest_route=\/wp\/v2\/types\/docs"}],"replies":[{"embeddable":true,"href":"https:\/\/www.shmupcreator.com\/doc\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=146"}],"version-history":[{"count":23,"href":"https:\/\/www.shmupcreator.com\/doc\/index.php?rest_route=\/wp\/v2\/docs\/146\/revisions"}],"predecessor-version":[{"id":2919,"href":"https:\/\/www.shmupcreator.com\/doc\/index.php?rest_route=\/wp\/v2\/docs\/146\/revisions\/2919"}],"up":[{"embeddable":true,"href":"https:\/\/www.shmupcreator.com\/doc\/index.php?rest_route=\/wp\/v2\/docs\/139"}],"next":[{"title":"3D creation and export","link":"https:\/\/www.shmupcreator.com\/doc\/?docs=shmupcreator\/assets-and-art-creation\/3d-creation-and-export","href":"https:\/\/www.shmupcreator.com\/doc\/index.php?rest_route=\/wp\/v2\/docs\/869"}],"prev":[{"title":"Sprites creation and good practices","link":"https:\/\/www.shmupcreator.com\/doc\/?docs=shmupcreator\/assets-and-art-creation\/sprites-creation-and-export","href":"https:\/\/www.shmupcreator.com\/doc\/index.php?rest_route=\/wp\/v2\/docs\/868"}],"wp:attachment":[{"href":"https:\/\/www.shmupcreator.com\/doc\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=146"}],"wp:term":[{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/www.shmupcreator.com\/doc\/index.php?rest_route=%2Fwp%2Fv2%2Fdoc_tag&post=146"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}