MMF2 Memory PARTIE 1

Aller en bas

Tuto MMF2 Memory PARTIE 1

Message par TonTon Tof le Dim 3 Juin 2018 - 0:11

Bonjour et bienvenue dans ce tutoriel

Le but de cette suite de tutoriels est la création d'un jeu de mémory avec clickteam Multi Media Fusion 2.5 (mmf2) pas à pas, dans l'esprit MMF2, sans écrire une seule ligne de code Smile.

L'objectif de ce tutoriel est la prise en main de l'environnement et la compréhension de la philosophie de MMF2.

Dans ce tutoriel, nous verrons comment créer une carte à jouer, une carte que l'on peut retourner sur le tapis, face visible ou face cachée.

Ressources:


Pour ce tutoriel, j'utilise une image de 200pixels de large sur 133 pixels de haut, réalisée très rapidement à partir de quelques vecteurs.




Commençons par créer le projet, dans l'espace de travail, en haut à gauche, renommer l'application et la scène 1. Clic droit "renommer" (ou F2)

Conserver la taille en 640x480, et changez la couleur pour un beau vert tapis de cartes Smile

Enregistrez le projet (CTRL+S)



Nous allons maintenant créer notre carte.

Sur le plateau clic-droit "insérer un objet" (CTRL+J)
Sélectionnez l'objet "Actif", cliquez sur le plateau pour positionner l'objet qui apparait sous forme d'un diamant.



Renommez-le "carte_blanche_1" (F2 ou clic-droit/renommer)



Nous allons éditer l'objet carte :



Nous allons utiliser deux directions de l'animation "Arrêté" :
- HAUT : pour la carte face visible
- BAS : pour la carte face cachée

Nous commençons par supprimer l'image de l'animation DROITE. Clic-droit supprimer. Confirmez la suppression.

Sélectionnez la direction BAS et importez l'image de la carte comme "tableau de sprites", importez la partie 1 sur 2 : le dos de la carte.



Positionnez le centre de l'image en 0,0



Sélectionnez la direction HAUT et importez l'image de la carte, cette fois importer la partie 2 sur 2 : la face visible de la carte.



et Positionnez le centre de l'image



Nous allons maintenant nous occuper du comportement de la carte. Cliquez sur l'objet "carte_blanche_1" et ouvrez les propriétés de mouvements. Le type de mouvement est définis à statique, ce qui est très bien vu qu'une carte ne se déplace pas Smile



Nous allons à présent créer un nouveau comportement pour l'objet "carte_blanche_1". Cliquez sur l'icône "Événements", puis "nouveau" pour créer le "comportement #1". Clic droit "renommer" ou "F2" pour lui donner le nom de "retourner". Cliquez sur le bouton "..." pour faire apparaitre "éditer".



Ouvrez l'éditeur d'évènements, c'est dans cet éditeur que nous définirons les comportements de tous les objets du jeu.

Prenons 5 petites minutes pour récapituler ce que nous voulons faire : Nous voulons que lorsque l'utilisateur clique sur l'objet "carte_blanche_1", celle-ci se retourne, c'est-à-dire quelle se retrouve face cachée, si elle est visible, et inversement.

Nous allons commencez par créer la condition : "lorsque l'utilisateur clique sur l'objet carte_blanche_1". Cliquez sur "nouvelle condition", puis sur l'icône "La souris et le clavier", sélectionner "la souris" puis l'action "clique sur un objet".



Indiquer que l'on teste le simple clic du bouton gauche, sur l'objet "carte_blanche_1". Validez, cela crée la condition dans l'éditeur d'évènements.



Dans l'éditeur d'évènements, nous trouverons en ligne les conditions, en colonne les objets du jeu. Pour mémoire, nous avons créé la carte avec deux animations correspondant aux directions HAUT et BAS. Retourner la carte consiste donc à changer la direction de l'objet.

Pour modifier la direction de l'objet "carte_blanche_1" : Cliquez sur l'intersection de la condition 1 et de la colonne "carte_blanche_1", "direction" puis "sélectionnez la direction"



MMFS numérote les directions en partant de 0 pour la droite, puis de 8 en 8 dans le sens contraire des aiguilles d'une montre.

Pour retourner la carte, c'est-à-dire pour passer de la direction HAUT ( 8 ) à la direction BAS ( 24 ), et inversement, nous allons avancer de 16 directions à partir de la direction courante de la carte.

Pour cela, passez dans l'éditeur de formule "1+1", sélectionnez l'objet "carte_blanche_1", "animation", "valeur courante de la direction".

Et tapez "+16" à la formule.



Validez la formule est intégrée à l'éditeur d'évenements. cheers



Sauvegardez (CTRL+S), lancez l'application (F8)



Testez, la carte apparait face visible, si l'on clique dessus elle se retourne et l'on voit le dos, si l'on clique de nouveau, la face redeviens visible.

C'est bon pour vous ? Parfait. sunny

Dans le prochain tutoriel, nous verrons comment mettre en place le plateau de notre jeu.

A très bientôt.
avatar
TonTon Tof
Traceur de comètes
Traceur de comètes

Masculin Messages : 584
Date d'inscription : 22/10/2011

http://aloysia.fr/

Revenir en haut Aller en bas

Tuto Re: MMF2 Memory PARTIE 1

Message par Lydia le Dim 3 Juin 2018 - 11:59

Merci pour ce beau tuto Tof !

Spoiler:
Comme je l'ai déjà évoqué par ailleurs, ne ne pourrai malheureusement pas consacrer de temps à les suivre. Ils s'éloignent trop de mes centres d'intérêts déjà trop nombreux...
avatar
Lydia
Admin
Admin

Féminin Messages : 2099
Date d'inscription : 08/10/2011

http://lydelune.over-blog.com/

Revenir en haut Aller en bas

Tuto Re: MMF2 Memory PARTIE 1

Message par Trefle le Dim 3 Juin 2018 - 12:45

Bravo tof ! Je vais essayer de suivre le tuto, peut-être ce soir ou demain plusun

_________________
Comment participer au forum ? D'abord signez le règlement, puis présentez-vous. Attendez ensuite qu'un administrateur vous ouvre les portes et vous serez admis parmi les Artstronautes !
Si vraiment vous êtes perdus et ne savez pas quoi faire, envoyez moi un mp
avatar
Trefle
Faiseur de galaxies
Faiseur de galaxies

Féminin Messages : 3275
Date d'inscription : 27/09/2011

http://luckytrefle.deviantart.com/ http://sylviesbd.over-blog.com/

Revenir en haut Aller en bas

Tuto Re: MMF2 Memory PARTIE 1

Message par TonTon Tof le Dim 3 Juin 2018 - 14:30

Bonjour a vous deux, Merci pour votre soutien.

Malheureusement nos journées ne sont pas extensibles. Smile

Si quelque chose ne semble pas clair, ou pourrais être mieux explicité n'hésitez pas.
avatar
TonTon Tof
Traceur de comètes
Traceur de comètes

Masculin Messages : 584
Date d'inscription : 22/10/2011

http://aloysia.fr/

Revenir en haut Aller en bas

Tuto Re: MMF2 Memory PARTIE 1

Message par Trefle le Mar 5 Juin 2018 - 17:10

Pas encore eut le temps de faire le tuto, mais j'y pense, j'y pense emoticsiffle

_________________
Comment participer au forum ? D'abord signez le règlement, puis présentez-vous. Attendez ensuite qu'un administrateur vous ouvre les portes et vous serez admis parmi les Artstronautes !
Si vraiment vous êtes perdus et ne savez pas quoi faire, envoyez moi un mp
avatar
Trefle
Faiseur de galaxies
Faiseur de galaxies

Féminin Messages : 3275
Date d'inscription : 27/09/2011

http://luckytrefle.deviantart.com/ http://sylviesbd.over-blog.com/

Revenir en haut Aller en bas

Tuto Re: MMF2 Memory PARTIE 1

Message par TonTon Tof le Mar 5 Juin 2018 - 21:52

Smile pas de problème tu as le temps, je n'ai pas encore trouvé le temps d'écrire la suite Wink
avatar
TonTon Tof
Traceur de comètes
Traceur de comètes

Masculin Messages : 584
Date d'inscription : 22/10/2011

http://aloysia.fr/

Revenir en haut Aller en bas

Tuto Re: MMF2 Memory PARTIE 1

Message par Contenu sponsorisé


Contenu sponsorisé


Revenir en haut Aller en bas

Revenir en haut

- Sujets similaires

 
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum