Bienvenue, Invité. Merci de vous connecter ou de vous inscrire.
Avez-vous perdu votre e-mail d'activation ?

Connexion avec identifiant, mot de passe et durée de la session

+-Merci d'utiliser le forum pour les demandes d'aides sur fusion.

19 octobre 2018 à 19:37:09 Xenon3K dit: Yes, moi j'arrive demain en fin de matinée.
19 octobre 2018 à 14:01:20 Patrice dit: Faites des photos :)
19 octobre 2018 à 12:42:45 Xenon3K dit: A demain :)
19 octobre 2018 à 11:26:34 Emmanuel dit: Allez HOP je prend la route vers 11h30 direction les joutes
10 octobre 2018 à 18:36:39 Pit73 dit: Si vous voulez voir a quoi ressemble une programmation par nodes, un apercu : http://forums.armory3d.org/t/the-entire-logic-node-visual-documentation-is-complete-17-nodes-with-visual-guides-plus-extra/1960
09 octobre 2018 à 20:04:25 Pit73 dit: non, c'est un moteur qui s'installe dans blender, pas celui de base
09 octobre 2018 à 15:57:05 Xenon3K dit: Armony c'est le moteur de Blender ?
09 octobre 2018 à 15:04:00 Pit73 dit: Tient un test vite fait avec le moteur armory en html5 >> http://patrick.gimeno.free.fr/armory/
07 octobre 2018 à 11:57:16 Seyjin dit: Je réfléchi pour faire des étuis en carton de différents styles. Pour Game&Watch sur deux écrans, ça risque de manquer de place pour tout caser.
07 octobre 2018 à 11:05:31 Emmanuel dit: l ide et bonne ça sera pas trop dur de faire des jeux dessus vu que il faut que l on  place les bouton a la bonne place pourrai faire aussi des coques en Game&Watch :-)
06 octobre 2018 à 16:57:54 Seyjin dit: Vous avez peut être entendu parlé d’un brevet de Nintendo à propos d’une coque pour smartphone le transformant en Gameboy. Alors moi, j’adore l’idée. Et mes futurs jeux seront compatible avec cette coque, et aussi avec toutes les coques de ce style qui n’existent pas (même celles en carton que vous ferez).
06 octobre 2018 à 07:13:50 Monos dit: idem avec le dernier wonder boy sur ms !  Il y a que le trois qui a ce détaille !
06 octobre 2018 à 07:12:35 Monos dit: Cela n'est pas le cas dans le wonder boy II in monster land.  C'est un "flip" du graphismes  sans modification.  Le sprite devait déjà dessiné pour le portage je pense.
05 octobre 2018 à 20:47:41 Seyjin dit: Yui mais si on as deux images différentes, autant en changer les détails.
05 octobre 2018 à 19:55:56 Xenon3K dit: Oui mais on peut faire le flip dans le soft de dessin :) J'ai vu dans certains jeu que le perso tien l'arme à deux mains, malin
05 octobre 2018 à 19:52:56 Monos dit: Wonder Boy III aussi, le perso garde l'arme dans la bonne main, mais c'est normale, car le MS n'a pas l'option Flip sur un sprite ! Donc obligé de tout refaire.
05 octobre 2018 à 19:46:52 Seyjin dit: Dans am Monday Zombies, Coffee tient toujours sa batte en peluche dans sa main gauche.
05 octobre 2018 à 18:25:54 Xenon3K dit: J'ai un perso avec une arme dans une main, quand je vais en direction inverse c'est juste un "flip" du sprite mais le problème est que l'arme n'est plus dans la même main... J'ai regardé pas mal de jeux vidéo et effectivement ils ne se sont pas cassé pour changer de main (ex: les griffes de Vega dans StreetFighter II)
03 octobre 2018 à 19:09:31 muratime dit: Bonjour au forum, je suis débutant dans la Clickteam, mais j'avais commencé il y a bien longtemps quand TGF existait. Je vois de plus en plus de tuto sur les jeux alors je ré ouvre de vieux dossiers lol
03 octobre 2018 à 15:09:35 Patrice dit: ;)
03 octobre 2018 à 10:55:31 Emmanuel dit: sur Firefly pour le clickstore
03 octobre 2018 à 10:54:32 Emmanuel dit: Énorme l exemple que du a fait patrice  👍
28 septembre 2018 à 21:17:41 Monos dit: ok. Moi aussi ça sera la première fois.
28 septembre 2018 à 21:12:27 fredetmumu dit: a 35 minutes, j'irais le samedi normalement, ce sera la premiere fois
28 septembre 2018 à 21:08:53 Monos dit: Ah oui, tu es pas loin de meaux alors !
Voir l'historique

UserBox

Welcome, Guest.
Please login or register.
 
 
 
Mot de passe oublié?

Bientôt

Surprise

Liens

Messages non lus

Télécharger

Divers

Twitter

Les extensions pour MMF2

FaceBook ClickTeam France

Derniers messages

Re : help calques et coordonnées par fredetmumu
20 octobre 2018 à 18:25:56

Re : help calques et coordonnées par Kloug
20 octobre 2018 à 17:50:18

Re : help calques et coordonnées par fredetmumu
20 octobre 2018 à 10:58:06

Re : help calques et coordonnées par Patrice
20 octobre 2018 à 02:45:46

Re : help calques et coordonnées par fredetmumu
19 octobre 2018 à 22:44:08

help calques et coordonnées par fredetmumu
19 octobre 2018 à 22:39:52

Re : Création d'objet multiple en coordonnée donnée... par Patrice
19 octobre 2018 à 22:10:08

Re : Est il possible de commander un afficheur digital avec fusion par LaDite
19 octobre 2018 à 20:50:00

Re : izidiy incline me : niveau à bulle par Pit73
19 octobre 2018 à 19:57:16

Re : Création d'objet multiple en coordonnée donnée... par vidarzack
19 octobre 2018 à 18:34:09

Re : Création d'objet multiple en coordonnée donnée... par Patrice
19 octobre 2018 à 17:30:48

Création d'objet multiple en coordonnée donnée... par vidarzack
19 octobre 2018 à 15:40:48

Mes Fiches Résumés ! par ValLoche23
19 octobre 2018 à 14:49:06

Re : [Projet] Dark Devotion par Xsoul
19 octobre 2018 à 11:38:57

Re : Est il possible de commander un afficheur digital avec fusion par vidarzack
19 octobre 2018 à 09:06:39

Re : [Projet] Dark Devotion par Valeth
19 octobre 2018 à 01:14:59

Re : [Projet] Dark Devotion par Xsoul
18 octobre 2018 à 23:46:04

Re : Setsuna ID par Patrice
18 octobre 2018 à 22:01:29

Re : Setsuna ID par Setsuna34
18 octobre 2018 à 20:25:01

Re : Présentation de moi même personnellement ! par Monos
18 octobre 2018 à 18:59:39

Nouveau Clickeur

Noemie
Setsuna34
mikesmith001p@mail.com

Membre en ligne

14 Invités, 0 Utilisateurs

Auteur Sujet: Faire rapidement un charset pixel art.  (Lu 10024 fois)

Kloug

  • Clickeur de Légende
  • *
  • Messages: 1359
  • Tiny Spriter
    • Voir le profil
  • Logiciel: Fusion 2.5
Faire rapidement un charset pixel art.
« le: 08 août 2014 à 10:31:43 »
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

« Modifié: 06 mai 2018 à 09:45:22 par Kloug »

Cyberclic

  • Clickeur bien intégré
  • Messages: 651
    • Voir le profil
  • Logiciel: Fusion 2.5Dev
  • Module APK: Oui
  • Module Flash: Oui
  • Module HTML5: Oui
  • Module iOS: Oui
Re : Faire rapidement un charset pixel art.
« Réponse #1 le: 09 août 2014 à 12:14:05 »
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

  • Clickeur de Légende
  • *
  • Messages: 1359
  • Tiny Spriter
    • Voir le profil
  • Logiciel: Fusion 2.5
Re : Faire rapidement un charset pixel art.
« Réponse #2 le: 12 août 2014 à 14:06:35 »
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/


« Modifié: 12 août 2014 à 14:08:23 par Kloug »

Kloug

  • Clickeur de Légende
  • *
  • Messages: 1359
  • Tiny Spriter
    • Voir le profil
  • Logiciel: Fusion 2.5
Re : Faire rapidement un charset pixel art.
« Réponse #3 le: 19 mars 2017 à 19:13:24 »
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+

« Modifié: 20 mars 2017 à 11:13:29 par Kloug »

Kloug

  • Clickeur de Légende
  • *
  • Messages: 1359
  • Tiny Spriter
    • Voir le profil
  • Logiciel: Fusion 2.5
Re : Faire rapidement un charset pixel art.
« Réponse #4 le: 20 mars 2017 à 13:23:46 »
Salut,

Bubble Character 16x16 >> Bubble Actor 32x32



A+

Kloug

  • Clickeur de Légende
  • *
  • Messages: 1359
  • Tiny Spriter
    • Voir le profil
  • Logiciel: Fusion 2.5
Re : Faire rapidement un charset pixel art.
« Réponse #5 le: 21 mars 2017 à 08:49:07 »
Hello!

Ooze Character 16x16 >> Ooze Actor 32x32



@+

Kloug

  • Clickeur de Légende
  • *
  • Messages: 1359
  • Tiny Spriter
    • Voir le profil
  • Logiciel: Fusion 2.5
Re : Faire rapidement un charset pixel art.
« Réponse #6 le: 22 mars 2017 à 08:05:26 »
Hello!

Apprentice Character 16x16 >> Apprentice Actor 32x32



Soldier Character 16x16 >> Soldier Actor 32x32



Libs en cours...



Actors compatibles RPG Maker Vx



@+
« Modifié: 22 mars 2017 à 09:10:21 par Kloug »

Kloug

  • Clickeur de Légende
  • *
  • Messages: 1359
  • Tiny Spriter
    • Voir le profil
  • Logiciel: Fusion 2.5
Re : Faire rapidement un charset pixel art.
« Réponse #7 le: 23 mars 2017 à 08:04:18 »
Bonjour!

Priest Character 16x16 >> Priest Actor 32x32.



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



 :D

A+



Emmanuel

  • Staff Technique
  • Clickeur de Légende
  • *
  • Messages: 1792
    • Voir le profil
  • Abonnement IOS: Oui
  • Google Play: Oui
  • Logiciel: Fusion 2.5Dev
  • Module APK: Oui
  • Module Flash: Oui
  • Module HTML5: Oui
  • Module iOS: Oui
  • Module XNA: Oui
  • Firefly: Oui
  • Module Mac: Oui
Re : Faire rapidement un charset pixel art.
« Réponse #8 le: 23 mars 2017 à 11:05:07 »
Bonjour
tres  sympathique tout ça  :bravos

Kloug

  • Clickeur de Légende
  • *
  • Messages: 1359
  • Tiny Spriter
    • Voir le profil
  • Logiciel: Fusion 2.5
Re : Faire rapidement un charset pixel art.
« Réponse #9 le: 24 mars 2017 à 08:30:30 »
Bonjour,

merci de ton retour Emmanuel.

Sorcerer Character 16x16 >> Sorcerer Actor 32x32



A+

Kloug

  • Clickeur de Légende
  • *
  • Messages: 1359
  • Tiny Spriter
    • Voir le profil
  • Logiciel: Fusion 2.5
Re : Faire rapidement un charset pixel art.
« Réponse #10 le: 25 mars 2017 à 12:10:27 »
Bonjour,

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



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



A+

Kloug

  • Clickeur de Légende
  • *
  • Messages: 1359
  • Tiny Spriter
    • Voir le profil
  • Logiciel: Fusion 2.5
Re : Faire rapidement un charset pixel art.
« Réponse #11 le: 29 mars 2017 à 20:24:05 »
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+
« Modifié: 29 mars 2017 à 21:16:25 par Kloug »

Valeth

  • Clickeur bien intégré
  • Messages: 213
    • Voir le profil
    • valeth portfolio
  • Google Play: Oui
  • Logiciel: Fusion 2.5
Re : Faire rapidement un charset pixel art.
« Réponse #12 le: 29 mars 2017 à 22:09:11 »
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é: 29 mars 2017 à 22:10:47 par Valeth »

Kloug

  • Clickeur de Légende
  • *
  • Messages: 1359
  • Tiny Spriter
    • Voir le profil
  • Logiciel: Fusion 2.5
Re : Faire rapidement un charset pixel art.
« Réponse #13 le: 29 mars 2017 à 23:17:07 »
Merci de ton retour Valeth.

Fighter  Character 16x16 >> Fighter Actor 32x32



A+

Kloug

  • Clickeur de Légende
  • *
  • Messages: 1359
  • Tiny Spriter
    • Voir le profil
  • Logiciel: Fusion 2.5
Re : Faire rapidement un charset pixel art.
« Réponse #14 le: 30 mars 2017 à 09:30:52 »
Bonjour,

Thief Character 16x16 >> Thief Actor 32x32



Template Character 16x16 >> Template Actor 32x32



A+
« Modifié: 30 mars 2017 à 11:32:31 par Kloug »

 


+-MiniChat

19 octobre 2018 à 19:37:09 Xenon3K dit: Yes, moi j'arrive demain en fin de matinée.
19 octobre 2018 à 14:01:20 Patrice dit: Faites des photos :)
19 octobre 2018 à 12:42:45 Xenon3K dit: A demain :)
19 octobre 2018 à 11:26:34 Emmanuel dit: Allez HOP je prend la route vers 11h30 direction les joutes
10 octobre 2018 à 18:36:39 Pit73 dit: Si vous voulez voir a quoi ressemble une programmation par nodes, un apercu : http://forums.armory3d.org/t/the-entire-logic-node-visual-documentation-is-complete-17-nodes-with-visual-guides-plus-extra/1960
09 octobre 2018 à 20:04:25 Pit73 dit: non, c'est un moteur qui s'installe dans blender, pas celui de base
09 octobre 2018 à 15:57:05 Xenon3K dit: Armony c'est le moteur de Blender ?
09 octobre 2018 à 15:04:00 Pit73 dit: Tient un test vite fait avec le moteur armory en html5 >> http://patrick.gimeno.free.fr/armory/
07 octobre 2018 à 11:57:16 Seyjin dit: Je réfléchi pour faire des étuis en carton de différents styles. Pour Game&Watch sur deux écrans, ça risque de manquer de place pour tout caser.
07 octobre 2018 à 11:05:31 Emmanuel dit: l ide et bonne ça sera pas trop dur de faire des jeux dessus vu que il faut que l on  place les bouton a la bonne place pourrai faire aussi des coques en Game&Watch :-)
06 octobre 2018 à 16:57:54 Seyjin dit: Vous avez peut être entendu parlé d’un brevet de Nintendo à propos d’une coque pour smartphone le transformant en Gameboy. Alors moi, j’adore l’idée. Et mes futurs jeux seront compatible avec cette coque, et aussi avec toutes les coques de ce style qui n’existent pas (même celles en carton que vous ferez).
06 octobre 2018 à 07:13:50 Monos dit: idem avec le dernier wonder boy sur ms !  Il y a que le trois qui a ce détaille !
06 octobre 2018 à 07:12:35 Monos dit: Cela n'est pas le cas dans le wonder boy II in monster land.  C'est un "flip" du graphismes  sans modification.  Le sprite devait déjà dessiné pour le portage je pense.
05 octobre 2018 à 20:47:41 Seyjin dit: Yui mais si on as deux images différentes, autant en changer les détails.
05 octobre 2018 à 19:55:56 Xenon3K dit: Oui mais on peut faire le flip dans le soft de dessin :) J'ai vu dans certains jeu que le perso tien l'arme à deux mains, malin
05 octobre 2018 à 19:52:56 Monos dit: Wonder Boy III aussi, le perso garde l'arme dans la bonne main, mais c'est normale, car le MS n'a pas l'option Flip sur un sprite ! Donc obligé de tout refaire.
05 octobre 2018 à 19:46:52 Seyjin dit: Dans am Monday Zombies, Coffee tient toujours sa batte en peluche dans sa main gauche.
05 octobre 2018 à 18:25:54 Xenon3K dit: J'ai un perso avec une arme dans une main, quand je vais en direction inverse c'est juste un "flip" du sprite mais le problème est que l'arme n'est plus dans la même main... J'ai regardé pas mal de jeux vidéo et effectivement ils ne se sont pas cassé pour changer de main (ex: les griffes de Vega dans StreetFighter II)
03 octobre 2018 à 19:09:31 muratime dit: Bonjour au forum, je suis débutant dans la Clickteam, mais j'avais commencé il y a bien longtemps quand TGF existait. Je vois de plus en plus de tuto sur les jeux alors je ré ouvre de vieux dossiers lol
03 octobre 2018 à 15:09:35 Patrice dit: ;)
03 octobre 2018 à 10:55:31 Emmanuel dit: sur Firefly pour le clickstore
03 octobre 2018 à 10:54:32 Emmanuel dit: Énorme l exemple que du a fait patrice  👍
28 septembre 2018 à 21:17:41 Monos dit: ok. Moi aussi ça sera la première fois.
28 septembre 2018 à 21:12:27 fredetmumu dit: a 35 minutes, j'irais le samedi normalement, ce sera la premiere fois
28 septembre 2018 à 21:08:53 Monos dit: Ah oui, tu es pas loin de meaux alors !
Voir l'historique
Powered by EzPortal