Bonjour Nal,
Si tu suis régulièrement mes aventures sur linuxfr, tu sais que le jeu que je développe, Newton Adventure, utilise un sprite sans rapport avec le thème du jeu.
J'y suis attaché, car il ressemble à Rick Dangerous, un jeu amiga qui est l'une de mes sources d'inspiration.
Toutefois, j'ai décidé de m'attaquer à la réalisation d'un personnage ressemblant à Isaac Newton à l'aide des logiciels libres suivants :
- gimp pour le dessin et la retouche d'image.
- nanim pour la création de l'animation.
- imagemagick pour la création du gif animé, afin de pouvoir te montrer le résultat à la fin de ce journal.
Voici la procédure que j'ai suivie.
Dessin
Première étape, faire un dessin grossier au crayon :
Deuxième étape, scanner et utiliser des filtres (Dessin au crayon, nettoyer…) pour avoir un contour net :
C'est aussi le moment de se maudire pour ne pas être allé acheter une feuille sans petit carreau au supermarché du coin.
Troisième étape, réduire la résolution et faire un coloriage rapide :
Pixel art
Quatrième étape, réduire encore la résolution et essayer de faire juste ressortir les détails importants :
Cette étape est assez difficile, la faible résolution (une contrainte de cohérence avec les autres sprites du jeu), oblige à vraiment trouver des formes et des couleurs particulières. Pour cela, il est indispensable de bien configurer gimp. J'ouvre deux vues sur la même image, l'une avec un zoom important, l'autre en taille réelle et qui n'affiche pas les sélections ou bords de cadre. Je mets aussi un calque d'une couleur que je n'utilise pas pour faire bien ressortir les contours.
Animation
Enfin, il faut recommencer pour toutes les positions clefs de l'animation, n'ayant pas la possibilité d'engager une armée d'intervallistes, je me suis contenté de 5 frames :
Avec le sdk de nanim, la commande suivante permet de créer l'animation :
nanimenc -author devewton -license "CC-BY-SA 3.0" -d 100 -a stay -f newton_03.png -a walk -f newton_03.png -f newton_04.png -f newton_05.png -f newton_04.png -f newton_03.png -f newton_02.png -f newton_01.png -o hero.nanim
Pour obtenir le gif, il faut utiliser la commande convert d'imagemagick :
convert -delay 10 -dispose Background newton_03.png newton_03.png newton_04.png newton_05.png newton_04.png newton_03.png newton_02.png newton_01.png hero.gif
Et voilà le résultat :
Le mot de la fin
Avec ce nouveau sprite principal, Newton Adventure s'approche de plus en plus de sa version finale. Depuis quelques mois, je fais un travail de finition afin de pouvoir en faire un jeu vendable.
Mais ça, c'est une autre histoire…
En attendant, il me reste à décider ce que je vais faire de l'ancien personnage.
# Génial
Posté par Bruce Le Nain (site web personnel) . Évalué à 8. Dernière modification le 27 décembre 2012 à 08:02.
Merci pour tous ces journaux (je me suis permis de taguer tes journaux en rapport avec les jeux vidéo)
Il faudrait presque un tag supplémentaire pour Newton Adventure, je crois que tu as du en faire au moins une quinzaine :)
[^] # Re: Génial
Posté par devnewton 🍺 (site web personnel) . Évalué à 3.
https://linuxfr.org/tags/newton_adventure/public ?
Sinon https://linuxfr.org/users/devnewton donne une copie presque conforme de mon blog http://devnewton.bci.im/blog/
Le post ci-dessus est une grosse connerie, ne le lisez pas sérieusement.
[^] # Re: Génial
Posté par BAud (site web personnel) . Évalué à 3.
mieux vaut utiliser le tag jeux_linux que celui que tu as choisi qui a une faute d'ortho (et un espace manquant) ;-)
[^] # Re: Génial
Posté par Bruce Le Nain (site web personnel) . Évalué à 3.
Dans ce cas là je n'aurais pas du choisir "jeuxvideo" non plus :)
[^] # Re: Génial
Posté par BAud (site web personnel) . Évalué à 2.
Pour le jeu vidéo il y a le tag approprié. Normalement la complétion devrait les faire apparaître, ce qui permet de sélectionner parmi ceux existants.
# pas évident
Posté par papap . Évalué à 5.
Pas facile n'est-ce pas de faire avec des pixels quelque chose qui de loin ressemble à ce qu'on veut …
[^] # Re: pas évident
Posté par Sygne (site web personnel) . Évalué à 2.
N'est-ce pas plus simple, pour un petit bonhomme comme ça, de le dessiner pixel par pixel ?
[^] # Re: pas évident
Posté par pini . Évalué à 2.
Si on est un tueur en pixel art, oui.
Sinon c'est pas facile du tout, mais un bon tuto peut aider.
[^] # Re: pas évident
Posté par Sygne (site web personnel) . Évalué à 2.
Merci pour le lien, même si je ne pratiquerai probablement jamais le pixel art, j'ai lu avec intérêt une partie du tutoriel.
# Bravo
Posté par EdB . Évalué à 5.
Bravo et merci de partager la démarche
# Bravo
Posté par CHP . Évalué à 6.
Maintenant, il ne te reste plus qu'a modifier ton image sur dlfp ^
# Oui mais....
Posté par d4rkf4b . Évalué à 2. Dernière modification le 27 décembre 2012 à 11:45.
Joli travail, mais il manque l'objet qui identifie Isaac Newton au premier coup d'œil…. La pomme.-->
Penses-tu la faire apparaitre dans ton jeu?
[^] # Re: Oui mais....
Posté par devnewton 🍺 (site web personnel) . Évalué à 3.
Les pommes servent à remplir la jauge de vie, comme les anneaux dans Sonic. Lorsqu'on les récoltes toutes dans un niveau, on peut accéder au monde bonus.
Le post ci-dessus est une grosse connerie, ne le lisez pas sérieusement.
[^] # Re: Oui mais....
Posté par d4rkf4b . Évalué à 5. Dernière modification le 27 décembre 2012 à 14:52.
J'imaginais plus un truc dans ce genre de délire…
La pomme qui sert à remplir ta jauge de vie que si elle te tombe sur la tête (jeu de gravité, toussa…) avec, pourquoi pas, une animation un peu fun.
Au passage, merci à Gotlib pour toute son œuvre!
# directement depuis gimp
Posté par hervé Couvelard . Évalué à 5.
dans gimp, il y a un moyen de faire un gif animé en ou chaque calque d'une image est une image de l'animation.
http://abcdugimp.free.fr/gimp/apprendre/techniques/gif-anime/gif-anime.php par exemple
[^] # Re: directement depuis gimp
Posté par devnewton 🍺 (site web personnel) . Évalué à 1.
L'interface de gimp est tellement pratique, que je vais plus à vite à taper la ligne de commande avec convert.
J'ai essayé asesprite, qui semble être le seul éditeur de sprite rgba animé libre, mais son interface pique vraiment les yeux.
Le post ci-dessus est une grosse connerie, ne le lisez pas sérieusement.
# tapatapatapata whaaaa!
Posté par boq . Évalué à 3.
Pour ceux qui on flash, vous pouvez y rejouer ici d'ailleurs.
[^] # Re: tapatapatapata whaaaa!
Posté par devnewton 🍺 (site web personnel) . Évalué à 5.
En libre et en natif, il y a xrick: http://www.bigorno.net/xrick/
Le post ci-dessus est une grosse connerie, ne le lisez pas sérieusement.
[^] # Re: tapatapatapata whaaaa!
Posté par boq . Évalué à 2.
Ooooh merci!
# Coup de main ?
Posté par Kekun (site web personnel, Mastodon) . Évalué à 8.
Dans mon adolescence j'étais passionné de pixel art et j'en faisais beaucoup, je ne peux pas me considérer comme bon dans le domaine mais j'ai tout de même un peu d'expérience même si je n'ai pas pratiqué depuis des années.
Si jamais tu es intéressé par un coup de main n'hésite pas à me dire ce dont tu as besoin, je pourrais faire des essais.
[^] # Re: Coup de main ?
Posté par devnewton 🍺 (site web personnel) . Évalué à 4. Dernière modification le 27 décembre 2012 à 21:50.
Ca m'aiderait beaucoup!
J'ai du mal à refaire les tuiles de la quête "egypt". Ce sont les premiers niveaux que j'avais fait et les tuiles sont vraiment moches!
J'ai documenté la façon d'éditer les niveaux ici, mais le plus simple c'est de m'envoyer un mail à devnewton arobase bci.im.
Le post ci-dessus est une grosse connerie, ne le lisez pas sérieusement.
[^] # Re: Coup de main ?
Posté par Kekun (site web personnel, Mastodon) . Évalué à 2. Dernière modification le 06 janvier 2013 à 11:56.
J'ai fait ça en 2-2, dit moi ce que tu en penses, si le style te plaît, etc.
Je pourrai en faire plus après mes partiels dans deux semaines.
[^] # Re: Coup de main ?
Posté par devnewton 🍺 (site web personnel) . Évalué à 2.
Pas mal! Il a plus de personnalité que ma version! Par contre on distingue mal les traits du visage avec un fond sombre. Peut être avec un plus gros pif?
Le post ci-dessus est une grosse connerie, ne le lisez pas sérieusement.
[^] # Re: Coup de main ?
Posté par Kekun (site web personnel, Mastodon) . Évalué à 2.
Content que ça te plaise. =)
Pour le visage je pense qu'il faut que je fasse un gros travail sur les couleurs, rendre le tout plus contrasté aiderait certainement.
Je t'ai envoyé le XCF avec les calques groupés par email.
Suivre le flux des commentaires
Note : les commentaires appartiennent à celles et ceux qui les ont postés. Nous n’en sommes pas responsables.