Le guide du débutant à Construct 3

52
  • 23 favoris

Index

Contributeurs

Statistiques

32,857 visites, 114,887 vues

Outils

Partager

Traductions

Ce tutoriel n'a pas été traduit.

License

This tutorial is licensed under CC BY 4.0. Please refer to the license text if you wish to reuse, share or remix the content contained within this tutorial.

Ce tutoriel est recommandé par l'équipe Construct ! Cela signifie qu'il contient des informations utiles et de grande qualité qui vous aideront à grandir en tant que développeur de jeux.

Merci d'avoir choisi Construct 3 !

Commençons à réaliser votre premier jeu. Nous allons faire le jeu de démonstration Tir aux fantômes (Ghost Shooter). Vous apprendrez tout ce que vous avez besoin de savoir afin de réaliser un jeu simple, depuis les calques au système d’Évènements !

Voir le jeu terminé

Il est utile de savoir vers quoi nous nous dirigeons, donc cliquez ici pour ouvrir le jeu complet. Une fois chargé, cliquez le bouton Aperçu (entouré d'un cercle rouge ci-dessous) pour l'exécuter et l'essayer.

Le bouton d'aperçu dans Construct 3

Alors vous pouvez voir ce que nous souhaitons réaliser: un joueur qui regarde vers le curseur de la souris, se déplace avec les touches fléchées du clavier et qui tire sur des monstres à l'aide des boutons de la souris.

Quand vous avez terminé, fermez l'aperçu et appuyez sur Actualiser dans votre navigateur afin que Construct 3 redémarre. Ceci afin que nous puissions poursuivre le reste de ce tutoriel depuis un état vierge.

Demander de l'aide

Si vous vous retrouvez coincé ou avez une question, le meilleur endroit où se rendre est nos forums (à l'heure de l'écriture de cette traduction, les forums Construct sont strictement en Anglais. Vous pouvez vous connecter sur les forums francophones non-officiels pour également obtenir de l'aide). Les commentaires postés sur ce tutoriels peuvent être aisément manqués.

Se mettre en route

Si vous n'avez pas déjà devant les yeux une nouvelle copie de Construct 3, rendez-vous simplement sur editor.construct.net. C'est exact, Construct 3 s'exécute directement dans votre navigateur ! Il n'y a rien à installer ou à configurer. Si vous voyez une erreur, vérifiez la configuration requise, vous pouvez avoir besoin de mettre à jour votre navigateur ou votre système.

Créer un nouveau projet

Cliquez sur le bouton Nouveau projet. Une fenêtre de dialogue apparaîtra alors, vous demandant pour certains détails. Vous n'avez besoin de rien changer, mais vous pouvez ajouter un nom à votre projet si vous le souhaitez (pourquoi pas Mon super jeu méga bien ?). Cliquez sur Créer et vous devriez voir un nouveau projet qui ressemble à quelque chose comme ceci.

Un nouveau projet vide dans Construct 3Un nouveau projet vide dans Construct 3

La vue principale au milieu de l'écran est la vue de scène. Il s'agit de la vue de design ou vous pouvez créer et positionner des objets. Pensez à une scène comme un niveau de jeu ou un écran de menu. Dans d'autres outils, il peut s'agir d'une pièce (room), (scene) ou d'un cadre (frame).

Ajouter des objets

Ajoutons les objets dont notre jeu aura besoin. Le premier est l'arrière-plan.

Arrière-plan Répété (Tiled background)

Un moyen aisé de créer un arrière-plan est de répéter une image sur la scène. L'objet Arrière-plan Répété peut faire ceci pour nous. Tout d'abord voici une image d'arrière-plan. Cliquez droit sur celle-ci et "Enregistrer sous" à un emplacement sur votre ordinateur:

L'image d'arrière plan à utiliser

Maintenant, double-cliquez dans un espace de la scène afin de créer un nouvel objet. (Plus tard, si la scène est pleine, vous pouvez également cliquer droit et sélectionner Insérer un nouvel objet.) Une fois que la fenêtre de dialogue Créer un nouveau type d'objet apparaît, double cliquez sur l'objet "Arrière-plan Répété".

Créer un objet Arrière-plan Répété

Le curseur de la souris se transforme alors en croix pour que vous puissiez indiquer où placer l'objet. Cliquez quelque part vers le milieu de la scène. L'éditeur d'image s'ouvre afin de vous permettre de dessiner ou d'importer l'image à répéter. Importons l'image d'arrière-plan que vous avez sauvegarder un peu plus tôt. Cliquez sur l'icône en forme de dossier pour charger une image depuis votre ordinateur, naviguez à l'emplacement où vous avez téléchargé l'image et sélectionnez la.

Importer une image

Fermez l'éditeur d'images en cliquant le X en haut à droite. Maintenant, vous devriez voir votre objet Arrière-plan Répété dans la scène. Redimensionnons-le afin qu'il couvre toute la scène. Assurez-vous que l'objet est sélectionné, alors la Barre de Propriétés sur la gauche devrait vous montrer la configuration de l'objet, incluant sa taille et sa position. Définissez sa position à 0,0 (le point haut et gauche de la scène), et sa taille à 1708 X 960 (la taille de la scène par défaut, basé sur le double de la taille de la fenêtre de projet).

La position et taille de l'arrière-plan

Examinons notre travail. Maintenez la touche contrôle et faites défiler la molette de la souris vers le bas afin de zoomer en arrière. Vous pouvez également cliquer droit et sélectionner VueZoom arrière plusieurs fois. Vous pouvez également maintenir la touche espace ou le bouton du milieu de la souris enfoncé afin de vous déplacer dans la scène. Sympa non ? Votre arrière-plan répété devrait couvrir l'intégralité de la scène désormais:

Vue de la scène zoomée en arrièreVue de la scène zoomée en arrière

Appuyez sur Ctrl et 0 ou cliquez droit et sélectionnez VueRéinitialiser le zoom pour retourner à la vue 1:1.

(Si vous êtes impatient comme moi, cliquez sur le bouton d'aperçu dans la barre d'outil principale. La fenêtre d'aperçu devrait apparaître vous montrant votre scène avec arrière-plan. Youpi !)

  • 3 Comments

  • Order by
Want to leave a comment? Login or Register an account!
  • Très bien expliquer et détaillé!

  • Aléatoire n'est pas une expression connu pour mon système, et je comprend pas pourquoi la complétion modifie ce que j'écris mais n'a aucun sens.

    J'essais de marqué "a" il me fais écrire "ONU"

  • Super! Mais moi j'ai fait de mon bord que le 8 directions soit WASD a la place de les flèches