{"id":82969,"date":"2018-12-27T17:46:24","date_gmt":"2018-12-27T08:46:24","guid":{"rendered":"https:\/\/www.webtech.co.jp\/help\/?page_id=82969"},"modified":"2025-12-18T16:31:51","modified_gmt":"2025-12-18T07:31:51","slug":"output","status":"publish","type":"page","link":"https:\/\/www.webtech.co.jp\/help\/en\/spritestudio\/beginners\/output\/","title":{"rendered":"Output Animation"},"content":{"rendered":"<p>Animations created with OPTPiX SpriteStudio can be used and viewed in a variety of ways.<\/p>\n<ul style=\"list-style-type: disc;\">\n<li><a href=\"#SS6P\">Using SpriteStudio 6 SDK\/SS6 Player<\/a><br \/><span style=\"font-size: small;\">Convert data according to the playback environment using the SDK. Play an animation using SS6 Player.<\/span><\/li>\n<li><a href=\"#rendering\">Output Data with Rendering Features<\/a><br \/><span style=\"font-size: small;\">Use the &#8220;Render&#8221; function to output a movie such as AVI.<\/span><\/li>\n<li><a href=\"#spritesheet\">Using the &#8220;Sprite Sheet Generation&#8221; Feature<\/a><br \/><span style=\"font-size: small;\">Create image data by tiling 1 frame 1 frame of animation on 1 image using the &#8220;Sprite Sheet Generation&#8221; function.<\/span><\/a><\/li>\n<li><a href=\"#relation\">Related Pages<\/a><\/li>\n<\/ul>\n<h2><a id=\"SS6P\"><\/a>Using SpriteStudio 6 SDK\/SS6 Player<\/h2>\n<p>The SDK and SS6 Player for OPTPiX SpriteStudio Ver.6 use saved sspj, ssae, ssce, ssee and image files either by converting them with a proprietary converter or by importing data using features provided in SS6 Player.<\/p>\n<p>Converters and players for &#8220;SpriteStudio Ver.6&#8221; are introduced below.<\/p>\n<ul class=\"link\">\n<li><a class=\"gtmEvent\" href=\"https:\/\/docs.google.com\/spreadsheets\/d\/1mdBaMO6QUVNh6cpvN7WeA5BDknqBgtwkl2QUUFTEuEE\/edit?usp=sharing\" id=\"st_ss6_datacompsheet\">OPTPiX SpriteStudio Compatibility Comparison Table (Japanese)<\/a><br \/>\n<span style=\"font-size: small;\">This is a sheet where you can check the SDK and SS6 Player separately to see how the functions of SpriteStudio are supported.<br \/>*Transition to Google Spreadsheet.<\/span><\/li>\n<\/ul>\n<hr \/>\n<p><a href=\"https:\/\/github.com\/SpriteStudio\/SpriteStudio6-SDK\/wiki\" class=\"su-button su-button-style-flat gtmEvent\" style=\"color:#ffffff;background-color:#be80d2;border-color:#9867a8;border-radius:5px\" target=\"_self\" id=\"st_ss6_sdk\"><span style=\"color:#ffffff;padding:7px 20px;font-size:16px;line-height:24px;border-color:#d2a7e0;border-radius:5px;text-shadow:0px 0px 0px #000000\"><i class=\"sui sui-github\" style=\"font-size:16px;color:#ffffff\"><\/i> SpriteStudio 6 SDK<\/span><\/a><br \/>\n<span>&#8220;SpriteStudio 6 SDK&#8221; consists of a library and a set of tools for flexibly using animation data (sspj, ssce, ssae, ssee) produced by OPTPiX SpriteStudio according to your playback environment.<\/span><\/p>\n<p>Please refer to the following page for details on how to use &#8220;SpriteStudio 6 SDK&#8221;.<\/p>\n<ul class=\"link\">\n<li><a href=\"https:\/\/www.webtech.co.jp\/help\/ja\/spritestudio\/guide\/output6\/sdk\/\">Using &#8220;SpriteStudio 6 SDK&#8221; (Japanese)<\/a><br \/><span style=\"font-size: small;\">Describes how to use &#8220;SpriteStudio 6 SDK&#8221;.<\/span><\/li>\n<\/ul>\n<hr \/>\n<p><a href=\"https:\/\/github.com\/SpriteStudio\/SS6ssbpLib\/wiki\" class=\"su-button su-button-style-flat gtmEvent\" style=\"color:#ffffff;background-color:#be80d2;border-color:#9867a8;border-radius:5px\" target=\"_self\" id=\"st_ss6_SS6ssbpLib\"><span style=\"color:#ffffff;padding:7px 20px;font-size:16px;line-height:24px;border-color:#d2a7e0;border-radius:5px;text-shadow:0px 0px 0px #000000\"><i class=\"sui sui-github\" style=\"font-size:16px;color:#ffffff\"><\/i> SS6ssbpLib<\/span><\/a><br \/>\nA general purpose C++ library for playing back animation data created in &#8220;OPTPiX SpriteStudio&#8221;. It can be used for games and applications written in C++.<br \/>\nSS6sbbpLib does not have the ability to read files and draw to the playback environment.<br \/>\nThe SS6 SDK includes a converter that converts animation data into a binary file called ssbp. SS6bplib is responsible for analyzing the animation information in the binary data and connecting it to the drawing functions of the playback environment.<\/p>\n<p>Details on how to use SS6sbbplib can be found on the following pages.<\/p>\n<ul class=\"link\">\n<li><a href=\"https:\/\/www.webtech.co.jp\/help\/ja\/spritestudio\/guide\/output6\/ss6ssbplib\/\">Using SS6sbplib (Japanese)<\/a><br \/><span style=\"font-size: small;\">Describes how to use SS6ssbplib.<\/span><\/li>\n<\/ul>\n<hr \/>\n<p><a href=\"https:\/\/github.com\/SpriteStudio\/SS6PlayerForUnity\/wiki\" class=\"su-button su-button-style-flat gtmEvent\" style=\"color:#ffffff;background-color:#be80d2;border-color:#9867a8;border-radius:5px\" target=\"_self\" id=\"st_ss6p_unity\"><span style=\"color:#ffffff;padding:7px 20px;font-size:16px;line-height:24px;border-color:#d2a7e0;border-radius:5px;text-shadow:0px 0px 0px #000000\"><i class=\"sui sui-github\" style=\"font-size:16px;color:#ffffff\"><\/i> SS6Player for Unity<\/span><\/a><br \/>A program for using animation data created in &#8220;OPTPiX SpriteStudio&#8221; on Unity.<\/p>\n<p>Please refer to the following page for how to use &#8220;SS6 Player for Unity&#8221;.<\/p>\n<ul class=\"link\">\n<li><a href=\"https:\/\/www.webtech.co.jp\/help\/ja\/spritestudio\/guide\/output6\/unity\/\">View animations in Unity (Japanese)<\/a><br \/><span style=\"font-size: small;\">Describes how to import and play sspj into Unity using SS6 Player for Unity.<\/span><\/li>\n<li><a href=\"https:\/\/www.webtech.co.jp\/help\/ja\/spritestudio\/guide\/output6\/unity_continuous_play\/\">Play multiple sspjs continuously on Unity (Japanese)<\/a><br \/><span style=\"font-size: small;\">Describes how to play multiple sspj in succession using SS6 Player for Unity.<\/span><\/li>\n<li><a href=\"https:\/\/www.webtech.co.jp\/help\/ja\/spritestudio\/guide\/output6\/unity_chara_action\/\">How to run characters in Unity (Japanese)<\/a><br \/><span style=\"font-size: small;\">Using sample data, we explain how to switch and control animation in Unity.<\/span><\/li>\n<li><a href=\"https:\/\/www.webtech.co.jp\/help\/ja\/spritestudio\/guide\/output6\/unity_native\/\">Convert data to work with Unity functionality (Japanese)<\/a><br \/><span size=\"2\" style=\"font-size: small;\">Describes how to convert and import sspj to work with standard Unity features.<\/span><\/li>\n<\/ul>\n<hr \/>\n<p><a href=\"https:\/\/github.com\/SpriteStudio\/SS6PlayerForCocos2d-x\/wiki\" class=\"su-button su-button-style-flat gtmEvent\" style=\"color:#ffffff;background-color:#be80d2;border-color:#9867a8;border-radius:5px\" target=\"_self\" id=\"st_ss6p_cocos2dx\"><span style=\"color:#ffffff;padding:7px 20px;font-size:16px;line-height:24px;border-color:#d2a7e0;border-radius:5px;text-shadow:0px 0px 0px #000000\"><i class=\"sui sui-github\" style=\"font-size:16px;color:#ffffff\"><\/i> SS6Player for Cocos2d-x<\/span><\/a><br \/>\n<span>A program for playing animation data created with OPTPiX SpriteStudio on Cocos2d-x.<\/span><\/p>\n<hr \/>\n<p><a href=\"https:\/\/github.com\/SpriteStudio\/SS6PlayerForUnrealEngine4\/wiki\" class=\"su-button su-button-style-flat gtmEvent\" style=\"color:#ffffff;background-color:#be80d2;border-color:#9867a8;border-radius:5px\" target=\"_self\" id=\"st_ss6p_UE4\"><span style=\"color:#ffffff;padding:7px 20px;font-size:16px;line-height:24px;border-color:#d2a7e0;border-radius:5px;text-shadow:0px 0px 0px #000000\"><i class=\"sui sui-github\" style=\"font-size:16px;color:#ffffff\"><\/i> SS6Player for Unreal Engine 4<\/span><\/a><br \/>\n<span>SS6Player for Unreal Engine 4 is a program for importing animation data created in OPTPiX SpriteStudio into Unreal Engine 4 and playing back animations.<br \/>\n<\/span><\/p>\n<p>The following pages provide more information on using SS6Player for Unreal Engine 4.<\/p>\n<ul class=\"link\">\n<li><a href=\"https:\/\/www.webtech.co.jp\/help\/ja\/spritestudio\/guide\/output6\/unrealengine4\/\">How to view an animation on Unreal Engine 4 (Japanese)<\/a><br \/><span style=\"font-size: small;\">How to import sspj and play animations using SS6 Player for Unreal Engine 4.<\/span><\/li>\n<li><a href=\"https:\/\/www.webtech.co.jp\/help\/ja\/spritestudio\/guide\/output6\/unrealengine4\/component\/\">SS6Player for UE4 \u2013 Component\/Widget Property Reference (Japanese)<\/a><br \/><span style=\"font-size: small;\">Describes the properties of &#8220;SS6Player for UE4&#8221; components and widgets.<\/span><\/li>\n<li><a href=\"https:\/\/www.webtech.co.jp\/help\/ja\/spritestudio\/guide\/output6\/unrealengine4\/ue4_blueprint\/\">SS6Player for UE4 \u2013 BluePrint Reference (Japanese)<\/a><br \/><span style=\"font-size: small;\">BluePrint function reference for &#8220;SS6Player for UE4&#8221; components and widgets.<\/span><\/li>\n<\/ul>\n<div>\n<h2><a id=\"rendering\"><\/a>Output Data with Rendering Features<\/h2>\n<p>&#8220;Rendering Features&#8221; lets you output your animation as a sequence of images, uncompressed AVI, animated GIF, or animated PNG.<\/p>\n<p>Animation output using the rendering feature is based on what is previewed on the layout window.<br \/>\nIf you used the mask function when creating the animation, make sure that &#8220;Enable Mask&#8221; is checked in the layout window when you output the animation using the rendering function.<\/p>\n<p>Please refer to the following pages to learn how to use &#8220;Rendering Features&#8221;.<\/p>\n<ul class=\"link\">\n<li><a href=\"https:\/\/www.webtech.co.jp\/help\/ja\/spritestudio\/guide\/output6\/continuousimages\/\">Output animation as a series of images per frame (Japanese)<\/a><\/li>\n<li><a href=\"https:\/\/www.webtech.co.jp\/help\/ja\/spritestudio\/guide\/output6\/avi\/\">Output as Uncompressed AVI (Japanese)<\/a><\/li>\n<li><a href=\"https:\/\/www.webtech.co.jp\/help\/ja\/spritestudio\/guide\/output6\/gif\/\">Output as Animation gif (Japanese)<\/a><\/li>\n<li><a href=\"https:\/\/www.webtech.co.jp\/help\/ja\/spritestudio\/guide\/output6\/apng\/\">Output As Animation png (Japanese)<\/a><\/li>\n<\/ul>\n<p><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.webtech.co.jp\/help\/wp-content\/uploads\/2018\/12\/Rendering.png\" alt=\"\" width=\"219\" height=\"100\" class=\"alignnone size-full wp-image-83023 alignright\" \/>Select &#8220;Animation&#8221; &#8211; &#8220;Rendering &#8221; from the menu bar. This opens a Rendering window that uses the rendering features.<\/p>\n<\/div>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<ul style=\"list-style-type: disc;\"><\/ul>\n<h2><a id=\"spritesheet\"><\/a>Using the &#8220;Sprite Sheet Generation&#8221; Feature<\/h2>\n<p>&#8220;Sprite Sheet&#8221; is 1 frame 1 frame of animation cut out and arranged on 1 image.<br \/>\nPutting them together in a single image provides more efficient playback than animations with multiple images. This is useful for applications and games that require fast response.<\/p>\n<p>Sprite sheets can be output in two formats.<\/p>\n<ul>\n<li>Cocos2d-x\uff1a .plist + png image<\/li>\n<li>Corona SDK\uff1a .lua + png image<\/li>\n<\/ul>\n<p>The details such as the output method are introduced in <a href=\"https:\/\/www.webtech.co.jp\/help\/ja\/spritestudio\/guide\/output6\/spritesheet\/\">&#8220;How to output a sprite sheet.&#8221; (Japanese)<\/a>.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.webtech.co.jp\/help\/wp-content\/uploads\/2018\/12\/MakeSpriteSheet.png\" alt=\"\" width=\"219\" height=\"100\" class=\"alignnone size-full wp-image-83022 alignright\" \/>Select &#8220;Animation&#8221; &#8211; &#8220;Sprite Sheet Generation&#8221; from the menu bar. This opens the Sprite Sheet Generator window, where you can use the Sprite Sheet Generator.<\/p>\n<p>&nbsp;<\/p>\n<h2><a id=\"relation\"><\/a>Related Pages<\/h2>\n<h3>Review how to create an animation again<\/h3>\n<ul class=\"link\">\n<li><a href=\"https:\/\/www.webtech.co.jp\/help\/en\/spritestudio\/beginners\/create\/\">Create Animation<\/a><br \/><span style=\"font-size: small;\">Provides a basic overview of SpriteStudio, from creating images to creating animation data.<\/span><\/li>\n<li><a href=\"https:\/\/www.webtech.co.jp\/help\/en\/spritestudio\/beginners\/edit\/\">Edit animation<\/a><br \/><span style=\"font-size: small;\">How to edit the prepared data and create an animation.<\/span><\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Animations created with OPTPiX SpriteStudio can be used and viewed in a variety of ways. Using SpriteStudio 6 ..<\/p>\n","protected":false},"author":33,"featured_media":0,"parent":82728,"menu_order":41,"comment_status":"closed","ping_status":"closed","template":"page_eng_ss.php","meta":{"_acf_changed":false,"footnotes":""},"tags":[],"class_list":["post-82969","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.webtech.co.jp\/help\/wp-json\/wp\/v2\/pages\/82969","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.webtech.co.jp\/help\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.webtech.co.jp\/help\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.webtech.co.jp\/help\/wp-json\/wp\/v2\/users\/33"}],"replies":[{"embeddable":true,"href":"https:\/\/www.webtech.co.jp\/help\/wp-json\/wp\/v2\/comments?post=82969"}],"version-history":[{"count":1,"href":"https:\/\/www.webtech.co.jp\/help\/wp-json\/wp\/v2\/pages\/82969\/revisions"}],"predecessor-version":[{"id":161957,"href":"https:\/\/www.webtech.co.jp\/help\/wp-json\/wp\/v2\/pages\/82969\/revisions\/161957"}],"up":[{"embeddable":true,"href":"https:\/\/www.webtech.co.jp\/help\/wp-json\/wp\/v2\/pages\/82728"}],"wp:attachment":[{"href":"https:\/\/www.webtech.co.jp\/help\/wp-json\/wp\/v2\/media?parent=82969"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.webtech.co.jp\/help\/wp-json\/wp\/v2\/tags?post=82969"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}