Iniziare

Creiamo un personaggio utilizzando programmi come Inkscape , ecco un esempio :
Ora esportiamo ogni sua parte ( testa, corpo, braccio, avambraccio, piede e spada ) nel formato PNG avente un unico colore di trasparnza con misure consigliate in pixel, di un multiplo di 2 : 16x32; 32x32; 64x64, 128x128, 64x256, ecc... ;



Quindi avviamo PiccoloAnimatore v3 e creaiamo un nuovo progetto dove importare questi nostri sprites.

PROJECT

Quando si avvia PiccoloAnimatore v3, si accede a questa schermata dei progetti.


Per creare un nuovo progetto ( massimo 75 ):

• cliccate il bottone NEW PROJECT con il tasto sinistro del mouse or.
• Si aprirà così il dialogo dove inserire il nome ( massimo 8 caratteri ) del nuovo progetto .
• Confermiamo premendo OK.
• Verrà così creato il relativo bottone.

Per importare un progetto nel formato zip :

• cliccate il bottone IMPORT con il tasto sinistro del mouse or.
• Selezionate il file.zip del progetto che volete caricare
  Attenzione : non deve già esistere un progetto con il medesimo nome;
  Attenzione : il nome non deve avere un numero maggiore di 8 lettere .
• Verrà così importato e creato il relativo bottone.
  Attenzione : se una volta caricato quel progetto risulta vuoto, è probabile che il suo nome sia errato !   Ti basterà aprire la cartella dei progetti quindi il file dati.txt e modificare il nome con quello esatto.
• Puoi scaricare alcuni miei progetti gratuiti da qui 👉 👉 👉 👉 👉

Per aprire la cartella dei progetti ( utile per fare un backup di un progetto, zippando la relativa cartella ) :

• cliccate il bottone OPEN FOLDER con il tasto sinistro del mouse or.
• Selezionate e cliccate con il tasto destro del mouse, la cartella del progetto della quale volete farne un backup.
• Dal Menù a tendina selezionate "invia a ... cartella compressa" per creare un file zip.
  Attenzione : quando zippate un progetto non modificatene il nome;
• Quindi spostate il file.zip dove lo ritenete più opportuno.

Per impostare una lingua ( Inglese o Italiano) :

• cliccate il bottone della relativa bandiera con il tasto sinistro del mouse or.

Tastiera

F1 visualizza o meno le informazioni di un bottone selezionato;

ESC chiudi il programma o ritorna nella Home.

F11 metti il programma in fullscreen ( a pieno schermo ).
                  In alcune circostanze il fullscreen mode si disabiliterrà in automatico .

SPACE passa alla sezione successiva ( bottoni della Barra in alto ).

TAB seleziona sequenzalmente i bottoni presenti nella schermata.

TAB + SHIFT seleziona il bottone precedente.

Quando un bottone è selezionato :

• diviene con lo sfondo di colore verde :

  bottone

• si possono utilizzare i pulsanti della tastiera ad esso assocciati
  ( di solito ENTER ) per attivare la sua funzione;
• vengono raffigurati i pulsanti della tastiera ad esso assocciati.

I bottoni posso avere più funzioni, attivabili in base al tasto del mouse con il quale vengono cliccati o premendo i pulsanti della tastiera ad esso assocciati.

LOADING   PROJECT

Per caricare un progetto :

• cliccate il bottone del relativo progetto con il tasto sinistro del mouse, or.
• A quel punto si aprirà il relativo dialogo avente questi bottoni cliccabili or :
  1. LOADING caricare il progetto ;
  2.   COPY copiare il progetto con un nome diverso ;
  3. DELETE cancellare il progetto ;
  4. CLOSE chiudere il dialogo ;

Barra   in   alto

Quando si carica un progetto, si può notare, nella barra in alto, 8 bottoni per altrettante sezioni di PiccoloAnimatore v3 :

1.     SPRITES :   caricare gli sprites ( immagini );
2.     SKELETON :   creare lo scheletro;
3.     TEXTURE :   assegna alle ossa lo sprite desiderato;
4.     SEQUNCE :   creare una nuova animazione ;
5.     ANIMATION :   creare l' animazione;
6.     EXPORT :   esportare l' animazione per GameMaker;
7.     FOTO :   screenshot dell' animazione nel formato .png;
8.     MENU :   per ritornare al menù principale;

E' possibile premere SPACE per spostarsi da una sezione a quella successiva.

SPRITES

Accediamo quindi alla sezione SPRITES, dove andremo a caricare le nostre immagini.PNG.

Qui troveremo 18 caselle che riportano il nome dello sprite caricato e le sue origini.

Selezioniamo una casella UPLOAD SPRITE, con il mouse ( oppure premete LEFT e RIGHT ), quindi clicchiamola or per aprire il suo dialogo.

Si aprirà così il dialogo dello sprite dove potremmo :

1. caricare un'immagine o strip ( ovvero composta da più frame concatenati ) .png :
   Si consigliano sprite o frame con un unico colore di trasparenza e con misure di un multiplo di 2 : 64x64px, 128x128px, 64x256px, ecc... ;
2. Origin X :   cliccate con il tasto sinistro del mouse e trascinate la barra
   oppure premete LEFT o RIGHT, per modificare l'origine x dello sprite ( punto di rotazione dello sprite da non confondere con quello dell' osso )
   con un range da -720 ad un massimo di 720.
3. Origin Y :   cliccate con il tasto sinistro del mouse e trascinate la barra
   oppure premete UP o DOWN, per modificare l'origine y dello sprite ( punto di rotazione dello sprite da non confondere con quello dell' osso )
   con un range da -720 ad un massimo di 720.
4. Image Number impostare il numero dei frame presenti in una immagine strip;
   Per esempio questo sprite_strip ( di larghezza 240px ed altezza 80px ) è composto da 3 frame, ma si imposterà 2 come valore perchè lo si calcola partendo dallo 0 :
   
5. NAME assegnare un nome ( non obbligatorio ).
6. SAVE salvare le modifiche dello sprite;



7. Sprite_Transp ( dalla versione 3.24.03.24) :
   esso permette di settare il caricamento degli sprite con le loro trasparenze oppure senza ( nel caso .png opache ).
   In quest'ultimo caso verrà comunque reso trasparente il background dello sprite;
   Cliccatelo con il bottone sinistro del mouse ;
   oppure premete ENTER;
   



8. DELETE cancellare lo sprite;
9. CLOSE chiudere il dialogo ;

SKELETON

Dopo aver importato tutti gli sprites neccessari, passiamo alla sezione SKELETON, dove creeremo lo scheletro.
Al principio esiste già un 1° osso verde a forma di rombo, il quale è denominato Root.
Esso sarà il padre di tutte le ossa presenti nello scheletro .
Le ossa create sucessivamente sono definite figli del osso padre che le ha generate.
Nella precedente versione di PiccoloAnimatore vi era il limite di creare 5 ossa per padre.
Questa nuova versione non ha limiti di figli per ogni padre, ma si tenga in considerazione che troppe ossa potrebbero diminuire gli FPS in un gioco.
Tutte le ossa tranne il Root possono essere allungate, ruotate, spostate, nominate, aggiunte e cancellate :



Per modificare un osso, questo dovrà essere prima selezionato, divenendo così di colore verde.

+   SELECT   - per selezionare un osso :

• cliccate sopra l'osso;
• oppure premete PageUp o PageDown.
• premete Ctrl per selezionare il padre dell' osso verde;
• cliccate il bottone +   SELECT   - con il tasto sinistro o destro del mouse.
• cliccate il bottone +   SELECT   - con il tasto centrale del mouse or, per visualizzare il :
  
  dialogo con i bottoni di selezione delle ossa
  
  Il primo ( di colore blu di nome "Father" ) è il padre dell' osso selezionato.
  Gli altri riportano il nome dell' osso e la sua depth.
  Cliccatene uno per selezionare quel osso e chiudere il dialogo.
  Utilizzate la rottellina del mouse per spostarli in alto o in basso ;

+   ROTATE   - per ruotare un osso verde :

• cliccate il bottone con il tasto sinistro o destro del mouse.
  oppure premete LEFT o RIGHT.
• Tenendo premuto anche ALT non ruoteranno i suoi figli.
• Tenendo premuto anche CTRL ruoteranno solo i suoi figli.
• Tenendo premuto anche SHIFT la rotazione avverrà lentamente.

  X phy   e   Y phy   per spostare un osso verde :
Tali funzioni utilizzano la fisica e trascineranno anche le altre ossa dello scheletro e ciò potrebbe comportare un risultato non soddisfacente !!, utilizzateli con cautela.

• cliccate i bottoni con il tasto sinistro o destro del mouse,
  oppure premete LEFT, RIGHT, UP o DOWN.

+   LENGTH   - per allungare un osso verde :

• cliccate il bottone con il tasto sinistro o destro del mouse, oppure premete LEFT, RIGHT.

NAME E' molto utile rinominare un osso, con ciò che esso andrà a rappresentare : testa, braccio destro, braccio sinistro, ecc...
Per rinominare un osso verde aprite il dialogo del nome :

• cliccate il bottone con il tasto sinistro del mouse, oppure premete ENTER.
  Quando si salva, viene prima controllato che ogni ossa abbia un nome differente dall' altro e nel caso si trovino 2 ossa aventi il medesimo nome, non si potrà salvare. Quindi prima di salvare, controllate che non vi siano 2 ossa con il medesimo nome.

ADD   DELETE cancella o aggiungi un osso ( attenzione : non è possibile aggiungere o cancellare un osso se si ha già creato una Sequenza!! )

• ADD ( aggiungi un nuovo osso ad un osso verde [ add un figlio al padre ] )
  cliccate il bottone con il tasto sinistro del mouse, oppure premete ENTER.
• DELETE ( per cancellare un osso verde )
  cliccate il bottone con il tasto destro del mouse, oppure premete Del.

Scheletri preferiti : Q1 Q2 Q3 :
E' possibile salvare 3 scheletri come preferiti, per poterli riutilizzare in nuovi progetti.
Qualora uno scheletro abbia già delle ossa, basterà premere Q + 1 o 2 o 3 per salvarlo come preferito.
Mentre qualora non esista alcun osso se non il Root, apparirà un pop-up che vi farà visualizzare 3 screenshot degli scheletri di ossa precedentemente salvati.
Basterà quindi premere Q + 1 o 2 o 3 per caricare quel scheletro.



SAVE quando avrete completato il vostro scheletro ricordate di salvare .
Ogni qualvolta apportate delle modifiche questo bottone avrà lo sfondo rosso, per ricordarvi di salvare.

• cliccando il bottone con il tasto sinistro del mouse, oppure premete CTRL + S ;

TEXTURE

SHOW   BONE 1/3 in questa schermata troviamo un ulteriore bottone delle ossa, utile a visualizzare o meno le ossa, oppure visualizzarle sopra o sotto al proprio sprite :

• cliccate il bottone con il tasto sinistro del mouse, oppure premete ENTER.

Oltre ai bottoni delle ossa ( a sinistra ), avremo anche i bottoni delle texture (a destra).
Per assegnare uno sprite alle ossa desiderate :

1. selezioniamo un osso ( dieverrà di colore verde ).
2. attiviamo la visualizzazione dello sprite, per l' osso selezionato ( non tutte le ossa hanno bisogno di visualizzare uno sprite ).
3. settiamo il giusto sprite per ogni osso selezionato.
4. modifichiamo i vari parametri : indice, profondità, rotazione, grandezza, posizione, colore e salviamo.

SHOW   TEXTURE per attivare la visualizzazione dello sprite :

• cliccate il bottone con il tasto sinistro del mouse
• oppure premete ENTER .
  
  Si visualizzerà così lo sprite n° 0 .

+   TEXTURE   - per impostare lo sprite desiderato ( fra un massimo di 18 ) :

• cliccate il bottone con il tasto sinistro o destro del mouse
• oppure premete LEFT o RIGHT.

+   INDEX   - per impostare il Frame dello sprite :

• cliccate il bottone con il tasto sinistro o destro del mouse,
• oppure premete LEFT o RIGHT.

+   DEPTH   - per settare la profondità dello sprite ( posizionare uno sprite sopra o sotto ad un altro ) :

Il valore di depth è da 1 al numero totale di ossa presenti.

• cliccate il bottone con il tasto sinistro o destro del mouse
  oppure premete LEFT o RIGHT.
  
  
• Solo nella sezione TEXTURE :
  cliccate il bottone con il tasto centrale del mouse
  oppure premete ENTER per impostare la depth manualmente.
  Quando si salva, viene prima controllato che ogni ossa abbia una depth differente dall' altro e nel caso si trovino 2 ossa aventi la medesima depth, non si potrà salvare. Quindi prima di salvare, controllate che non vi siano 2 ossa con la medesima depth.

+   ROTATEX   - per ruotare lo sprite :

• cliccate il bottone con il tasto sinistro o destro del mouse
• oppure premete LEFT o RIGHT
• mentre premete ENTER per ruotare lo sprite di 90 gradi.

+   SCALEX   - e +   SCALEY   - per scalare lo sprite :

• cliccate il bottone con il tasto sinistro o destro del mouse.
  clicca con il tasto centrale del mouse per resettare le modifiche.
• oppure premete LEFT o RIGHT per scalarlo e ENTER per resettare le modifiche.
• Se scalate con un valore sotto lo zero, lo sprite tenderà a capovolgersi.

+   POSX   - e +   POSY   - per posizionare lo sprite :

• cliccate il bottone con il tasto sinistro o destro del mouse.
  clicca con il tasto centrale del mouse per resettare le modifiche.
• oppure premete LEFT o RIGHT. per spostarlo orrizontalmente o verticalmente e ENTER per resettare le modifiche.

  COLOR   apri il dialogo per modificare i colori e l'alfa dello sprite :

• cliccate il bottone con il tasto sinistro del mouse
• oppure premete ENTER .

• Cliccate e trascinate con il mouse le varie barre.
• Oppure premete LEFT o RIGHT
• Mentre premete ENTER per modificarle di +64.
• Spuntando la casella All Bone, le modifiche apportate saranno applicate a tutte le ossa.
• Il colore selezionato sarà raffigurato al centro .
• Il bottone   RESET   permettereà di resettare i colori .
• Il bottone   CLOSE   permettereà di chiudere il dialogo.

SAVE quando avrete completato il vostro scheletro ricordate di salvare .
Ogni qualvolta apportate delle modifiche questo bottone avrà lo sfondo rosso, per ricordarvi di salvare.

• cliccate il bottone con il tasto sinistro del mouse, oppure premete CTRL + S .

SEQUENCE

Bene ora creiamo una sequence ( massimo 15 sequence ) :

• Clicca il bottone ADD   SEQ oppure premete ENTER.
• Assegniamo un nome alla nuova sequenza ( non troppo lungo altrimenti verrà accorciato ) .
• Confermiamo premendo OK.

Verrà così creato sulla destra il relativo bottone :


Quindi cliccate quest' ultimo, oppure premete ENTER.

Si aprirà così il dialogo della Sequenza dove troveremo questi bottoni :

• LOADING per caricare la sequenza ed accedere ad ANIMATION .
•   COPY per copiare questa sequenza con un nuovo nome.
• DELETE per eliminare questa sequenza.
• CLOSE per chiudere il dialogo.

Mentre il bottone MIX SEQ permetterà di unire 2 sequence, ma solo nel caso il numero totale dei loro FRAME non superi 60 .

ANIMATION

Qui potremmo creare le animazioni modificando i parametri dello scheletro e dei relatvi sprites.

Per incominciare un animazione :

1. selezionate un frame ( rettangoli presenti nella barra in basso ) cliccandoci sopra oppure premete LEFT o RIGHT, ( qualora il bottone   PLAY sia già selezionato e quindi con lo sfondo verde ).
2. Esso diverrà di colore verde :
3. Poi selezionate un osso ( diverrà verde ), quindi utilizzate i vari bottoni per ruotarlo o modificare il suo sprite.
4. Il frame modificato avrà ora un puntino rosso .
5. Ripetete ciò in ogni frame desiderato .
6. Alla fine salvate tutte le modifiche apportate.

Nell' esempio qui sotto, andremo a modificare la gamba del personaggio apportando delle modifiche solo nei frames numero 0, 10 e 19 ed utilizzando poi le funzioni LERP :

  ALTRI   BOTTONI  

  PLAY avanzare o arretrare l' animazione :

• cliccate il bottone con il tasto sinistro o destro del mouse
  oppure premete LEFT o RIGHT.
• Premendo anche SHIFT le animazioni avanzeranno frame per frame.
• Premendo P andrete a selezionare direttamente questo bottone PLAY.

  salvataggio automatico o manuale ( aggiunta puntini rossi ) :

• cliccate la chiave con il tasto sinistro o destro del mouse, oppure premete ENTER
  Nel caso sia impostato in manuale, dovrete cliccare questo bottone con il tasto destro del mouse affinchè appaia nel frame selezionato, il puntino rosso, che memorizza momentaneamente le modifiche apportate al frame.

    BONE copia e paste i dati di un osso di un frame in un altro frame :

1. selezionate un osso.
2. selezionate un frame.
3. cliccate il bottone con il tasto sinistro del mouse oppure premete CTRL+C.
4. selezionate un altro frame.
5. cliccate il bottone con il tasto destro del mouse oppure premete CTRL+V

    FRAME copia e paste i dati di un frame in un altro frame :

1. selezionate un frame.
2. cliccate il bottone con il tasto sinistro del mouse oppure premete CTRL+C.
3. selezionate un altro frame.
4. cliccate il bottone con il tasto destro del mouse oppure premete CTRL+V

DUPLICATE aggiungi l'animazione precedentemente salvata :

1. cliccate il bottone con il tasto sinistro del mouse oppure premete ENTER

REVERSE capovolgi l'animazione precedentemente salvata :

1. cliccate il bottone con il tasto sinistro del mouse oppure premete ENTER

LERP OFF attiva la visualizzazione dei bottoni LERP :

1. cliccate il bottone con il tasto sinistro del mouse oppure premete ENTER

  FRAME   aumentare o diminuire i frame ( massimo 60 ) :

1. cliccate il bottone con il tasto sinistro o destro del mouse.
   oppure premete + o -.

  BACK   ritorna indietro ( massimo 5 posizioni ) :
quando si fanno degli errori si può rimediare tornando indietro tramite questo bottone .
Se però gli errori non si risolvono, è consigliato ritornare nella sezione SEQUENCE e ricaricare l' animazione.

1. cliccate con il tasto sinistro o destro del mouse
   oppure premete ⬅ BACKSPACE .

  FUNCTION   LERP  

Per facilitare e velocizzare l'animazione utilizzeremo le funzioni dei bottoni LERP, presenti sulla destra dello schermo :
E' sufficente :

• salvare le modifiche di 2 o 3 frame
• impostare i marcatori su tali frame
• selezionare una funzione lerp desiderata, cliccando il relativo bottone con il tasto sinistro o destro del mouse
• oppure qualora tale bottone è selezionato ( con lo sfondo verde ), premete i relativi tasti della tastiera;

Vediamo ogni singola funzione LERP :

Lerp Mode permette di impostare la tipologia di lerp con 2 o 3 marcatori :

Se ci sono 2 marcatori , quella funzione sarà interpolata partendo dal frame avente il triangolo verde fino al frame che ha il triangolo rosso.

ESEMPIO :

1. considerando che il valore del frame con il marcatore verde = 100;
2. che il valore del frame con il marcatore rosso = 10;
3. che fra questi 2 frame vi sono altri 8 frame, per un totale di 10 frame
4. i frame riceveranno questi valori : 100,90,80,70,60,50,40,30,20,10;

Mentre se i marcatori sono 3, l'interpolazione avverrà partendo dal frame avente il triangolo verde, fino al frame avente il rombo blu. Poi continuerà dal frame avente il marcatore rombo blu al frame avente il marcatore con il triangolo rosso.

ESEMPIO :

1. considerando che il valore del 1° frame con il marcatore verde = 100;
2. che il valore dele l'ultimo frame con il marcatore rosso = 100;
3. che il valore del 6° frame con il marcatore blu = 10;
4. che in totale vi siano 11 frame;
5. i frame riceveranno questi valori : 100,80,60,40,20,10,20,40,60,80,100;

---

Bone rotazione nel senso orario o antiorario dell' osso selezionato ed i suoi figli :

1. cliccate con il tasto sinistro o destro del mouse
   oppure premete LEFT o RIGHT.
2. premete insieme ALT , per non ruotarne i figli sullo stesso asse.
3. premete insieme CTRL , per ruotarne solo i figli .

---

Length ( lerp della lunghezza di un osso )

1. cliccate con il tasto sinistro del mouse
   oppure premete ENTER .

---

Texture rotazione nel senso orario o antiorario dello sprite, relativo all'osso selezionato :

1. cliccate con il tasto sinistro o destro del mouse
   oppure premete LEFT o RIGHT.

---

X   Scala   Y scala orrizontale o verticale dello sprite, dell'osso selezionato :

1. cliccate con il tasto sinistro o destro del mouse
   oppure premete LEFT o RIGHT.

---

X   Position   Y posizione orrizontale o verticale dello sprite, dell'osso selezionato :

1. cliccate con il tasto sinistro o destro del mouse
   oppure premete LEFT o RIGHT.

---

Color colore dello sprite, relativo all'osso selezionato :

1. cliccate con il tasto sinistro del mouse
   oppure premete ENTER.

---

ALL BONE imposta le modifiche lerp a tutte le ossa o solo a quello selezionato :

1. ✔ cliccate con il tasto sinistro del mouse
   oppure premete ENTER.

---

MARCATORI

-             + sposta il marcatore verde a destra o a sinistra fra i frame disponibili.
-             + sposta il marcatore blu a destra o a sinistra fra i frame disponibili.
-             + sposta il marcatore rosso a destra o a sinistra fra i frame disponibili.

Ognuno di essi non potrà posizionarsi nel medesimo o sucessivo frame di un altro marcatore.

1. Cliccate con il tasto sinistro, destro o centrale del mouse
   oppure premete LEFT, RIGHT o ENTER

EXPORT

Qui potremo esportare gli sprites ed il codice della nostra animazione nel formato txt, da inglobare poi in un progetto creato con GameMakerStudio 1.4 o 2.0 .



-   Resize   + ridimensiona :

• cliccate con il tasto sinistro o destro del mouse;
• oppure premete LEFT o RIGHT.

Export esporta il codice nel formato txt ed eventualmente anche gli sprites :

• cliccate con il tasto sinistro del mouse;
• oppure premete ENTER.

  Export Project : abilita l'esportazione del codice del progetto.

• cliccate con il tasto sinistro del mouse;
• oppure premete ENTER.

  Export Animation : abilita l'esportazione del codice di animazione.

• cliccate con il tasto sinistro del mouse;
• oppure premete ENTER.

  Export Sprites : abilita l'esportazione degli sprites.

• cliccate con il tasto sinistro del mouse;
• oppure premete ENTER.

  PLAY avanza o arretra l' animazione :

• cliccate con il tasto sinistro o destro del mouse;
• oppure premete LEFT o RIGHT.
• Premendo anche SHIFT le animazioni avanzeranno frame per frame.
• Premendo P andrete a selezionare direttamente questo bottone PLAY.

Codice   Project.txt

Il codice del file Project.txt esportato, riporterà queste informazioni

Esso inizia con le origini x e y dei 18 sprites ( indipendentemente dal loro utilizzo ) :

Poi continua con le informazioni del totale delle Ossa :

Infine riporterà le informazioni di ogni singolo Osso :

Codice   Animation_nome.txt

Il codice del file di animazione.txt esportato, riporterà queste informazioni :

Poi riporterà le informazioni di ogni singolo Frame per ogni Osso :

FOTO

In questa sezione potremo esportare la nostra animazione nel formato .PNG con sfondo trasparente, di ciò che si trova all' interno del "canvas" ( l'area evidenziata al centro che delimita la grandezza dello sprite che andremo a realizzare ) .


A sinistra troveremo i bottoni in arancione :

+   Resize   - ridimensiona l'oggetto :

• cliccate con il tasto sinistro o destro del mouse;
• oppure premete LEFT o RIGHT.

+   WIDTH   - larghezza del canvas :

• cliccate con il tasto sinistro o destro del mouse;
• oppure premete LEFT o RIGHT.

+   HEIGHT   - altezza del canvas :

• cliccate con il tasto sinistro o destro del mouse;
• oppure premete LEFT o RIGHT.

+   OBJ X   - sposta orrizontalmente l' oggetto :

• cliccate con il tasto sinistro o destro del mouse;
• oppure premete LEFT o RIGHT.

+   OBJ Y   - sposta verticalmente l' oggetto :

• cliccate con il tasto sinistro o destro del mouse;
• oppure premete LEFT o RIGHT.

BKG Trasp   esporta con il background colorato oppure trasparete ( sempre trasparete nel caso che Sprite_Transp = 1).

• cliccate con il tasto sinistro del mouse;
• oppure premete ENTER .

BKG Color 0/20   colore del background :

• cliccate con il tasto sinistro o destro del mouse;
• oppure premete LEFT o RIGHT.

Sprite_Trasp   esporta tutte le trasparenze degli sprites oppure solo quella del suo background.

• cliccate con il tasto sinistro del mouse;
• oppure premete ENTER .

1             all esporta gli sprites :

Ora potete visualizzare e salvare in uno sprite, tutte ( all Bone ) oppure un solo osso ( Bone: n ) .

Per selezionare l'osso desiderato :

• cliccate con il tasto centrale del mouse;
  
• oppure premete TOP o DOWN;
  

1 : esporta un singolo sprite del frame visualizzato :

• cliccate con il tasto sinistro del mouse;
• oppure premete LEFT .

ALL : esporta uno sprite_strip ( contiene tutti i frame dell' animazione, concatenati uno dopo l'altro ) :

• cliccate con il tasto destro del mouse;
• oppure premete RIGHT.
• Esempio di una immagine strip :
  

  PLAY avanza o arretra l' animazione :

• cliccate con il tasto sinistro o destro del mouse;
• oppure premete LEFT o RIGHT.
• Premendo anche SHIFT le animazioni avanzeranno frame per frame.
• Premendo P andrete a selezionare direttamente questo bottone PLAY.

---

Bottoni degli effetti

Posizionati a destra e di colore viola, utilizzano gli Shader per apportare alcuni effetti :

Pixel 0/10   seleziona il valore di pixel dell' oggetto :

• cliccate con il tasto sinistro o destro del mouse;
• oppure premete LEFT o RIGHT.

Light attiva la luce e visualizza i relativi bottoni :

• cliccate con il tasto sinistro ;
• oppure premete ENTER.

Outline visualizza il contorno dell' oggetto :

• cliccate con il tasto sinistro del mouse;
• oppure premete ENTER.

Shadow visualizza l'ombra dell' oggetto :

• cliccate con il tasto sinistro del mouse;
• oppure premete ENTER.

---

Bottoni Light

Posizionati a destra e di colore verde :



+   Angle   - angolo di rotazione della luce :

• cliccate con il tasto sinistro o destro del mouse;
• cliccate con il tasto centrale del mouse per resettarlo;
• oppure premete LEFT, RIGHT o ENTER.

+   Raggio   - raggio di distanza :

• cliccate con il tasto sinistro o destro del mouse;
• cliccate con il tasto centrale del mouse per resettarlo;
• oppure premete LEFT, RIGHT o ENTER.

+   Fallout   - 1, 2 e 3 :

• cliccate con il tasto sinistro o destro del mouse;
• cliccate con il tasto centrale del mouse per resettarlo;
• oppure premete LEFT, RIGHT o ENTER.

Ambient Color apri il dialogo del colore dell' ambiente :

• cliccate con il tasto sinistro del mouse;
• oppure premete ENTER.

Color apri il dialogo del colore dell' oggetto :

• cliccate con il tasto sinistro del mouse;
• oppure premete ENTER.

Normal Rotate ruota la Normal

• cliccate con il tasto sinistro o destro del mouse;
• oppure premete LEFT o RIGHT .
• premi PageUP o PageDown per selezionare l'osso del quale si desidera ruotare la Normal.

Viene utilizzata un immagine Normal standar riportata qui sotto e per questo motivo il risultato potrebbe non risultare soddisfacente :

PA3     in     Game Maker Studio

Dopo aver esportato gli sprites ed i files.txt ( del vostro progetto e della sua animazione), potete importarli in un progetto per GameMakerStudio 1.4 o 2.0.
Attenzione : solo i progetti realizzati con PiccoloAnimatore v3 sono compatibili con il codice che segue qui sotto, mentre i progetti realizzati con le precedenti versioni di PiccoloAnimatore, non funzioneranno.

1. included Files

   Negli "included Files" importiamo i 2 files.txt del codice :
   PA3_nome-progetto_Project.txt ( il file di progetto )
   PA3_nome-progetto_Animation_nome-animazione.txt ( file animazione).
   
   

   in   GameMakerStudio 1.4

   in   GameMakerStudio 2 [ v2022.2.0.614 ]

   
   
   Sarà possibile avere più animazioni includendo i relativi file.txt delle animazioni.
   Il loro nome è composto da :

   • PA3_ sta per compatibile con PiccoloAnimatore versione 3 .
   • "nome-progetto" nome del progetto al quale si riferisce;
   • _Project nel caso del file.txt principale del progetto;
     oppure _Animation_ nel caso si tratti di un file di animazione
     ( in quest'ultimo caso alla fine vi sarà anche il relativo nome ).

   Attenzione : a volte mi è capitato che gli included files importati su GMS, non fossero realmente salvati nella relativa cartella.
   Per ciò, una volta importati controllate se sono presenti su :
   GameMaker\Projects\Nome vostro progetto.gmx\datafiles\

2. Sprites

   Importate tutti gli sprite del progetto e rinominateli con lo stesso suo nome, lasciando alla fine il numero che li identifica.   Per esempio così :
   
   

   in   GameMakerStudio 1.4

   in   GameMakerStudio 2 [ v2023.8.2.151 ]

   Uno sprites potrà avere più frames;

3. Script

   Scripts per GMS2 aggiornati il 26/03/2024 ( ora con le variabili scritte in piccolo )

   Per GameMakerStudio 1.4

   per GameMakerStudio 2 [ v2023.11.1.129 ]

   
   

   • Scarica il file.zip ( tasto destro del mouse e salva ) con gli script GML adatti alla tua versione di GameMaker :
     
   • Estrai il files.zip ( Unzippa );
     
     
   • Importa gli script estratti, nella cartella degli Script del vostro progetto :

   
   
   

   in   GameMakerStudio 1.4

   in   GameMakerStudio 2 [ v2022.2.0.614 ]

   
   
   

   PA3_INI_VAR :	script per inizializzare le variabili necessarie e per caricare i dati dal file.txt del vostro progetto;
   PA3_LOAD_ANIMATION :	script per caricare i dati dal file.txt relativi alle animazioni del vostro progetto;
   PA3_PLAY_ANIMATION :	script per ciclare un'animazione precedentemente caricata;
   PA3_DRAW :	script per disegnare l'animazione;

4. Object

   Creiamo ora un object con lo stesso nome del progetto per esempio : obj_Bubu ;
   
   

   in   GameMakerStudio 1.4

   in   GameMakerStudio 2 [ v2022.2.0.614 ]

   
   
   

   CREATE

   Nel suo evento CREATE riportiamo :
   
   
   

   • PA3_INI_VAR ( nome sprite , nome proggetto ) ;
     Questo script inizializza le variabili necessarie e carica i dati dal file PA3_nomeprogetto_Project.txt
     del vostro progetto;
     
     nome sprite : stringa del nome dello sprite senza il numero finale ( in questo esempio : "spr_Bubu_" );
     nome proggetto : stringa del nome del progetto nei file.txt ( in questo esempio : "bubu" );
   • PA3_LOAD_ANIMATION ( n , nome animazione ) ;
     Questo script carica i dati dal file PA3_nomeprogetto_Animation_nomeanimation.txt
     relativi all' animazioni del vostro progetto;
     
     n : il numero progressivo dell' animazione ( in questo esempio : "1" );
     nome animazione : stringa del nome dell' animazione presente nel file.txt ( in questo esempio : "shot" );
   • PA3_Resize = valore;
     valore : ridimensionamento ( massimo 1 );
   • PA3_PLAY_ANIMATION (
         PA3_Animation_N ,
         PA3_AnimationSpeed [ PA3_Animation_N ] ,
         PA3_AheadAnimation ,
         PA3_Mirror
     ) ;
     Questo script cicla un'animazione già caricata
     
     1. PA3_Animation_N = n;
        n : numero dell' animazione selezionata;
     2. PA3_AnimationSpeed [ n ] = speed ;
        n : numero dell' animazione;
        speed : velocità animazione ( max = 1; ).
        Su Create per la prima animazione richiamata, impostate sempre 1
        affiché PA3_Resize sia subito impostato tramite PA3_PLAY_ANIMATION();
     3. PA3_AheadAnimation = boolean;
        Avanza ( true ) o arretra ( false ) l'animazione;
     4. PA3_Mirror = n;
        0 = specchia sprite normale;
        1 = specchia sprite inverso;
        2 = specchia sprite sottosopra;
        3 = specchia sprite inverso e sottosopra;
     5. 
        

   Draw

   Nel suo evento DRAW riportiamo :
   

   • PA3_DRAW ( 1 , 2 ) ;
     Questo script disegnerà il vostro progetto.
     
     1. true o false : cicla o meno l'animazione;
     2. true o false : visualizza un animazione avente la depth modificata ( Ciò comporterà un maggiore utilizzo di calcolo ).

   FAQ & Problemi ???

   • Attenzione le nuove variabili presenti negli script dedicati a GMS2, sono scritte in piccolo.
   • Nel caso si abbia impostato l'index della textura a -1, ma non si riscontra l'avanzare dei frame dello sprite, impostate image_speed ad un valore maggiore di 0. In oltre l'object dovrebbe avere uno sprite avente più frame.
   • Nel caso parti del disegno non vengono visualizzate, controllate nella sua animazione che ogni Osso abbia impostata la propria depth diversa l'uno dall' altra e con un valore da 1 al numero totale di ossa presenti.
   • Il Resize degli sprite viene reimpostato solo richiamando lo script PA3_PLAY_ANIMATION(....) ;
   • Attenzione : a volte mi è capitato che gli included files importati su GMS, non fossero realmente salvati nella relativa cartella.
     Per ciò, una volta importati controllate se sono presenti su :
     GameMaker\Projects\Nome vostro progetto.gmx\datafiles\

Per segnalazioni di bug o altro contattatemi su Twitter @gamequiz_tk

Aggiornamenti   PiccoloAnimatore v3

Per ora il codice è stato testato positivamente con GamemmakerStudio 1.4xx su Windows10 ed HTML5, e con GamemmakerStudio 2 su Windows10 ed OperaGX;
Mentre non è mai stato testato su Android ed altro.

• 24/03/2024 aggiornato PiccoloAnimatore_v3 ( modifiche compatibili con la precedente versione )
  aggiunto su IMG il bottone [Sprite_Transp] per caricare files.png con le giuste trasparenze, oppure opaco ( seppur con la trasparenza del suo Background );
  aggiunto su FOTO il bottone [1 foto All ] per visualizzare ( quindi poi esportare png ) con una o tutte le ossa.
  nuovo script per GMS2 [ v2023.11.1.129 ] : solo modificati i nomi delle le variabili in piccolo.
• 24/11/2023 aggiornati gli script PA3_scripts_GMS_11_2023.zip e PA3_scripts_GMS2_11_2023.zip
  Per compatibilità con GMS2 alla versione 2023.8.2.151 :
  Capitava un errore nello script gml_Script_PA3_INI_VAR ( line 29 oppure 37 )
  Risolto modificando il codice da così :
  sprite_set_offset( PA3_LOAD_Sprite[i],PA3_origini_x[i],PA3_origini_y[i]);
  a così :
  if sprite_exists(PA3_LOAD_Sprite[i] ){
  sprite_set_offset( PA3_LOAD_Sprite[i],PA3_origini_x[i],PA3_origini_y[i]);
  }

  ---

• Aggiunto bottone per fullscreen;
• Aggiunto bottone IMPORT;
• Aggiunti Bottoni PHY ...;
• Aggiunto bottone MIX SEQ;
• Aggiunto bottone BACK;
• Aggiunto Menu bottoni selezione Osso;
• Aggiunto skeleton favoriti;
• Aggiunto dialogo di caricamento sprites;
• Aggiunti dialoghi per la modifica dei color;
• Aggiunti più effetti shader;
• Non si utilizzano più le Macros;
• Migliorate le funzioni LERP;
• Duplica un progetto;
• Si può copiare, duplicare, invertire i frame e bone;
• Gli sprites possono avere più frame selezionabili nell' animazione;
• Si potrà modificare la depth nell' animazione;
• Esportazione immagini con sfondo trasparente;
• Esportazione dell' intera animazione in uno strip.png;
• Utilizzo del tasto TAB per selezionare i bottoni;
• si visualizzano i tasti relativi al bottone selezionato;

Aggiornamenti   PiccoloAnimatore v1

and   PA1_GMS_v...

Codice testato positivamente con GamemmakerStudio 1.4xx su Windows10 ed HTML5, non testato su Android od altro.

• Ora il personaggio viene raffigurato utilizzando un singolo object , permettendo così di inserire più instance nella room [ PA1_GMS_v5 ];
• Migliorata qualità dell'animazione [ PA1_GMS_v5 ].
• Ridotto e migliorato il codice ( non più utilizzato l'alarm[0] , non serve più PA_ADD , lo script PA_PLAY_ANIMATION(); non contiene più il nome dell' animazione, altro... ) [ PA1_GMS_v5 ];
• Sono stati aggiornati gli script e gli object [ PA1_GMS_v3 , PA1_GMS_v4 , PA1_GMS_v5 ];
• Ora è possibile specchiare l'animazione sia verticalmente che orrizontalmente [ PA1_GMS_v4 ];
• Velocizzato il caricamento [ PA1_GMS_v3 ];
• Si possono inserire più object che utilizzano i medesimi sprite e cartella degli included files [ PA1_GMS_v3 ];
• Un object può avere più sprite differenti [ PA1_GMS_v3 ];
• Gli sprite non saranno più caricati fra gli inluded files ma come normali sprite e le origini saranno aggiornate [ PA1_GMS_v3 ];
• Nella room non è ancora possibile aggiungere più instance del medesimo object, ma spero di riuscirci in un eventuale nuova versione [ PA1_GMS_v5 ]
• 
  
• 
  
  Il personaggio MiniHero è creato utilizzando il designe by freepik ma modificato ed animato da civic71 : Kids vector created by Freepik