To start

Let's create a character using programs like Inkscape, Inkscape , here is an example : Now we export each of its parts ( head, body, arm, forearm, foot and sword ) in the PNG format, having a single color of transparency with recommended measurements in pixels, of a multiple of 2 : 16x32; 32x32; 64x64, 128x128, 64x256, etc ...;



So let's start PiccoloAnimatore v3 and create a new project to import these sprites of ours.

PROJECT

When you start PiccoloAnimatore v3, you enter this project screen.


To create a new project ( maximum 75 ) :

• click the NEW PROJECT button with the left mouse button or.
• This will open the dialog where you can enter the name ( maximum 8 characters ) of the new project.
• We confirm by pressing OK.
• The corresponding button will be created.

To import a project in zip format :

• click the button IMPORT with the left mouse button or.
• Enter a name for this project and confirm it by pressing OK.
• Select the .zip file of the project you want to upload
  Warning : a project with the same name must not already exist;
  Warning : the name must not have a number greater than 8 letters.
• This will be imported, and the corresponding button will be created.
  Warning : if once loaded, the project is empty, it is likely that its name is wrong!   Just open the projects folder then the data.txt file and change the name to the exact one.
• You can download some of my free projects from here 👉 👉 👉 👉 👉

To open the projects folder ( useful for making a backup of a project by zipping the relative folder ) :

• click the button OPEN FOLDER with the left mouse button or.
• Select and right click the project folder you want to backup.
• From the drop-down menu select "send to ... compressed folder" to create a zip file.
  Warning : when zipping a project, do not change its name;
• Then move the .zip file where you see fit.

To set a language ( English or Italian ) :

• click the button of the relevant flag with the left mouse button or.

Keyboard

F1 display or not the information of a selected button ;

ESC close the program or return to the Home.

F11 put the program in fullscreen.
                  In some circumstances the fullscreen mode will be disabled automatically .

SPACE go to the next section ( buttons on the top bar ).

TAB sequentially selects the buttons on the screen.

TAB + SHIFT select the previous button.

When a button is selected :

• becomes green with the background :

  botton

• you can use the keyboard buttons associated with it ( usually ENTER ) to activate its function ;
• the keyboard buttons associated with it are shown.

The buttons can have more functions, which can be activated on the basis of the mouse button, with which they are clicked or by pressing the keyboard buttons associated with it.

LOADING   PROJECT

To upload a project :

• click the button of the related project with the left mouse button, or.
• At that point, the relevant dialogue will open with these buttons that can be clicked or :
  1. LOADING loading the project ;
  2.   COPY copy the project with a different name ;
  3. DELETE delete the project ;
  4. CLOSE close the dialogue ;

Bar positioned at the top

When you load a project, you can see, in the bar at the top, 8 buttons for as many sections of PiccoloAnimatore v3 :

1.     SPRITES :   upload sprites ( images );
2.     SKELETON :   create the skeleton;
3.     TEXTURE :   assign the desired sprite to the bones;
4.     SEQUNCE :   create a new animation ;
5.     ANIMATION :   edit the animation;
6.     EXPORT :   export animation for GameMaker;
7.     FOTO :   screenshot of the animation in .png format;
8.     MENU :   to return to the menu principal;

You can press SPACE to move from one section to the next.

SPRITES

We then access the SPRITES section, where we are going to upload our PNG images.

Here we will find 18 boxes that report the name of the loaded sprite and its origins.

We select a box UPLOAD SPRITE, with the mouse ( or press LEFT e RIGHT ), then click it or to open his dialogue.

This will open the dialogue of the sprite where we could :

1. upload an image or strip ( composed of several concatenated frames ) .png:
   We recommend sprites or frames with a single color of transparency and with measures of a multiple of 2 : 64x64px, 128x128px, 64x256px, ecc... ;
2. Origin X:   click with the left mouse button and drag the bar
   or press LEFT or RIGHT , to change the x origin of the sprite ( point of rotation of the sprite not to be confused with that of the bone )
   with a range from -720 to a maximum of 720.
3. Origin Y:   click with the left mouse button and drag the bar
   or press UP or DOWN , to change the y origin of the sprite ( point of rotation of the sprite not to be confused with that of the bone )
   with a range from -720 to a maximum of 720.
4. Image Number set the number of frames in a strip image;
   For example this sprite_strip ( 240px width and 80px height ) is made up of 3 frames, but we will set 2 as a value because it is calculated starting from 0 :
   
5. NAME assign a name ( not mandatory ).
6. SAVE save sprite changes;



7. Sprite_Transp ( from version 3.24.03.24 ):
   It allows you to set the loading of sprites with their transparencies or without (in the case .png opaque).
   In the latter case the background of the sprite will still be made transparent;
   Click it with the left mouse button;
   or press ENTER;
   



8. DELETE delete the sprite;
9. CLOSE close the dialogue;

SKELETON

After importing all the necessary sprites, let's move on to the SKELETON section, where we will create the skeleton...
At the beginning there is already a 1st green diamond-shaped bone, which is called Root.
It will be the father of all the bones present in the skeleton.
The bones created later are defined as children of the father bone that generated them.
In the previous version of PiccoloAnimatore there was a limit of creating 5 bones for father.
This new version has no child limits for each father, but keep in mind that too many bones could decrease the FPS in a game.
All bones except the Root can be stretched, rotated, moved, named, added and deleted :



To modify a bone, it must first be selected, thus becoming green in color.

+   SELECT   - to select a bone :

• click above the bone;
• or press PageUp o PageDown.
• press Ctrl to select the father of the green bone;
• click the button +   SELECT   - with the left or right mouse button.
• click the button +   SELECT   - with the middle mouse button or, to view the :
  
  dialogue with the bone selection buttons
  
  The first ( blue color named "Father" ) is the father of the selected bone.
  The others report the name of the bone and its depth.
  click one to select that bone and close the dialog.
  Use the mouse wheel to move them up or down;

+   ROTATE   - to rotate a green bone :

• click the button with the left or right mouse button.
  or press LEFT or RIGHT.
• Also holding down ALT their children will not rotate.
• Also holding down CTRL only his children will rotate.
• Also holding down SHIFT the rotation will take place slowly.

  X phy   and   Y phy   to move a green bone :
Those functions use physics and will drag the other bones of the skeleton as well and this could lead to a unsatisfactory !! result, use them with caution.

• click the buttons with the left or right mouse button,
  or press LEFT, RIGHT, UP o DOWN.

+   LENGTH   - to stretch a green bone:

• click the button with the left or right mouse button,
  or press LEFT, RIGHT.

NAME It is very useful to rename a bone, with what it will represent: head, right arm, left arm, etc ....
To rename a green bone, open the name dialog:

• click the button with the left mouse button, or press ENTER .
  When saving, it is first checked that each bone has a different name from the other and if there are 2 bones with the same name, it will not be possible to save. So before saving, check that there are no 2 bones with the same name.

ADD   DELETE delete or add a bone ( attention: it is not possible to add or delete a bone if you have already created a Sequence !! )

• ADD ( add a new bone to a green bone [ add a son to the father ] )
  click the button with the left mouse button, or press ENTER.
• DELETE ( to erase a green bone )
  click the button with the right mouse button, or press Del.

Favorite skeletons : Q1 Q2 Q3 :
It is possible to save 3 skeletons as favorites, to be able to reuse them in new projects.
If a skeleton already has bones, just press Q + 1 o 2 o 3 to save it as a favorite.
While if there is no bone except the Root , a pop-up will appear that will show you 3 screenshots of the previously saved skeletons of bones.
Then just press Q + 1 or 2 or 3 to charge that skeleton.



SAVE when you have completed your skeleton remember to save .
Whenever you make changes this button will have a red background, to remind you to save.

• clicking the button with the left mouse button, or press CTRL + S ;

TEXTURE

SHOW   BONE 1/3 in this screen we find an additional button of the bones, useful for displaying or not the bones, or displaying them above or below your sprite :

• click the button with the left mouse button, or press ENTER .

In addition to the bone buttons ( left ), we will also have texture buttons ( right ).
To assign a sprite to the desired bones :

1. we select a bone ( it will turn green ).
2. we activate the display of the sprite, for the selected bone ( not all bones need to display a sprite ).
3. we set a sprite for each selected bone.
4. we modify the various parameters : image index, depth, rotation, size, position, color and save.

SHOW   TEXTURE to activate the sprite display :

• click the button with the left mouse button
• or press ENTER .
  
  Sprite n° 0 will be displayed.

+   TEXTURE   - to set the desired sprite ( from a maximum of 18 ):

• click the button with the left or right mouse button
• or press LEFT o RIGHT.

+   INDEX   - to set the frame of the sprite :

• click the button with the left or right mouse button,
• or press LEFT o RIGHT.

+   DEPTH   - to set the depth of the sprite ( place one sprite above or below another ) :

The depth value is 1 to the total number of bones present.

• Click the button with the left or right mouse button
  or press LEFT or RIGHT .
  
  
• Only in the TEXTURE section :
  click the button with the middle mouse button
  or press ENTER to set the depth manually.
  When saving, it is first checked that each bone has a different depth from the other and if there are 2 bones having the same depth, it cannot be saved. So before saving, check that there are no 2 bones with the same depth.

+   ROTATEX   - per ruotare lo sprite :

• click the button with the left or right mouse button
• or press LEFT o RIGHT
• press ENTER to rotate the sprite 90 degrees.

+   SCALEX   - e +   SCALEY   - to scale the sprite :

• click the button with the left or right mouse button.
  clicca with the middle mouse button for reset the changes.
• or press LEFT o RIGHT to climb it e ENTER to reset the changes.
• If you scale with a value below zero, the sprite will tend to flip.

+   POSX   - e +   POSY   - to place the sprite :

• click the button with the left or right mouse button.
  click with the middle mouse button for reset the changes.
• or press LEFT o RIGHT. to move it horizontally or vertically and ENTER for reset the changes.

  COLOR   open the dialog to change the colors and alpha of the sprite :

• click the button with the left mouse button
• or press ENTER .

• click and drag the various bars with the mouse.
• or press LEFT o RIGHT
• press ENTER to change them by +64.
• By checking the box All Bone, the changes made will be applied to all bones.
• The selected color will be depicted in the center .
• The button   RESET   allows you to reset the colors .
• The button   CLOSE   allow you to close the dialogue.

SAVE when you have completed your skeleton remember to save .
Whenever you make changes this button will have a red background, to remind you to save.

• click the button with the left mouse button, or press CTRL + S .

SEQUENCE

Well now let's create a sequence ( maximum 15 sequences ) :

• Click the button ADD   SEQ or press ENTER .
• We assign a name to the new sequence ( not too long otherwise it will be shortened ) .
• We confirm by pressing OK.

The relative button will be created on the right :


Then click the latter, or press ENTER.

This will open the Sequence dialogue where we will find these buttons :

• LOADING to load the sequence and access ANIMATION .
•   COPY per copiare questa sequenza con un nuovo nome.
• DELETE to delete this sequence.
• CLOSE to close the dialogue.

While the button MIX SEQ will allow you to merge 2 sequences, but only in case the total number of their FRAMES does not exceed 60.

ANIMATION

Here we could create animations by modifying the parameters of the skeleton and related sprites.

To start an animation :

1. select a frame ( rectangles present in the bar at the bottom ) by clicking on it or press LEFT o RIGHT, ( if the button   PLAY is already selected and therefore with a green background ).
2. It will turn green :
3. Then select a bone ( it will become green ), then use the various buttons to rotate it or modify its sprite.
4. The edited frame will now have a red dot .
5. Repeat this in each desired frame .
6. At the end save all the changes made.

In the example below, we're going to modify the character's leg making changes only in frames number 0, 10 and 19 and then using the LERP functions :

  OTHER   BUTTONS  

  PLAY move the animation forward or backward :

• click the button with the left or right mouse button
  or press LEFT o RIGHT.
• Also pressing SHIFT animations will advance frame by frame.
• Pressing P you are going to select this PLAY button directly.

  automatic or manual saving ( adding red dots ) :

• click the key with the left or right mouse button, or press ENTER
  In case it is set in manual, you will have to click this button with the right mouse button so that the red dot appears in the selected frame, which temporarily stores the changes made to the frame.

    BONE copies and pastes the data of a bone of one frame into another frame :

1. select a bone.
2. select a frame.
3. click the button with the left mouse button or press CTRL+C.
4. select another frame.
5. click the button with the right mouse button or press CTRL+V

    FRAME copy and paste the data of one frame into another frame :

1. select a frame.
2. click the button with the left mouse button or press CTRL+C.
3. select another frame.
4. click the button with the right mouse button or press CTRL+V

DUPLICATE add previously saved animation :

1. click the button with the left mouse button or press ENTER

REVERSE flip the previously saved animation :

1. click the button with the left mouse button or press ENTER

LERP OFF activates the display of the LERP buttons :

1. click the button with the left mouse button or press ENTER

  FRAME   increase or decrease frames ( maximum 60 ) :

1. click the button with the left or right mouse button.
   or press + o -.

  BACK   go back ( maximum 5 positions ) :
when you make mistakes you can fix it by going back through this button.
However, if the errors are not resolved, it is recommended to return to the SEQUENCE section and reload the animation.

1. click with the left or right mouse button
   or press ⬅ BACKSPACE .

  FUNCTION   LERP  

To facilitate and speed up the animation we will use the functions of the LERP buttons, present on the right of the screen :
It is enough :

• save the changes of 2 or 3 frames
• set markers on those frames
• select a desired lerp function by clicking the relative button with the left or right mouse button
• or if this button is selected ( with a green background ), press the relevant keys on the keyboard;

Let's see every single LERP function :

Lerp Mode allows you to set the type of lerp with 2 or 3 markers :

If there are 2 markers , that function will be interpolated starting from the frame having the green triangle up to the frame having the red triangle.

EXAMPLE :

1. whereas the value of the frame with the green marker = 100;
2. that the value of the frame with the red marker = 10;
3. that between these 2 frames there are another 8 frames, for a total of 10 frames
4. the frames will receive these values : 100,90,80,70,60,50,40,30,20,10;

While if the markers are 3, the interpolation will take place starting from the frame with the green triangle, up to the frame with the blue diamond. Then it will continue from the frame with the blue diamond marker to the frame with the red triangle marker.

EXAMPLE :

1. whereas the value of the 1st frame with the green marker = 100;
2. that the value of the last frame with the red marker = 100;
3. that the value of the 6th frame with the blue marker = 10;
4. that there are 11 frames in total;
5. the frames will receive these values : 100,80,60,40,20,10,20,40,60,80,100;

---

Bone clockwise or counterclockwise rotation of the selected bone and its children :

1. click with the left or right mouse button
   or press LEFT o RIGHT.
2. press together ALT , so as not to rotate its children on the same axis.
3. press together CTRL , to rotate its children only .

---

Length ( lerp about the length of a bone )

1. click with the left mouse button
   or press ENTER .

---

Texture clockwise or counterclockwise rotation of the sprite, relative to the selected bone :

1. click with the left or right mouse button
   or press LEFT o RIGHT.

---

X   Scala   Y horizontal or vertical scale of the sprite, of the selected bone :

1. click with the left or right mouse button
   or press LEFT o RIGHT.

---

X   Position   Y horizontal or vertical position of the sprite, of the selected bone :

1. click with the left or right mouse button
   or press LEFT o RIGHT.

---

Color sprite color, relative to the selected bone :

1. click with the left mouse button
   or press ENTER.

---

ALL BONE set lerp changes to all bones or just the selected one :

1. ✔ click with the left mouse button
   or press ENTER.

---

MARKERS

-             + moves the green marker right or left among the available frames.
-             + moves the blue marker right or left among the available frames.
-             + moves the red marker right or left among the available frames.

Each of them will not be able to position itself in the same or next frame of another marker.

1. click with the left, right or middle mouse button
   or press LEFT, RIGHT or ENTER

EXPORT

Here we can export the sprites and the code of our animation in txt format, to be incorporated into a project created with GameMakerStudio 1.4 or 2.0.



-   Resize   + resize :

• click with the left or right mouse button;
• or press LEFT o RIGHT.

Export exports the code in txt format and possibly also the sprites :

• click with the left mouse button;
• or press ENTER.

  Export Project : enables the export of the project code.

• click with the left mouse button;
• or press ENTER.

  Export Animation : enables the export of the animation code.

• click with the left mouse button;
• or press ENTER.

  Export Sprites : enable sprites export.

• click with the left mouse button;
• or press ENTER.

  PLAY move the animation forward or back:

• click with the left or right mouse button;
• or press LEFT o RIGHT.
• Pressing SHIFT also will advance the animations frame by frame.
• Pressing P will directly select this PLAY button.

Code   Project.txt

The code of the exported Project.txt file will report this information

It starts with the x and y origins of the 18 sprites (regardless of their use):

Then continue with the information on the total of Bones:

Finally it will report the information of each individual Bone:

Code   Animation_name.txt

The code of the exported animation.txt file will report this information:

Then it will report the information of each individual Frame for each Bone :

FOTO

In this section we can export our animation in .PNG format with a transparent background, of what is inside the "canvas" ( the area highlighted in the center that delimits the size of the sprite we are going to create ).


On the left we will find the buttons in orange :

+   Resize   - resize the object :

• click with the left or right mouse button;
• or press LEFT or RIGHT.

+   WIDTH   - canvas width :

• click with the left or right mouse button;
• or press LEFT or RIGHT.

+   HEIGHT   - height of the canvas :

• click with the left or right mouse button;
• or press LEFT or RIGHT.

+   OBJ X   - moves the object horizontally :

• click with the left or right mouse button;
• or press LEFT or RIGHT.

+   OBJ Y   - moves the object vertically :

• click with the left or right mouse button;
• or press LEFT or RIGHT.

BKG Trasp   export with colored background or transparent ( always transparent if Sprite_Transp = 1).

• click with the left mouse button;
• or press ENTER .

BKG Color 0/20   background color:

• click with the left or right mouse button;
• or press LEFT or RIGHT.

Sprite_Trasp   exports all the transparencies of the sprites or only that of its background.

• click with the left mouse button;
• or press ENTER .

1             all export sprites :


Now you can view and save in a sprite, all ( all Bone ) or just one bone ( Bone: n ).

To select the desired bone:

• click with the middle mouse button;
  
• or press TOP or DOWN;
  

1 : exports a single sprite of the displayed frame

• click with the left mouse button;
• or press LEFT .

ALL : export a sprite_strip ( contains all the frames of the animation, concatenated one after the other )

• click with the right mouse button;
• or press RIGHT.
• Example of a strip image :
  

Hide Color 0/20   transparency color ( not present in the object ) :

• click with the left or right mouse button;
• or press LEFT o RIGHT.

  PLAY move the animation forward or back :

• click with the left or right mouse button;
• or press LEFT o RIGHT.
• Pressing SHIFT also will advance the animations frame by frame.
• Pressing P will directly select this PLAY button.

---

Effects buttons

Positioned to the right and colored purple, they use Shaders to make some effects :

Pixel 0/10   select the pixel value of the object :

• click with the left or right mouse button;
• or press LEFT o RIGHT.

Light activates the light and displays the relative buttons :

• click with the left mouse button;
• or press ENTER.

Outline displays the outline of the object :

• click with the left mouse button;
• or press ENTER.

Shadow displays the shadow of the object :

• click with the left mouse button;
• or press ENTER.

---

Light Buttons

Positioned to the right and colored green :



+   Angle   - rotation angle of the light :

• click with the left or right mouse button;
• click with the middle mouse button for reset;
• or press LEFT, RIGHT o ENTER.

+   Raggio   - distance radius :

• click with the left or right mouse button;
• click with the middle mouse button for reset;
• or press LEFT, RIGHT o ENTER.

+   Fallout   - 1, 2 e 3 :

• click with the left or right mouse button;
• click with the middle mouse button for reset ;
• or press LEFT, RIGHT o ENTER.

Ambient Color open the environment color dialogue :

• click with the left mouse button;
• or press ENTER.

Color open the object color dialog :

• click with the left mouse button;
• or press ENTER.

Normal Rotate rotate the Normal

• click with the left or right mouse button;
• or press LEFT or RIGHT .
• premi PageUP or PageDown to select the bone whose Normal you want to rotate.

A standard Normal image shown below is used and for this reason the result may not be satisfactory :

PA3     in     Game Maker Studio

After exporting the sprites and files.txt ( of your project and its animation ), you can import them into a project for GameMakerStudio 1.4 or 2.0.
Warning : only projects made with PiccoloAnimatore v3 are compatible with the code below, while projects made with previous versions of PiccoloAnimatore will not work.

1. included Files

   In the " included Files " we import the 2 files.txt of the code :
   PA3_project-name_Project.txt ( the project file )
   PA3_project-name_Animation_name-animation.txt ( animation file).
   
   

   in   GameMakerStudio 1.4

   in   GameMakerStudio 2 [ v2022.2.0.614 ]

   
   
   It will be possible to have more animations by including the related animation files.txt .
   Their name is composed of :

   • PA3_ stands for compatible with PiccoloAnimatore version 3 .
   • "project-name" name of the project to which it refers;
   • _Project in the case of the file.txt main of the project;
     or _Animation_ in the case of an animation file.txt
     ( in the latter case, at the end there will also be the relative name ).

   Warning : sometimes it happened to me that the included files imported on GMS, were not really saved in the relative folder.
   For this, once imported check if they are present on :
   GameMaker \ Projects \ Name your project.gmx \ datafiles \

2. Sprites

   Import all the sprites of the project and rename them with the same name, leaving at the end the number that identifies them.   For example like this :
   
   

   in   GameMakerStudio 1.4

   in   GameMakerStudio 2 [ v2022.2.0.614 ]

   
   
   A sprite can have multiple frames

3. Script

   Scripts for GMS 1.4 updated 11/24/2023 Scripts for GMS2 updated on 03/26/2024 ( now with variables written in small print )

   Per GameMakerStudio 1.4

   for GameMakerStudio 2 [ v2023.11.1.129 ]

   
   

   • Download the .zip file ( right click and save ) with the GML scripts suitable for your version of GameMaker :
     
   • Extract the files.zip;
     
     
   • Import the extracted scripts, into the Scripts folder of your project :

   
   
   

   in   GameMakerStudio 1.4

   in   GameMakerStudio 2 [ v2022.2.0.614 ]

   
   
   

   PA3_INI_VAR :	script to initialize the necessary variables and to load the data from the file.txt of your project;
   PA3_LOAD_ANIMATION :	script to load the data from the file.txt related to the animations of your project;
   PA3_PLAY_ANIMATION :	script to cycle a previously loaded animation;
   PA3_DRAW :	script to draw the animation;

4. Object

   Let's now create an object with the same name as the project for example : obj_Bubu ;
   
   

   in   GameMakerStudio 1.4

   in   GameMakerStudio 2 [ v2022.2.0.614 ]

   
   
   

   CREATE

   In his CREATE event we report :
   
   
   

   • PA3_INI_VAR ( sprite name , project name ) ;
     This script initializes the necessary variables and loads the data from the PA3_projectname_Project.txt
     file of your project;
     
     sprite name : sprite name string without the final number ( in this example : "spr_Bubu_" );
     project name : project name string in the.txt files ( in this example : "bubu" );
   • PA3_LOAD_ANIMATION ( n , animation name ) ;
     This script loads the data from the file
     PA3_project-name_Animation_animation-name.txt
     related to the animations of your project;
     
     n : the progressive number of the animation ( in this example : "1" );
     animation name : string of the name of the animation present in the file.txt ( in this example : "shot" );
   • PA3_Resize = value;
     value : scaling ( max 1 );
   • PA3_PLAY_ANIMATION (
         PA3_Animation_N ,
         PA3_AnimationSpeed [ PA3_Animation_N ] ,
         PA3_AheadAnimation ,
         PA3_Mirror
     ) ;
     This script cycles through an animation that has already been loaded
     
     1. PA3_Animation_N = n;
        n : number of the selected animation;
     2. PA3_AnimationSpeed [ n ] = speed;
        n : animation number;
        speed: animation speed ( max = 1; ).
        On Create for the first animation called, always set 1 so that PA3_Resize is immediately set with PA3_PLAY_ANIMATION ();
     3. PA3_AheadAnimation = boolean;
        Advance ( true ) or reverse ( false ) the animation;
     4. PA3_Mirror = n;
        0 = mirror normal sprite;
        1 = mirror inverse sprite;
        2 = mirror sprite upside down;
        3 = mirror sprite inverse and upside down;
     5. 
        

   Draw

   In his DRAW event we report :
   

   • PA3_DRAW ( 1 , 2 ) ;
     This script will draw your project.
     
     1. true or false : cycle or not the animation;
     2. true or false : displays an animation having the modified depth
        ( This will result in greater use of computation ).

   FAQ & Problems ???

   • Attention, the new variables present in the scripts dedicated to GMS2 are written in small print.
   • In case you have set the index of the texture to -1, but you do not see the advancement of the sprite frames, set image_speed to a value greater than 0. In addition, the object should have a sprite with multiple frames.
   • In case parts of the drawing are not displayed, check in its animation that each Bone has set its own depth different from each other and with a value from 1 to the total number of bones present .
   • The Resize of the sprites is reset only by calling the script PA3_PLAY_ANIMATION (....);
   • Warning : sometimes it happened to me that the included files imported on GMS, were not really saved in the relative folder.
     For this, once imported check if they are present on :
     GameMaker \ Projects \ Name your project.gmx \ datafiles \

For bug reports or other contact me on Twitter @gamequiz_tk

Updates   PiccoloAnimatore v3

For now the code has been tested positively with GamemmakerStudio 1.4xx on Windows 10 and HTML5, and with GamemmakerStudio 2 on Windows 10 and OperaGX; While it has never been tested on Android and more.

• 03/24/2024 updated PiccoloAnimatore_v3 ( changes compatible with the previous version )
  added the [Sprite_Transp] button on IMG to load files.png with the right transparencies, or opaque ( albeit with the transparency of its Background );
  Added on PHOTO the button [1 photo All] to view (then export png) with one or all the bones.
  new script for GMS2 [ v2023.11.1.129 ]: only changed the names of the variables in small.
• 24/11/2023 updated scripts PA3_scripts_GMS_11_2023.zip and PA3_scripts_GMS2_11_2023.zip
  For compatibility with GMS2 version 2023.8.2.151 :
  An error occurred in the script gml_Script_PA3_INI_VAR ( line 29 or 37 )
  Solved by modifying the code like this :
  sprite_set_offset( PA3_LOAD_Sprite[i],PA3_origini_x[i],PA3_origini_y[i]);
  like this :
  if sprite_exists(PA3_LOAD_Sprite[i] ){
  sprite_set_offset( PA3_LOAD_Sprite[i],PA3_origini_x[i],PA3_origini_y[i]);
  }
• Added button for fullscreen;
• Added IMPORT button;
• Added PHY ... buttons;
• Added MIX SEQ button;
• Added BACK button;
• Added Bone selection buttons menu;
• Added skeleton favorites;
• Added sprites loading dialog;
• Added dialogs for changing colors;
• Added more shader effects;
• Macros are no longer used;
• Improved LERP functions;
• Added Duplicate a project;
• It can copy, duplicate, reverse frames and bones;
• Sprites can have multiple selectable frames in the animation;
• You can change the depth in the animation;
• Exporting images with transparent background;
• Export of the whole animation in a strip.png;
• Using the TAB key to select buttons;
• the keys related to the selected button are displayed;

Updates   PiccoloAnimatore v1

and   PA1_GMS_v...

Code tested positively with GamemmakerStudio 1.4xx on Windows 10 and HTML5, not tested on Android or other.

• Now the character is depicted using a single object, thus allowing multiple instances to be placed in the room [ PA1_GMS_v5 ];
• Improved animation quality [ PA1_GMS_v5 ];
• Reduced and improved the code (no longer used the alarm[0], no longer need PA_ADD, the script PA_PLAY_ANIMATION (); it no longer contains the name of the animation, more ... ) [ PA1_GMS_v5 ];
• The scripts and objects have been updated [ PA1_GMS_v3, PA1_GMS_v4, PA1_GMS_v5 ];
• Now it is possible to mirror the animation both vertically and horizontally [ PA1_GMS_v4 ];
• Speed up loading [ PA1_GMS_v3 ];
• You can insert more objects that use the same sprite and folder of the included files [ PA1_GMS_v3 ];
• An object can have several different sprites [ PA1_GMS_v3 ];
• The sprites will no longer be loaded among the inluded files but as normal sprites and the origins will be updated [ PA1_GMS_v3 ];
• In the room it is not yet possible to add more instances of the same object, but I hope to succeed in a possible new version [ PA1_GMS_v5 ].
• 
  
• 
  
  The Mini Hero character is created using the designed by freepik but modified and animated by civic71 : Kids vector created by Freepik