TUTORIEL CLICKTEAM

FUSION

Découvrir les bases de Fusion

Christophe thomas Christophe.thomas@fesc.asso.fr

Résumé

Dans ce premier document, vous allez prendre connaissance du logiciel de création de jeux vidéos ClickTeam Fusion, sa prise en main, son vocabulaire, et ses notions de base.

P a g e 1 | 7

DÉCOUVRIR LES BASES DE LA FUSION

Dans cette session, nous aborderons les points suivants :

• la création d'un jeu vidéo

• Les notions de base de l'interface utilisateur de Fusion

• Prise en Main

L'apprentissage d'un nouvel outil est une tâche difficile. Ce chapitre va vous présenter le monde du

développement de jeux avec Fusion de Clickteam. Vous apprendrez les rudiments des outils " de l'interface

utilisateur et comment débuter le développement de jeux.

À PROPOS DE LA CRÉATION D'UN JEU VIDÉO

Vous souhaitez créer des jeux vidéo, et c'est génial ! C'est aussi simple que ça ! Bienvenue dans le cercle de

développeurs de jeux ! Je ne sais pas d’où provient votre motivation. Peut-être que votre frère aîné vous a

présenté les jeux vidéo et vous avez adoré pouvoir maitriser ce qui se passe à l’écran.

Peut-être que vous êtes déjà un joueur passionné. Vous venez de découvrir peut-être à propos de cette forme

d'art cool ou que vous avez toujours voulu pour créer votre propre jeu, mais vous ne pouvez jamais savait

comment ni par où commencer. Quels que soient vos raisons-Vous êtes dans le bon endroit exact- exactement

au bon moment. Je vais faire de mon mieux pour vous aider à réaliser votre rêve avec fusion!

Commençons donc avec la principale question: Qu’est-ce qui est nécessaire pour créer un jeu vidéo ?

P a g e 2 | 7

Eh bien, de toute évidence vous possédez un outil de développement de jeux si vous êtes en train de lire ce

livre. C'est quelque chose que nous pouvons commencer avec! Mais ce que je veux dire, c'est quels ingrédients

avons-nous besoin pour créer un jeu ?

Vous voulez créer un jeu vidéo ? C’est très bien. C’est l’art visuel émergeant du XXIème siècle1 comme la bande

dessiné au XXème siècle.

Les outils se sont multipliés pour rendre le processus de réalisation plus facile. Je parle bien de processus de

réalisation et non de création. Le processus de création ne nécessite pas d’outils sophistiqués, mais de la

méthode et de l’imagination. L’imagination, c’est vous qui l’avez, n’est-ce pas ? pour la méthode, nous pouvons

vous en proposer une. Il existe un processus en 6 étapes pour que votre œuvre ait la consistance nécessaire

pour sortir du lot.

6 étapes, 6 aspects à maitriser.

1) une idée, un but,

2) une forme,

3) un idiome,

4) une structure,

5) une technique,

6) une apparence.

Le problème des débutants, c’est qu’ils sont séduits par le produit fini, l’apparence qui l’étape 6. Souvent les

débutants veulent commencer par la fin : l’apparence et la technique en évitant les autres étapes précédentes.

C’est vrai que la plupart des outils de création comme RPG Maker par exemple proposent de sauter ces étapes

puisque cinq des six étapes sont imposées.

Nous allons détailler ces 6 étapes :

1) une idée, un but, une émotion, un plaisir à transmettre, le point de départ

2) une forme : pour nous ce sera le jeu vidéo, pour d’autres se sera la musique ou le dessin.

3) un idiome : c’est un moyen d’expression autre que le langage. En matière de jeux vidéo, c’est choisir

un genre, un style graphique, un gameplay,

4) une structure, ce que nous allons étudier avec Studio HEXILIS, choisir les éléments à inclure, dans quel

ordre, organisation du temps et de l’espace de jeu.

5) une technique : ce que nous allons étudier avec ClickTeam Fusion, techniques de fabrication, savoir-

faire, solution aux problèmes, mener le travail jusqu’à son terme.

6) une apparence : mise en valeur du produit fini. Présentation, packaging, touche final…

APPRENDRE À CONNAÎTRE CERTAINS TERMES À PROPOS DE L'OUTIL

FUSION de Clickteam est un outil qui vous permet de créer toutes sortes de jeux, applications, programmes, et

même des économiseurs d'écran (tombé en désuétude) ! Et tout cela sans aucune connaissance d'un langage

de programmation! Bien sûr, il existe certains termes que vous devrez connaître avant. Nous allons les

découvrir en créant notre premier jeu!

P a g e 3 | 7

L'APPLICATION

Fusion crée des applications. Vous pouvez les appeler des apps, des jeux ou des présentations. Tout ce que

vous créez sera enregistré comme une application avec l'extension .mfa sur votre disque dur.

LES SCÈNES

Les scènes correspondent aux différents écrans de votre application. Ils peuvent

correspondre aux niveaux d'un jeu, aux différents écrans d’une application, aux

diapositives dans une présentation multimédia, et ainsi de suite. Prenons un jeu

simple comme exemple: la première image serait l'écran d'accueil, la seconde scène

serait le jeu lui-même, et la troisième scène serait le tableau des scores!

LES OBJETS

Les objets sont déposés dans une scène. Ils sont les différents acteurs de votre application. Fusion contient

beaucoup d'objets différents pour s'adapter à différentes tâches. Par exemple, un objet actif peut être utilisé

comme un caractère dans un jeu ; un objet « Boite d’édition » peut afficher du texte, tel qu'un score;

l’accéléromètre, lit les données du capteur gyroscopique d’un téléphone mobile; et ainsi de suite. Les objets

sont déposés ou insérés sur la scène dans l'éditeur de scène. Chaque objet peut également avoir un certain

nombre de conditions, des actions, des expressions de contrôle et permettent de définir comment ils agissent

alors que l'application est en cours d'exécution. La capture d'écran suivante montre différents types d'objets :

P a g e 4 | 7

LES PROPRIÉTÉS

Tous les objets sont définis par leur jeu de propriétés trouvées dans la barre d'outils « Propriétés ». Les

Propriétés se composent de valeurs réglables (textes, options, couleurs, polices, etc.) qui définissent

précisément le comportement de vos objets. Tout comme chaque objet, les scènes ont aussi des propriétés

personnalisables qui définissent la façon dont votre application devra agir lorsqu'elle est exécutée. La capture

d'écran suivante illustre la barre d'outils « Propriétés » :

LES ÉVÉNEMENTS

La logique de votre application est définie avec des événements. Les « Événements » contrôleront tout à

propos de vos objets : comment votre objet doit se déplacer, lire une animation, effectuer des calculs, ou être

détruits. Vous pouvez appeler les événements (et l'éditeur d'événements) c’est le moteur de Fusion.

C’est ici où vous « codez » votre application.

Les événements, et c'est là le point important - sont

la façon de programmer avec fusion ! Vous saisissez

et modifiez le comportement de vos objets dans

l'éditeur d'événements. Les événements sont faits

de conditions et d’actions.

LES CONDITIONS ET ACTIONS

Les conditions sont de simples questions que peut

être Vrai ou fausse.

En appuyant sur "Barre d’espacement " est une condition, comme vous pouvez le voir dans la capture d'écran

suivante :

P a g e 5 | 7

Cette condition sera définie sur vrai si le joueur appuie sur la touche « espace » pendant que l'application est

en cours d'exécution. Un événement peut contenir plus d'une condition, chacune figurant après l'autre. Si la

première condition est remplie, Fusion vérifie immédiatement pour voir si les prochaines conditions sont

remplies dans l'ordre décroissant. Pour que la réalisation de l’action soit considérée comme vrai, tous les

événements doivent être vrais en même temps. Lorsque les conditions d'un événement sont vraies, les actions

de l'événement sont exécutées.

Une action est une tâche à effectuer lorsque les conditions sont vraies. Ajouter 10 à score de joueur 1 peut être

notre action.

Lorsque cette action est exécutée, 10 points sont ajoutés à la partition de joueur 1. Un événement peut aussi

contenir plus d'une action; dans ce cas, elles seront exécutées l'une après l'autre.

Combiner la condition avec l'action et vous obtenez votre premier événement comme :

en appuyant sur "Espace"- ajouter 10 au score de joueur 1 :

C'est aussi simple que ça ! Vous allez travailler avec un grand nombre de ces événements « si… alors » pendant

votre processus de développement.

LES NOTIONS DE BASE DE L'INTERFACE UTILISATEUR DE FUSION

Comme vous pourrez le voir, l'interface de chaque éditeur de Fusion est construite de la même façon, très

intuitif. Trop de barres d'outils seraient source de confusion. Fusion permet de réduire le nombre au minimum

:

LA SECTION DU HAUT

La barre d'outils principale vous permet de naviguer dans Fusion et ses éditeurs. Bien sûr, il inclut également

les normes des éléments classique d'une application (Nouveau, Enregistrer, Ouvrir, et ainsi de suite), et il y a

également quelques options pour vous aider avec la gestion de l'espace de travail. Mais je pense vraiment que

vous trouverez des informations sur toutes les options par vous-même avec le temps.

P a g e 6 | 7

LA SECTION DE GAUCHE

La barre d'outils Espace de travail comprend vos applications ouvertes (jeux) et toutes ses images. C'est votre

fenêtre principale pour gérer les scènes de votre jeu et passer d'une scène à l'autre!

La fenêtre « Propriétés » affiche toutes les propriétés en fonction de l'objet ou la scène sélectionnée.

LA SECTION CENTRALE

La scène est le lieu de l'action. C'est l’endroit où tous vos petits personnages, vos vaisseaux spatiaux, et vous

écureuils (oui, vos écureuils!) joueront. C'est la scène pour vos acteurs.

LA SECTION DROITE

Ajouter et modifier vos calques sur le côté droit de l'écran. Organiser tous vos objets sur différents calques.

Vous pourrez utiliser la superposition pour faire des effets spécifiques tels que le défilement avec l’effet de

parallaxe.

LA SECTION INFÉRIEURE

Utilisez la « barre d'outils Bibliothèque » sur le bas-côté gauche pour importer les ressources de votre

bibliothèque.

Vos objets courants, tels que la taille ou la position, peuvent être consulté sur le coin inférieur droit de l'écran :

P a g e 7 | 7

Toutes les barres d'outils et fenêtres peuvent être organisées comme vous le désirez. Il suffit de faire glisser les

panneaux uniques d'un endroit à un autre pour personnaliser votre écran.

Apprendre à connaître l'interface de fusion peut prendre un certain temps. Mais vous vous rendrez vite compte

qu'il est structuré de façon très intuitive. Pour obtenir des instructions détaillées de chaque icône dans la barre

d'outils, utilisez le fichier d'aide intégré (appuyez sur F1) qui inclut chaque petit bouton et l'option que vous

pourriez trouver quelque part à propos de Fusion.

RÉSUMÉ

Vous avez appris les rudiments de l’interface de Fusion. Vous savez comment faire fonctionner l'outil et où

trouver les propriétés les plus importantes ainsi que les options. Vous êtes maintenant prêt à commencer votre

premier projet utilisant Fusion. Chapitre 2, les éditeurs de Fusion - votre premier jeu!, vous montrera comment

travailler avec les éditeurs de fusion pour créer votre premier prototype de jeu.