Créer un Dress Up game :

Si vous ne connaissez pas encore l'interface et les bases d'E-anim , je vous invite à lire le topic d'Eski . Ces tutos vous seront également très utiles si vous souhaitez ajouter des effets ou des animations dans votre jeu ( bouton "play" , musique , etc ... )

Ici , nous allons réaliser un jeu tout simple, sans animations , sans decor et avec peu d'éléments , c'est juste pour montrer le principe .

Vous avez certainement déja joué à des dress up games : créateurs d'avatars , Doll Makers , etc ...

Voici un tuto pour vous montrer comment créer vos propres dress up games et le tout très simplement . En effet il existe dans E-anim une option toute simple qui vous permettra de réaliser facilement votre jeu sans avoir recours à la programmation . Vous pourrez ainsi y arriver même si vous êtes débutant et vous consacrer pleinement à vos graphismes . Que vous soyez plutot dessin ou plutot photomanip' , à vous de trouver le thème et l'ambience que vous préferez pour imaginer des jeux simples et rigolos : habillage de personnages , decoration , creation de decors , etc ...


Un objet draggable est un objet que l'ont peut déplacer à la souris en cliquant dessus puis en le déposant dans une autre partie de son image . C'est ce système que nous allons utiliser pour faire un dress up game . Vous allez voir ,c'est parfaitement enfantin .

1 : Graphisme :

La première chose à faire est de réaliser vos graphiqmes . C'est ce qui prend le plus de temps et de leur qualité dependra celle de votre jeu . Il est impossible de faire un tutoriel là dessus tant les possibilités sont enormes , à vous de faire preuve de créativité .

Sur votre logiciel de creation habituel ( photoshop , photofiltre , etc ... ) verifiez que tout vos éléments sont bien proportionés par rapport aux autres , bien détourés , et enregistrez chacun d'entre eux au format PNG .


Voici les éléments que je vais utiliser ici . Vous pouvez les utiliser pour reproduire le tuto ci-dessous .

Spoiler:

2 : assembler son jeu sur E-anim :

J'ouvre E-anim . Une fois mon nouveau projet redimensionné ( aller dans projet >> dimensions ) , je monte mon fond sur le tout premier calque appellé "écran de base" . Ici il n'y a que l'image du cheval .



Ensuite , créez un nouveau groupe et selectionnez le . L'image de fond apparait grise . C'est sur ce groupe que nous allons placer nos trois accessoires .

Nous allons commencer par le filet . Je clique sur ajouter une image pour l'importer dans le groupe que jeviens de créer et je le selectionne . Le nom de l'objet ( filet.png ) apparait à gauche de la barre de temps , je clique dessus .



Une fenêtre apparait . Allez dans le menu deroulant à droite et selectionnez "draggable " .



Procedez de la même manière avec la selle et le tapis , faites attention à ce que les objets soient à leur place au niveau de la superposition ( ici par exemple, il faut placer le tapis sous la selle ) . Utilisez les options "changer de couche" dans la barre d'outil pour avancer/reculer un objet .

Pour ajouter une barre de chargement ( e-anim en possède une par defaut ; pas besoin de la créer vous même . Je ferai un autre tuto sur comment créer soit même sa barre de chargement . )

>> allez dans le menu " Objets Dynamiques " , " objets clefs en main " puis " bibliotheque de sprites " . Une fenêtre s'ouvre , selectionnez " préchargement " .

le résultat :




Voia , à présent vous avez les bases pour créer votre propre jeu . Avous d'ajouter des animations , des boutons ou des effets pour l'améliorer ^^

Pour l'exportation en flash et l'hébergement , allez voir le topic d'Eski , tout est expliqué .

Un autre exemple personnel ( sans barre de chargement , si le tout apparait blanc , il suffit d'attendre un peu ) :

Spoiler:

Superbe tutoriel! Une amie voulait en faire (du dress up game), je vais lui passer le lien de ton tuto un de ces jours *o*

J'ai pas encore lu mais je comptais faire de l'animation quand j'aurai le temps ^^

Très bon tuto, merci beaucoup ! =D