Messagerie

  • Xenon3K
    Hello :) oui 1 semaine de vacances en juillet et toi ?
    Xenon3K - 01/09/2023 10:29:32
  • anthonyp
    Petit coucou à toute la communauté Fusion. Je partage une nouvelle petite vidéo bande annonce de mon projet fait sur Fusion : https://www.youtube.com/watch?v=eAg15yPxZfM
    anthonyp - 07/11/2023 15:40:29
  • Emmanuel
    coucou Xenon3k si du passe par la :-) on ne peu plus ajoute les jeux sur le site.
    Emmanuel - 13/03/2024 21:18:06
  • Xenon3K
    Merci Manu, il faut que je trouve un peu de temps pour regarder ça.
    Xenon3K - 16/03/2024 00:03:19

Faire rapidement un charset pixel art.

Kloug
1494 messages
Fusion 2.5
vendredi 8 août 2014 à 10:31
Salut à tous,

1) La base d'un jeu vidéo 2D, la tuile.

A mon humble avis, pour commencer, seule la tiny 16x16 pixels, avec une palette monochrome, permettra de s'en sortir rapidement, d'obtenir un personnage joueur potable.

Une tiny monochrome, taille réelle.



Un personnage joueur est un sprite, ou lutin composé d'une série de tuiles afin d'obtenir une animation pour chaque directions.

Il s'agit donc d'un travail assez spécifique, où l'on tient compte de la vue (trois quarts de haut), de l'axe (pivot) et des projections, comme en dessin industriel.

Concernant la réalisation d'un personnage, il y a normalement des règles à respecter mais vous faites comme vous voulez, le héros est une symbolisation pixelisée, soit un ensemble de carrés pour faire joli afin que le joueur puisse s’identifier.

- Lumière toujours de face, donc contours foncés, même s'il y a une ombre à ses pieds.

- Il pivote sur une ligne parfaite en 2D, ses projections sont aussi des lignes parfaites en 2D.

Tiny 16x16 monochrome (x8), dans le carré rouge ci-dessous , avec son axe vertical (axe Y pour les codeurs) en vert fluo, et une projection horizontale (axe X, toujours pour les codeurs) en rose fluo.

L'axe vertical Y, fait 2 pixels, donc divisible, il permet de travailler de demi-tiny en demi-tiny (8x16 pixels).




Avoir des talents exceptionnels en dessin, ne sert pas à grand chose avec une tiny, on bidouille, on essaye de garder des proportions (humour), de tendre vers une symbolisation identifiable.

Rien ne remplace la pratique, le mieux s'entraîner avec "Paint", un outil indispensable dans le domaine du pixel art.



2) La base d'un moteur de déplacement, le sprite.

Le personnage joueur est un sprite doté d'une animation, pour au moins deux directions, sans entrer dans les détails, dans un jeu d'aventure le personnage joueur à quatre directions, logiquement, il est à l'arrêt, il commence pied droit pour marcher.

Une animation a besoin de quatre tiny (tuile 16x16), par direction, haut, bas, droite, gauche soit 16 tiny, mais on en dessine moins, voire beaucoup moins, tout dépendra de l'expérience du "dessinateur".



Animation, pieds joints, pied droit devant, pieds joints, pied gauche devant, réclame seulement 3 demi-tuiles, 8x16 pixels. Il suffit de jouer avec copier coller, d'inverser la symétrie horizontale, sans accessoire évidemment, genre épée, bouclier ou mèche de cheveux.

Le résultat brut de pomme dans un gif.



Pour le moment rien de transcendantal, avec quelques lignes de klik and play code, ce sprite peut déjà tabasser, à condition de rectifier une erreur de débutant, concernant le bras, toujours en avant avec le pied en arrière, et non en avant avec le pied en avant, à moins de chercher un effet robotique. :D



Il parait que pour réaliser un personnage joueur, cela prend 2 à 3 heures avec un template, une journée pour un débutant, comme pour ma part, je fais cela pour me détendre...



Petit défaut d'un pixel, un pixel artiste est un "perfectionniste".



Mais... Une projection X, doit être respectée, sur l'animation de profil.



Oh! La projection n'est pas respectée pour le pied gauche, parce que je fais comme je veux, les règles sont là pour donner un cadre, ne prenez pas tout au premier degré, au risque de le répéter, le héros est une symbolisation pixelisée. En fait, je garde de la marge pour une animation courir.

Un spriter amateur pond une planche de tiny monochrome.



Oh! Que c'est beau, pas la peine d'insister, j'ignore combien de temps nécessite ce sprite sheet.
Il n'y a que trois directions, parce qu'il suffit d'effectuer une inversion horizontale avec l'animation de profil.

Un spriter efficace s'évite du travail inutile.

Début de la colorisation de la planche de tuile, taille de la tiny multipliée par deux pour un personnage joueur 32x32, et le tour est joué.



Conclusion, si vous êtes cliqueur(euse) le plus difficile est fait, il ne manque plus qu'une map, un moteur de déplacement et l'aventure commence, à condition de ne pas faire une erreur de débutant, comme ci-dessus, mélanger du contour 2 pixels (PJ) avec du contour 1 pixel (décors).

Un test mapping (2 lignes de klik code), compatible CTF 2.5 Free.



Les explications, la méthode ultra rapide, les captures visual tutorial, sont ma propriété intellectuelle, je ne souhaite pas les voir, sur un site, ou autre, encore moins sur un support commercial, bien sûr vous pouvez utiliser les tuiles, dans un but non lucratif, merci de votre compréhension.



Pour plus d'informations...

Ressources rpg réalisée avec une tiny.
Tiny 16: Basic
http://opengameart.org/content/tiny-16-basic

Cordialement.

Un spriter débutant.

:sonic  :bravos

Cyberclic
664 messages
Fusion 2.5 Dev
Exporteur iOS Exporteur Android Exporteur HTML5
samedi 9 août 2014 à 12:14
Avec tous les tutos que tu proposes, pourquoi ne pas les mettre dans le nouveau Clickstore ? Tu toucheras plus de monde. De plus, si tu le désires, tu pourrais même te faire un peu de pépètes en les vendant  :D
Kloug
1494 messages
Fusion 2.5
mardi 12 août 2014 à 14:06
Salut,

Clickstore ne me donnerai que du travail supplémentaire, et sincèrement toucher plus de monde est loin d'être ma priorité.

Sans me vanter, à une époque j'ai connu le succès avec un site, et cela ne me servait de rien.

Sans entrer dans les détails, hors de question d'engraisser des régimes sociaux.

L'état peut rester sur ses positions, concernant sa façon de surtaxer les français, cela ne me dérange pas, au contraire.

A+

Édit:
http://decryptages.wordpress.com/2008/02/29/comment-declarer-ses-revenus-publicitaires/


Kloug
1494 messages
Fusion 2.5
dimanche 19 mars 2017 à 19:13
Salut,

D'autres lutins, characters 16x16, actors 32x32.

Réalisés avec Clickteam Fusion 2.5, le logiciel obligatoire pour ce genre d’exercice spécifique.

;)









A+

Kloug
1494 messages
Fusion 2.5
lundi 20 mars 2017 à 13:23
Salut,

Bubble Character 16x16 >> Bubble Actor 32x32



A+
Kloug
1494 messages
Fusion 2.5
mardi 21 mars 2017 à 08:49
Hello!

Ooze Character 16x16 >> Ooze Actor 32x32



@+
Kloug
1494 messages
Fusion 2.5
mercredi 22 mars 2017 à 08:05
Hello!

Apprentice Character 16x16 >> Apprentice Actor 32x32



Soldier Character 16x16 >> Soldier Actor 32x32



Libs en cours...



Actors compatibles RPG Maker Vx



@+
Kloug
1494 messages
Fusion 2.5
jeudi 23 mars 2017 à 08:04
Bonjour!

Priest Character 16x16 >> Priest Actor 32x32.



Spring Up  Character 16x16 >> Spring Up Actor 32x32.



:D

A+


Emmanuel
2379 messages
Fusion 2.5 Dev Fusion 2.5
Firefly Exporteur UWP Exporteur iOS Exporteur Android Exporteur HTML5 Fusion 2.5+
jeudi 23 mars 2017 à 11:05
Bonjour
tres  sympathique tout ça  :bravos
Kloug
1494 messages
Fusion 2.5
vendredi 24 mars 2017 à 08:30
Bonjour,

merci de ton retour Emmanuel.

Sorcerer Character 16x16 >> Sorcerer Actor 32x32



A+
Kloug
1494 messages
Fusion 2.5
samedi 25 mars 2017 à 12:10
Bonjour,

Furio Warrior Character 16x16 >> Furio Warrior Actor 32x32



Furio Ninja Character 16x16 >> Furio Ninja Actor 32x32



A+
Kloug
1494 messages
Fusion 2.5
mercredi 29 mars 2017 à 20:24
Salut,

Furio Priest Character 16x16 >> Furio Priest Actor 32x32



Furio Sorcerer Character 16x16 >> Furio Sorcerer Actor 32x32



Furio Archer Character 16x16 >> Furio Archer Actor 32x32



A+
Valeth
457 messages
Fusion 2.5
Fusion 2.5+
mercredi 29 mars 2017 à 22:09
Sympa tes sprites Kloug.


Ce serait cool si tu pouvais faire un petit Monk, style brawler, une sorte d'artiste martial.

Outre le mago, c'est souvent cette classe que j'utilise dans les rpgs, quand cette dernière est disponible bien-entendu.


Enfin, à toi de voir bien sûr.  Arigato  ;D
Modifié le mercredi 29 mars 2017 à 22:10 par Valeth
Kloug
1494 messages
Fusion 2.5
mercredi 29 mars 2017 à 23:17
Merci de ton retour Valeth.

Fighter  Character 16x16 >> Fighter Actor 32x32



A+
Kloug
1494 messages
Fusion 2.5
jeudi 30 mars 2017 à 09:30
Bonjour,

Thief Character 16x16 >> Thief Actor 32x32



Template Character 16x16 >> Template Actor 32x32



A+
Kloug
1494 messages
Fusion 2.5
mardi 4 avril 2017 à 23:14
Hello!

Carrot Man Character 16x16 >> Carrot Man Actor 32x32.



A+
Xsoul
mercredi 5 avril 2017 à 06:55
haha je vois une carotte moi :P
Kloug
1494 messages
Fusion 2.5
mercredi 5 avril 2017 à 08:09
Merci de ton retour, une carotte c'est plus fun, surtout une carotte déguisée en citrouille.

General Character 16x16 >> General Actor 32x32



Captain Character 16x16 >> Captain Actor 32x32



Infantryman Character 16x16 >> Infantryman Actor 32x32


Monos
2713 messages
Fusion 2.5 Dev
Fusion 2.5+ Exporteur Android Exporteur HTML5
mercredi 5 avril 2017 à 18:21
J'aime bien ce que tu fais.
Kloug
1494 messages
Fusion 2.5
mercredi 5 avril 2017 à 18:45
Merci de le dire Monos, comme je sais que tu pratiques aussi, cela me touche beaucoup.

Le plus difficile dans ce genre d’exercice, est de "typer" les characters, de trouver un style, le truc qui fait la différence comparé aux autres.

Il me reste à tester les animations, de chaque character...
Utilisateurs en ligne
  • Aucun utilisateur en ligne
  • 6 visiteurs au total