Sprite Tool
[
Front page
] [
New
|
Page list
|
Search
|
Recent changes
|
Help
|
Log in
]
Start:
*Sprite Tool [#i55e70fe]
This is an enhanced version of the effects editor from SM...
#ref(./SpriteTool.png,50%)
#contents
**How to Create Animation Data [#ne24b0b2]
In this section, we will explain how to create animation ...
#ref(spritetool02.png)
1. Open "Resource Management" from the master menu.
2. Select 2D Stamps -> Images.
3. Click "Add" and select the desired images to complete...
#ref(spritetool03.png)
#ref(spritetool04.png)
For the image to be animated, set "Slice" to CountSlice i...
In this case, set the number of horizontal divisions to 2...
5. Select "2D Stamps" -> "Sprites".
6. Click "Add" to open the image selection window, and s...
#ref(spritetool07.jpg)
7. Once the base image is loaded, click "Edit" in the up...
#ref(spritetool08.jpg)
8. Once the animation tool is activated, move the base i...
#ref(spritetool09.jpg)
9. Add a layer and assign the image of the part you want...
When the image appears on the screen, use the mouse or cu...
The preview image can be zoomed in and out by scrolling t...
#ref(spritetool10.jpg)
10. Click on the "Add Frame" button to add two frames, a...
#ref(spritetool11.jpg)
11. Focus on the "eyes" and "mouth" layers of the middle...
#ref(spritetool12.jpg)
12. Set the playback time (frames). In this example, the...
#ref(spritetool13.gif)
**Explanation of Each Function [#kf33141c]
***Animation List [#xe5514a2]
The list of registered animations will be displayed.
***Animation Preview [#pde50ea9]
This is the area where the animation you are creating wil...
:Play|Play the currently selected animation.
:Scale|Change the scale of the animation preview area. Ca...
:Marker|A frame with the same ratio as the screen size se...
:Loop|If it is turned on, the animation can be played in ...
:Target|Select the base image to be displayed in the prev...
:Background|Select the background image for the preview a...
***Timeline [#yf9a6482]
Set the animation information. The maximum number of anim...
:Seconds|Display the approximate number of seconds that t...
:Number of Frames|Enter the number of frames to play back...
:Screen Flash|Flash the entire screen with the specified ...
:Target Flash|Flash the target with the specified color a...
:Sound Effect|Set the SE to be played during animation.
:Layer|Set the image you want to display and how you want...
:Semi-transparency of Layers|Click on the icon to change/...
#ref(spritetool14.png)
***Layer Change Information [#o17dd0c9]
:Color Change Method|Set the color hue and transparency c...
:Position|Set the display position and change method of t...
:Scale|Set the scale and change method of the image.
:Rotation|Set the rotation change method and angle of the...
:Image|Set the image to be used and the coordinates of th...
End:
*Sprite Tool [#i55e70fe]
This is an enhanced version of the effects editor from SM...
#ref(./SpriteTool.png,50%)
#contents
**How to Create Animation Data [#ne24b0b2]
In this section, we will explain how to create animation ...
#ref(spritetool02.png)
1. Open "Resource Management" from the master menu.
2. Select 2D Stamps -> Images.
3. Click "Add" and select the desired images to complete...
#ref(spritetool03.png)
#ref(spritetool04.png)
For the image to be animated, set "Slice" to CountSlice i...
In this case, set the number of horizontal divisions to 2...
5. Select "2D Stamps" -> "Sprites".
6. Click "Add" to open the image selection window, and s...
#ref(spritetool07.jpg)
7. Once the base image is loaded, click "Edit" in the up...
#ref(spritetool08.jpg)
8. Once the animation tool is activated, move the base i...
#ref(spritetool09.jpg)
9. Add a layer and assign the image of the part you want...
When the image appears on the screen, use the mouse or cu...
The preview image can be zoomed in and out by scrolling t...
#ref(spritetool10.jpg)
10. Click on the "Add Frame" button to add two frames, a...
#ref(spritetool11.jpg)
11. Focus on the "eyes" and "mouth" layers of the middle...
#ref(spritetool12.jpg)
12. Set the playback time (frames). In this example, the...
#ref(spritetool13.gif)
**Explanation of Each Function [#kf33141c]
***Animation List [#xe5514a2]
The list of registered animations will be displayed.
***Animation Preview [#pde50ea9]
This is the area where the animation you are creating wil...
:Play|Play the currently selected animation.
:Scale|Change the scale of the animation preview area. Ca...
:Marker|A frame with the same ratio as the screen size se...
:Loop|If it is turned on, the animation can be played in ...
:Target|Select the base image to be displayed in the prev...
:Background|Select the background image for the preview a...
***Timeline [#yf9a6482]
Set the animation information. The maximum number of anim...
:Seconds|Display the approximate number of seconds that t...
:Number of Frames|Enter the number of frames to play back...
:Screen Flash|Flash the entire screen with the specified ...
:Target Flash|Flash the target with the specified color a...
:Sound Effect|Set the SE to be played during animation.
:Layer|Set the image you want to display and how you want...
:Semi-transparency of Layers|Click on the icon to change/...
#ref(spritetool14.png)
***Layer Change Information [#o17dd0c9]
:Color Change Method|Set the color hue and transparency c...
:Position|Set the display position and change method of t...
:Scale|Set the scale and change method of the image.
:Rotation|Set the rotation change method and angle of the...
:Image|Set the image to be used and the coordinates of th...
Page: