Jump to content

Recommended Posts

 

atk_downside(8).thumb.gif.278b66ab773540247652d105fddf1f67.gif

 

Here I will demonstrate how to use the DST Mod Tool to create an animation of a character riding a dragonfly.

You can download the tools you need here: https://msisunny.github.io/dst-mod-tool-publisher/


First, we need the following official animations as shown in the image below:
image.gif.abee2735f788331f94d4d68b55f6cbad.gif
Additionally, a character build is required—you can choose your preferred one.

image.gif.34c7af89b0b529643843f9d06e0fb734.gif
Drag them directly into the toolimage.gif.8af3e06ef6134f922ed796dcd66bb27e.gif, and you can preview the dragonfly and the character riding the beefalo animations.

 

image.gif.da1e2c6944647fd2f88f0133be17d22f.gif
Let me briefly explain the workflow: we create the animation by stitching together existing animations. First, we extract the character part from `wilsonbeefalo` and separate it into front and back layers. Then, we combine these two parts onto the dragonfly.

Here, we will create an `atk_downside` animation.
First, locate the `atk_downside` and `atk_pre_downside` animations. We need to merge them.
Copy the `atk_downside` animation and append it to the end of `atk_pre_downside`.

image.gif.4c61a06cf33b6f98e0f983c88467e140.gif

image.gif.0a688088a7cf001be894716b8176b12b.gif
After merging, the maximum frame of the animation should be 22.

image.gif.74fd86b71716938442ae0488c385e25e.gif

Next, we need to apply an inverse transformation relative to the `beefalo_headbase` symbol. This step might be hard to understand, but it is done to extract the character's motion trend relative to the beefalo while eliminating the beefalo's own movement.

image.gif.fc7f0c0affaa7a4e82513c4b81073de4.gif
After completing this step, try playing the animation. You will notice that the `beefalo_headbase` is fixed at the origin, while all other elements move relative to it.

Then, we extract the character separately. Use the regular expression search function to delete all beefalo-related parts.

image.gif.6fab71ab529d316184e316e717b79c7e.gif
After this, the animation should look like this:
image.gif.8e604de3dd8218ec273147dd0c8a16a0.gif

To facilitate subsequent operations, duplicate `atk_pre_downside` and paste two copies into a new bank, naming them `front` and `back` respectively.

image.gif.313129af0596c47bf8291c3edd4890a7.gif

First, process the `front` animation. We need to extract the front layer of the character.
Use the regular expression search function:
- In the first row, first column, enter: `^(headbase|SWAP_FACE|headbase_hat|face|hairfront|HAIR_HAT|hair|BEARD|hand)$`
- Select "Keep matching items."

image.gif.f271872054caf0a6c901e5c1e0739fcd.gif

Then, use regular expression search and replace:
- In the first row, first column, enter: `hand`
- In the first row, second column, enter: `^(?:(?!18|19).)*$`
- Select "Delete matching items."

image.gif.8ac28aadfe9a31b573c49b0ec9b7e107.gif

After completing the above two steps, the `front` animation should only retain the two hands and the character's head.
image.gif.b8a9aa5cf352327f30ed5a9d88af58ea.gif

Next, process the `back` animation. Similarly, this time enter:
`^(headbase|SWAP_FACE|headbase_hat|face|hairfront|HAIR_HAT|hair|BEARD)$`
- Select "Delete matching items."

image.gif.2c53c38d2f8aa84e180f0a0d29131960.gif

Perform another regular expression search:
- Enter: `hand` and `18|19`
- Select "Delete matching items."

image.gif.5f5925ababcce3f0cf79f822bac74b3c.gif

After completing the above two steps, the `back` animation should only retain the character's body and `hairpigtails`.
image.gif.66edfb9f325c186129ab19a848bf0dd7.gif

Then, duplicate the `front` animation. It will be stitched as a sub-animation onto the dragonfly's `atk_downside` animation.

image.gif.f6778763d504f9f9e1e5344aa6adb38f.gif
Configure as shown in the image below:
image.gif.0980870f40bba85b264317948d70f6af.gif
We specify it to follow the `dragonfly_head` symbol and apply an appropriate local coordinate offset. Here, `scale_x` is set to `-1` because the `dragonfly_head` symbol is mirrored left-to-right. `z-offset` is set to `-1` to display it in front of the `dragonfly_head` symbol.

After this step, the effect is as follows:
image.gif.36cdfb47a3e24ec2d7009b04242f7ee5.gif

Then, duplicate the `back` animation.
Similarly, set it to follow the symbol, but only change the `z-offset` to `0` to display it behind the `dragonfly_head` symbol.

image.gif.09929ae935e6e1506f813f780b8fe6e6.gif

After this step, the effect is as follows:
image.gif.ebf62f7c75a7d6528752884496ff2bd9.gif

At this point, we have completed an animation of the character attacking while riding the dragonfly.

Let’s summarize the entire process:
1. Apply an inverse transformation to the beefalo-riding animation relative to `beefalo_headbase` to extract the character’s motion trend relative to `beefalo_headbase`.
2. Delete all beefalo-related parts from the animation.
3. Use regular expression search and replace to split the obtained animation into front and back layers.
4. Use the "follow symbol" function to stitch the character onto the dragonfly.

In fact, this toolchain can be used to create many other things—feel free to explore and experiment.

atk_downside(8).thumb.gif.278b66ab773540247652d105fddf1f67.gif

 

 

 

 

walk_angry_downside.thumb.gif.768ea4155f9b358e40e16bf66d3c6480.gif

research(6).thumb.gif.4108a4c1589aa83e800578856c0c435d.gif

idle_down(4).gif.b8940fb3a9a9905081c52cb2defef4b6.gif

Edited by Aether825
  • Like 7
  • Haha 2

"Let me introduce my talented Don't Starve modder friend from China!

Together with another programmer, they've researched and developed a powerful Don't Starve animation tool. they've created the DST Mod Tool after extensive research into DST's animation system.

The tool can export animations in Spine-compatible JSON format – which is far more user-friendly than Spriter! This means you can:

Remix existing animations into completely new creations
Fine-tune animations with Spine's advanced editing capabilities
We've independently developed a complete animation pipeline for Don't Starve modding – some might say it's even more practical than Klei's original Adobe Flash workflow!
Salute to your work.

player_chickendance.gif

  • Like 1
  • Haha 1

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
  • Create New...