![[PukiWiki]](./skin/BAKIN_logo_92.png "[PukiWiki]"){kind=logo}
This is an enhanced version of the effects editor from SMILE GAME BUILDER. While SMILE GAME BUILDER was dedicated to the creation of magic effects, now BAKIN allows you to use data created with the Sprite Editor in a variety of places, including maps, conversation scenes, battle scenes, and the layout of each screen.
In this section, we will explain how to create animation data, taking as an example how to create a character's eye blink and lip-sync animation.
1. Open "Resource Management" from the master menu.
2. Select 2D Stamps -> Images.
3. Click "Add" and select the desired images to complete the import. In this section, we will import the character body, eye parts, and mouth parts.
For the image to be animated, set "Slice" to CountSlice in "Texture Settings," and divide the height and width into the number of animated patterns.
In this case, set the number of horizontal divisions to 2 and the number of vertical divisions to 7. For data used in conversation scenes, please turn off the SRGB switch in the texture settings.
5. Select "2D Stamps" -> "Sprites".
6. Click "Add" to open the image selection window, and select a base image.
7. Once the base image is loaded, click "Edit" in the upper right corner of the screen to launch the animation tool.
8. Once the animation tool is activated, move the base image to the position where you want it to appear. (The border will be the size of your screen.)
9. Add a layer and assign the image of the part you want to animate. Here, we will assign "mouth" to layer 2 and "eyes" to layer 3.
When the image appears on the screen, use the mouse or cursor keys to position it where you want it to animate.
The preview image can be zoomed in and out by scrolling the center of the mouse. Click on the eye icon next to the layer name to make the selected layer semi-transparent.
10. Click on the "Add Frame" button to add two frames, and copy the "Eyes" and "Mouth" layers set to frame 0 to the side.
11. Focus on the "eyes" and "mouth" layers of the middle frame, and change the frame to the desired expression.
12. Set the playback time (frames). In this example, the middle frame is set to 1 and the last frame to 30. When you play it back, you will get an animation like the one below.
The list of registered animations will be displayed.
This is the area where the animation you are creating will be played.
Set the animation information. The maximum number of animations that can be set is 60 seconds, and 1 second is 60 frames.
