Spriter Plugin

KanaX · 2018-01-24T04:50:01+0900

Spriter Plugin v.1.3.5 KanaX Introduction Allows user to utilize Spriter Pro save files and sprite parts for Skeletal Animations Features Using Spriter, it is easy to create functional, fluid, expressive animations with sprite parts, without needing to create large numbers of sprite sheets. Additionally, Spriter Plugin allows you to manipulate your new Spriter sprites and give them special functions like: Moving sprite in slow-mo, or fast-forward. Change the bitmaps of a sprite so that the same animation is done with a different visual character. Example: Change skin set from a man to a woman, doing the exact same movement. Change/add new parts to your existing animation. Example: Add hat to character / Change hair of character. Add sound effects according to the animation cycle. Example: Footstep, every time the character's foot lands their foot down. Videos Here's a little story created with Spriter Sprites (View in 720p and fullscreen for better experience): Here's the same video with labels explaining what happened where: Spoiler: Click Here A display of Spriter Sprites: Spoiler: Click Here A display of Bones, the moving parts that sprite pieces "stick" on. Spoiler: Click Here The animation when it is in Spriter: Spoiler: Click Here How to Use Spoiler: Click Here Installation: Paste js file in js/plugins/ Create path img/characters/Spriter/ and inside Spriter, a folder named Single Bitmaps. Paste SpriterObjects.json in data/ or copy the one from the demo. Create path data/animations/. Enable the plugin from the Plugin Manager and assign a number for the variable which will store animation info. WARNING: Do not modify that variable after activating the plugin. Have some ramen noodles, because you deserve them. Regarding Spriter: The plugin should work as expected in most regards (please check "Future Updates/Fixes" for more information). The first 4 animations in a Spriter project will respond to the character's 4 directions. If you want your character to move without Direction Fix, you have to create at least 4 animations. While you can change the pivot of your bitmaps when you have inserted them into your project, you must not edit pivot x and pivot y in Edit Image's Default Pivot Spriter might face some problems with its documentation, so if something inexplicably does not work, try redoing the animation. If that does not fix your problem, feel free to contact the plugin creator. Plugin Operation: Paste Spriter Pro save file in data/animations/. The file name will be the skeleton, Create a folder in img/character/Spriter/, named after the Skinset. The Skinset folder should have 4 folder which each taking the parts for each direction. Example: Folder_1: [head,torso,r_arm,_r_leg,_l_arm,l_leg], Folder_2: [head,torso,r_arm,_r_leg,_l_arm,l_leg], Folder_3: [head,torso,r_arm,_r_leg,_l_arm,l_leg], Folder_4: [head,torso,r_arm,_r_leg,_l_arm,l_leg] Note: If you use TexturePacker spritesheets, instead of creating folders for each direction, just place in the Skinset folder the .png spritesheet and the .json file. Make sure to name them the same as the Skinset folder. Step 3 is also null. Inside the Skinset folder, create the folders with the bitmaps you used for the animation. If you want certain Spriter Sprites to appear globally across the game (such as animated armor and weapons for actors) you need to create them in the SpriterObjects.json file in your data folder. (See more info about SpriterObjects.json in About SpriterObjects.json). To create a Spriter Sprite for actors, go to Tools -> Database and write this on the actors' notes: <Spriter:{ "_skeleton": The file name of the animation you want to choose from data/animations/, "_skin": The folder name of the Skinset you want to choose from img/characters/Spriter, Note: If you use TexturePacker spritesheets, add a "$" in front of the skin name. "_speed": Speed of animation, "_cellX": Width of the area the main animation takes part in (example: the standard MV character cell width is 48), "_cellY": Height of the area the main animation takes part in (example: the standard MV character cell height is 48), "_spriteMask": Determine if the sprite will have a mask around it. If true, you need to fill the tags below, "_spriteMaskX": X value of mask origin. 0, 0 is the top left corner of the cell, "_spriteMaskY": Y value of mask origin. 0, 0 is the top left corner of the cell, "_spriteMaskW": Width of the mask, "_spriteMaskH": Height of the mask }> Example: Screenshot Examples To create a Spriter Sprite for an event create a comment in the active event page: or Example …

● ARCHIVED · READ-ONLY

Started by KanaX Jan 23, 2018, 07:50 PM 158 posts Page 8 of 8 View original ↗

KanaX

#141 May 17, 2019, 06:40 AM Source

I see. The whole point of the plugin is to make frame limitations obsolete. Each animation is as many frames as you make it out to be in Spriter. For example, the typical walk animation I use for my characters are between 200-400 frames.
snakehong

#142 May 17, 2019, 07:11 AM Source

KanaX said:
I see. The whole point of the plugin is to make frame limitations obsolete. Each animation is as many frames as you make it out to be in Spriter. For example, the typical walk animation I use for my characters are between 200-400 frames.
Your answer is sunshine to me.

Thank you!
Lulullia

#143 May 17, 2019, 01:37 PM Source

Hey !
I just finished testing combatibility between Spriter plugin and DragonBones plugin... And it works perfectly !
We can :
- Have a Spriter sprite for the player while showing DragonBones skeletal animation on map.
- Have an actor that have notetags for both Spriter sprite and DragonBones battler.

Well I think this is all we want x)

@KanaX However I noticed a strange thing : the plugin in the demo isn't the same as the one on GitHub. Maybe I have an earlier version of the demo but the plugin version seems to be the same--the GitHub one just have one more parameter. Plus the plugin on GitHub doesn't event show the sprite and is buggy, while the demo plugin works perfectly.

(and sorry if there is any grammar mistake, english is just a language I gathered from wandering in the internet)
snakehong

#144 May 17, 2019, 02:01 PM Source

KanaX said:
I see. The whole point of the plugin is to make frame limitations obsolete. Each animation is as many frames as you make it out to be in Spriter. For example, the typical walk animation I use for my characters are between 200-400 frames.
I missed one thing. I want to know. Are there any limits to the pixel parts created in the sprinter tool?
In other words, the pixel applied skeleton in the spriter tool is carved into several parts. Pixels in multiple areas are stored in a folder according to the instructions in the plugin. Is it possible to increase the number of pixels at this point?

[[[ex]]] - chest, belly, arm, leg, ankle, head, neck, wrist, etc.
exel.exe

#145 Jun 18, 2019, 03:18 AM Source

help please! i use 1.6.2 and cant open the demo it crashes at the very start, with this msg " uncaught Type Error: cannot read property "document element" of null its my version the problem?
RogerG

#146 Jul 7, 2019, 07:59 PM Source

I'm having the exact same problem, but ONLY on my Google Drive version, which is the same as my PC version, which works perfectly :s
Can someone help? (1.6.2 version)
RogerG

#147 Jul 8, 2019, 04:01 AM Source

Also, how do I make the animations go faster when I'm running, like the demo?
Edit: Sorry, I don't know how to delete this post
slimmmeiske2

#148 Jul 8, 2019, 09:25 AM Source

RogerG, please avoid double posting, as it is against the forum rules. You can use the "Edit" function on your posts to add additional information you've forgotten or respond to multiple people. You can review our forum rules here. Thank you.

If you want to add something to your post, please use the 'Edit' button to do so.
Kenode

#149 Jul 8, 2019, 09:52 PM Source
I finally was able to do a test run of the plugin. Unfortunately, I keep bumping into this error:
Code:
character.actor is not a function
Is it strict on the path structure? Say, I want to have the images depending on the bodyparts, not on the direction. For example, have it structured on the folders:
- arms
- - arms_south
- - arms_north
- - arms_east
- - arms_west
- legs (same subfolders)
- torso (etc etc)
- head (etc etc)

Is that possible or do I need to strictly follow the 1, 2, 3, 4 folder structure for each direction?

[EDIT] I tried using the version included in the demo, and it gives me a different error:
Code:
Cannot read property 'trim' of undefined
Looking back on the thread, seems like there's someone else who also gets the issue. I'll keep looking and I'll let you know if I find anything

[EDIT 2] Looks like I also had to add the following:
Code:
<_spriteMask:false> <_spriteMaskX:0> <_spriteMaskY:24> <_spriteMaskW:32> <_spriteMaskH:48>
After adding this, it doesn't seem to crash anymore. I still have to adjust the parts so it doesn't look like a pile of pieces but it's something to work on!
asim

#150 Aug 5, 2019, 02:22 AM Source

I've just been playing with the demo and have noticed it works fine with just the Diagonal Movement plugin by Galv (https://galvs-scripts.com/2015/12/12/mv-diagonal-movement/) without adding additional animations for diagonal directions
Bearto

#151 Oct 12, 2019, 03:38 PM Source

Hi, does anyone know how to combine this plugin with pixel movement, 8 directional movement, and free jumping?

I've tried a few different plugins for that (Altimit, Galvs, ZE Free Jump), although the movement itself could work, it also need a script to refer the Spriter animation.

Basically I'm trying to make a game where the character can move as freely as possible with as much animation variation I can make (ex: diagonal, jumping, climbing, swimming, etc). I could think of a few ways to do that with the standard frame by frame animation, but if I could utilize this plugin instead it would be so much better and easier to do.

I know most of the time a complicated setup like this need some scripting knowledge and mine is very limited and basic, so I couldn't possibly write it on my own. Any kind of help will be very much appreciated.
Lochraleon

#152 Aug 18, 2020, 01:05 PM Source

I am using this plugin right now... It's really fun. Gives a whole different feel to rpg maker. Thanks @KanaX !
ladylannistarth

#153 Feb 2, 2021, 04:24 PM Source

This is a great plugin and will allow me to achieve so many things I didn't think was possible in RPG Maker!

I've been trying it out, and the only thing that's bothering me is that since doing things this way, my character is now blurry at a x2 zoom. I use MBS_MapZoom to do that.

Is it possible for that to be fixed? Maybe I've messed up and done something wrong? Any help would be amazing.
DadGuyDrawing

#154 Jul 5, 2021, 02:47 PM Source

Questions for anyone who has some experience with this plugin:

I wanted to use it to make sprites be able to change clothes programmatically. For example, event 1 is a townsperson base sprite, and then a random number determines whether they are wearing a red or blue hat.

Would that work with this plugin?
Would this start to lag performance if you have multiple layers of clothes?
Could you use regular sprites (ie standard 12 frame, up down left right) but add layers of clothes with this plugin?

Thanks!
KanaX

#155 Jul 5, 2021, 03:01 PM Source

@DadGuyDrawing It shouldn't cause any lag problems if you have additional layers of clothes, especially if you have upgraded your node version. Have you tried using the "changeApparel" plugin call?
DadGuyDrawing

#156 Jul 5, 2021, 03:30 PM Source

@KanaX thanks! Ill try it right now
DadGuyDrawing

#157 Jun 11, 2022, 11:59 PM Source

So I got this working with an actor, but when I try it with an event using random movement I receive the following error:

I'm using this in the event that is causing the error:

This is the actor info that works:

Any Ideas why this wouldn't be working? Any help would be greatly appreciated!
DadGuyDrawing

#158 Jun 12, 2022, 02:54 AM Source

Ok, think I fixed it. Looks like this code had "_spriteMask" instead of "_spriterMask" in line 329 of the Javascript file. I also added trim() function to the 1st two params to get of additional spaces.