Tag Archive for 'sprite'

Menù a manovella

Posterò in questo articolo le recenti modifiche al menu di Terra, che andrò via via a commentare.

* Attenzione: molte immagini in un articolo solo *
* Click per ingrandire *


• La hud è stata spostata in basso, spazio dove generalmente c’è scura ed inutile terra.
• Al posto dello stato (KO, veleno ecc…) in alto a destra dell’avatar ho aggiunto il livello del personaggio.
• Parti di questa hud fanno uso della hud del Blizz-ABS (by Blizzard).


• Versione riadattata del Ring Menu (by XRXS, Dubealex e Hypershadow180).
• Andare a destra o sinistra fa ruotare le icone!
• Totale contante (gusci e conchiglie) a sinistra, luogo a destra.

Le icone del menù


• Inventario, con le barre della salute e del mana sotto.
• L’immagine descrittiva dell’oggetto è solo un segnaposto, verranno pixellate.


• Menù delle abilità, molto simile a quella dell’inventario ma senza l’immagine descrittiva.


• Equipaggiamento, e qui si fa interessante.
• A sinistra l’immagine del personaggio vista dall’alto.
• A seconda di cosa si evidenzia in alto a destra, si illumina la corrispondente parte del corpo a sinistra (in questo caso le braccia per l’arma).
• Tutte e 7 le statistiche, 4 base e 3 derivate.
• L’inventario sotto che mostra quanti equip si hanno in borsa.
• Molto probabilmente l’accessorio (qui Ring of Strength) non avrà caratteristiche particolari se non quella di cambiare la grafica del personaggio nella mappa (per esempio con l’aggiunta di un cappellino).


• Il log delle missioni, versione riadattata dello script di Zeriab.
• Ogni missione avrà la sua icona personale.


• Ogni icona di missione è cliccabile, e cliccarla mostrerà una seconda finestra di informazioni, quest giver, zona di consegna e obiettivo.


• Schermata di salvataggio.
• Mostra un personaggio per volta, design accativante!
• Clicca qui per vedere la schermata di caricamento.
• Clicca qui per vedere la schermata di uscita.


• La schermata dei trofei sbloccati! (versione riadattata dello script di Stripe103 e Zeriab).
• Ogni trofeo (achievement) raggiunto aggiungerà un gettone Maya, che potrà venire usato per un minigame.


• La schermata più importante: i tasti rapidi.
• Si potrà scegliere se aggiungere abilità e/o oggetti nell’inventario come hotkey.

Molte parti sono ancora in inglese, perché tutto ciò è ancora un work in progress prossimo alla fine.

Qui termina il tour, la font utilizzata per i dialoghi è Vinque!

6 mesi di camminate

Quando decidi di passare da animazioni a 4 frames ad animazioni a 8 frames, non pensare che “tanto sono 4 in più cosa vuoi oh”. E’ per questo che per una semplice animazione come può essere quella di un cane su due piedi con un maglioncino rosso che cammina a destra e a sinistra ci ho messo 6 mesi di lavoro.

Il bello è che 8 frames sono il minimo indispensabile per avere un’animazione fluida, e per questo immagino lo sia uscita abbastanza. Per realizzarla son state adottate anche due tecniche particolari: subpixelling e selective outlining (o selout), che proverò a spiegare in breve visto che questo non è un articolo Pixels? This way! La tecnica del subpixelling è probabilmente la più utile, mentre la selout viene usata quasi esclusivamente per gli sprite di un gioco.

Subpixelling – è una tecnica interessante, che consente di “mimare” un mezzo pixel semplicemente colorandolo di un colore scelto appositamente. Perché c’è il bisogno di un mezzo pixel? Nonostante ormai le risoluzioni dei monitor siano diventate altissime, i vari pixels sono ben distinguibili tra di loro, soprattutto quando parliamo di pixelart. Questo significa che quando un pixel è troppo a destra (o sinistra o quel che cavolo vuoi) un occhio attento lo nota immediatamente. Da qui il bisogno di avere un pixel ancora più piccolo per poter dare l’illusione di avere un oggetto meglio definito.

A sinistra l’animazione senza subpixelling negli occhi, a destra la stessa con subpixelling. So che a lungo andare può provocare mal di testa guardare queste due immagini affiancate, ma abbiate pazienza eh! Aggiungere quei pochi pixels scuri (ma non totalmente, perché invece che essere un pixel nero, deve dare l’impressione di un mezzo pixel, quindi un pixel mezzo nero perché non è possibile tagliare un pixel in due con l’accetta, quindi un pixel marrone) è davvero d’aiuto.

Selective outlining – è una tecnica poco utilizzata fuori dall’ambito del game making: c’è a chi piacciono le linee nere e a chi no. La selout va incontro a quei poveri che stanno nel mezzo, consentendo di avere il bordo dello sprite colorato intelligentemente da avere uno sprite che sta bene sia sotto sfondi chiari, che scuri. Un esempio famoso:


Da notare come i bordi dello sprite cambiano colore a seconda della zona in cui si trovano. Pezzo di Derek Yu.

Detto ciò, come sempre libero il mio hard disk mettendo sull’articolo anche il processo.

Se non sapevate che prima di animare precipitosamente una cosa con tutti i dettagli ci vuole della preparazione, ora lo sapete: come quando si disegna con gli stecchini per dare i primi accenni di corpo, si anima a zone colorate in modo da distinguerle tra di loro. In questa versione manca la coda, che è il pezzo che più di tutto mi ha fatto dannare jesus, la madonna e il grinch tutti insieme. Si ringrazia Peach (Matteo Pescarin) per la dritta sulla coda.

Altre cose che compaiono in questo post:


Primo terreno per Terra.

Eden Online

Con questo articolo colpisco due bambini con una scarpa. Voglio parlarvi di Eden Online.

Eden Online (precedentemente Paradise) è un MMORPG ancora in via di sviluppo, per la quale sto contribuendo con la mia arte e gestito da un gruppo affiatato di sviluppatori. Purtroppo al momento il gruppo di nome Fuseline Studio non è in possesso di un blog di informazione sullo sviluppo del gioco, ma soltanto di un forum (nel caso vogliate visionarlo).

Ebbene, iniziato come semplice aiuto grafico ormai credo di esser entrato a far parte del progetto senza nessuna formalità dichiarata. Quando questo gioco vedrà la luce? Ancora non si sa, visto che mancano ancora molte features.

Per la prima volta mi sono ritrovato a pixellare qualcosa di isometrico, ed eccone i risultati:


Un set di arredamenti per la casa del proprio personaggio + il template del personaggio.


Qua ho fatto soltanto le due finestre mostrate ingrandite a destra (quelle proposte dal grafico principale slym mi son sembrate troppo moderne, decisamente fuori contesto).


E ultima ma non ultima una completa camminata di 8 frame verso sinistra (basta specchiarla ed eccolo camminare anche verso destra).

Nessun WIP per questo articolo e molti altri arredamenti dovrebbero essere in programma per questo mese, ma non credo che avrò il tempo di poterle realizzare visto che tra un po’ dovrei partire. Questo è un progetto gratuito per la quale mi sono offerto di dare semplicemente una mano, quindi non è lavoro pagato… ma in compenso mi faccio un mucchio di pubblicità.