A downloadable extension

Download NowName your own price

Prefabs (nested images) for Aseprite

A simple extension for Aseprite which allows you to use other projects/images as prefabs (nested copies)

Features

  1. Nesting images or whole projects (even with multiple layers) inside other projects
  2. Prefab instances automatically update when we make a change in the prefab itself
    1. You can place the prefab and the sprite containing prefab instances side by side to see the changes in realtime
  3. Any number of different prefabs (images/projects) can be added to a single project
  4. Any number of prefab instances can be used (each instance needs a separate layer)
  5. Supports displaying a selected frame in the prefab instance
  6. Undo/redo support
  7. Upon opening the Prefab Window, all images/projects used as prefabs are opened aswell
  8. Prefab layers will change their color depending on the state of the prefab
    1. Active (bright green) - the prefab instance is actively being updated
    2. Empty (dark green) - no prefab is currently selected for this layer (the selected option is [empty])
    3. Missing (red) - file associated with the prefab is not opened. All prefab files
  9.  Select multiple frames in the prefab layer to change all of them at the same time
    1. In case of multi-frame editing, the slider will be replaced with a text field, allowing for fine-tuned operations (see Multi-Frame Editing section for more info)

How to use

  1. Launch the Aseprite and open a new/existing project; this will be our main project
  2. Open any number of additional projects/images which will be used as prefabs
  3. Go to View > Prefabs > Prefab Window to start the extension
  4. Create a new prefab layer via Layer > New... > New Prefab Layer and select it
  5. In the Prefab dropdown, select any project/image opened in step 2.
  6. Using the Frame slider, select the prefab frame you want to display

Multi-Frame Editing

  1. Select any number of frames in a prefab layer
    • Frames don't need to be continuous (you can add a frame to selection by holding Shift)
  2. Using the provided text field, type in a name of a tag from the prefab sprite in quotation marks or an equation that will be applied to all selected frames
    • To use frames from a tag, type in the tag name in quotation marks, like so "My Tag"
      • If more frames are selected in the root sprite than the tag frame length, the frames will cycle, e.g. [2, 3, 4, 2, 3, 4, 2, 3]
      • If fewer frames are selected in the root sprite then the tag frame length, the frames will be truncated, e.g. [2. 3]
    • Any Lua code is supported here (even functions, like math.sin(3)), so be careful not to paste malicious code
    • There are 3 special keywords
      • i - the index in the selection, starting from 1 (e.g. 1, 2, 3, 4, 5, ...)
      • f - the selected frame number (i.e. if you start the selection from frame 5 to 8, it will be 5, 6, 7, 8)
      • c - the count of the selection (the number of selected frames)
      • x - the current value in selected frame
  3. Press the button below the text field to apply the change to selected frames
    • A live result is displayed on the button after each change in the text field
    • If there is an error with the text input, the button will be disabled

Examples:

  • 4 - set all frames to 4
  • 2 + 2 * 2 - set all frames to 6 (order of operations matter; you can use parenthesis ( ))
  • i - set frames to [1, 2, 3, 4, ...]
  • i + 2 - set frames to [3, 4, 5, 6, ...]
  • c + 1 - i - set frames to [..., 4, 3, 2, 1] (reverse order)
  • (i - 1) % 3 + 2 - set frames to loop back after 3rd frame (second to last number), starting from 2 (last number) - [2, 3, 4, 2, 3, 4, 2, 3, ...]
  • math.sin(i) - calculate sinus from the current frame and round it to nearest whole number
  • "Idle" - set frames to match frames used in tag "Idle" in the prefab

Limitations

  1. You can't edit the prefab inside the main project, you need to update the prefab sprites directly
  2. Opening another file with a plugin requires user permission. It is suggested to set the toggle to trust the plugin for better user experience
  3. All changes made in a prefab layer will be overwritten when you update the corresponding prefab (some other actions will also trigger the prefab instance to be refreshed, overwritting all changes)
  4. Layers of prefab instances are always merged down in the main project

See the Github repo for source code!

StatusReleased
CategoryTool
Rating
Rated 5.0 out of 5 stars
(1 total ratings)
AuthorHorun
Tags2D, Aseprite, Pixel Art, Sprites

Download

Download NowName your own price

Click download now to get access to the following files:

Prefabs.aseprite-extension 8 kB

Development log

Comments

Log in with itch.io to leave a comment.

(+1)

This is super cool! Especially for someone who's layers are rarely organized yet uses them for everything and puts all their objects into the same scene. I can now at least separate my pile of layers into several smaller piles of layers that I can more logically keep track of. Thanks! Hey would there be any way to copy over several frames of the prefab at the same time? So we don't always need to create and set each frame if we are just wanting it to maintain the same animation? Like maybe a tick box to copy all frames in order, or maybe that lets you set "from frame to frame" or maybe even to "set frames by tag."
Thanks for the extension and good luck!

(1 edit)

Hello, thank you for the feedback!

I was thinking about adding some additional functionality for the frame selection of nested prefabs, I'll see what I can do with it

In the meantime, there is an "easy" way to quickly change the used frames one by one by using arrow keys and the mouse wheel:

  1. Click on the first frame of the prefab layer you want to start from
  2. Hover mouse over the Frame bar in the Prefab Window (but don't press it!)
  3. While hovering over the Frame bar, use your mouse scroll to change the prefab frame
  4. Press left/right arrow key to go to the previous/next frame on the timeline, then go back to 3. until you've updated all frames

With this setting correct prefab frames is a bit faster than dragging the bar with mouse and then clicking the next frame, but it's not a perfect solution by any means, sorry for the inconvenience :(

(1 edit)

Hello again! I've just updated the plugin, now it supports editing multiple frames at the same time! See the Multi-Frame Editing section for more info

(+1)

That's impressive Mr Horun! Thank you for supporting the plugin!