{"id":84307,"date":"2021-03-22T00:56:02","date_gmt":"2021-03-22T03:56:02","guid":{"rendered":"http:\/\/54.90.224.147\/?p=84307"},"modified":"2025-04-18T21:23:52","modified_gmt":"2025-04-18T20:23:52","slug":"comment-creer-un-jeu-de-plateforme-2d-avec-construct","status":"publish","type":"post","link":"https:\/\/blog.juandesouza.com\/fr\/tech\/comment-creer-un-jeu-de-plateforme-2d-avec-construct\/","title":{"rendered":"Comment cr\u00e9er un jeu de plateforme 2D avec Construct"},"content":{"rendered":"<p>Cr\u00e9er un jeu de plateforme 2D peut para\u00eetre intimidant, mais croyez-moi, avec les bons outils, c&#039;est une exp\u00e9rience vraiment amusante et enrichissante. Aujourd&#039;hui, nous allons d\u00e9couvrir comment cr\u00e9er un <strong>jeu de plateforme 2D<\/strong> en utilisant <strong>Construction<\/strong>, un outil de d\u00e9veloppement de jeux fantastique, adapt\u00e9 aux d\u00e9butants, mais suffisamment puissant pour cr\u00e9er des jeux professionnels.<\/p>\n<p>J&#039;ai d\u00e9j\u00e0 travaill\u00e9 avec Construct, et l&#039;une des choses que j&#039;aime \u00e0 ce sujet est la fa\u00e7on dont <strong>intuitif<\/strong> et <strong>facile \u00e0 utiliser<\/strong> C&#039;est vrai. Pas d&#039;exp\u00e9rience en codage\u00a0? Pas de probl\u00e8me\u00a0! Construct utilise un syst\u00e8me de script visuel par glisser-d\u00e9poser, ce qui vous permet de vous concentrer sur la concr\u00e9tisation de vos id\u00e9es sans vous soucier de programmation complexe.<\/p><div id=\"juand-3278046219\" class=\"juand-content juand-entity-placement\"><script async src=\"https:\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js?client=ca-pub-8944986240478060\"\r\n     crossorigin=\"anonymous\"><\/script>\r\n<ins class=\"adsbygoogle\"\r\n style=\"display:block; text-align:center;\"\r\n data-ad-layout=\"in-article\"\r\n data-ad-format=\"fluid\"\r\n data-ad-client=\"ca-pub-8944986240478060\"\r\n data-ad-slot=\"9601515663\"><\/ins>\r\n<script>\r\n     (adsbygoogle = window.adsbygoogle || []).push({});\r\n<\/script>\r\n<br\/><\/div>\n<p>Commen\u00e7ons et je vous guiderai \u00e0 travers chaque \u00e9tape de la cr\u00e9ation de votre propre <strong>jeu de plateforme 2D<\/strong> jeu, complet avec <strong>mouvement du joueur<\/strong>, <strong>plateformes<\/strong>, et <strong>obstacles<\/strong>\u00c0 la fin de ce guide, vous disposerez d&#039;un jeu de plateforme simple mais fonctionnel sur lequel vous pourrez vous appuyer et personnaliser \u00e0 votre guise.<\/p>\n<h3>\u00c9tape 1\u00a0: Configuration de votre projet Construct<\/h3>\n<p>La premi\u00e8re \u00e9tape est de s&#039;ouvrir <strong>Construction<\/strong>Si vous ne l&#039;avez pas encore t\u00e9l\u00e9charg\u00e9, rendez-vous sur le site officiel de Construct et t\u00e9l\u00e9chargez la version gratuite pour commencer \u00e0 exp\u00e9rimenter. Une fois connect\u00e9, cliquez sur <strong>\u00ab Nouveau projet \u00bb<\/strong> Pour commencer. Vous pouvez ici donner un nom \u00e0 votre projet et choisir une taille de mise en page. Je recommande d&#039;utiliser quelque chose comme <strong>800\u00d7600<\/strong> pour la r\u00e9solution de votre jeu ; c&#039;est une bonne taille standard pour un jeu de plateforme 2D.<\/p>\n<p>Une fois votre projet configur\u00e9, vous arriverez dans l&#039;interface principale de Construct, o\u00f9 vous pourrez voir votre <strong>mise en page<\/strong> (la zone o\u00f9 se d\u00e9roule le jeu) et le <strong>feuille d&#039;\u00e9v\u00e9nement<\/strong> (o\u00f9 nous d\u00e9finirons la logique de notre jeu).<\/p>\n<h3>\u00c9tape 2\u00a0: Cr\u00e9ation du personnage du joueur<\/h3>\n<p>Il est temps de donner vie \u00e0 votre personnage\u00a0! Vous pouvez utiliser l&#039;outil int\u00e9gr\u00e9 de Construct. <strong>\u00e9diteur de sprites<\/strong>, ou vous pouvez importer vos propres graphismes de personnages. Pour ce guide, gardons les choses simples et utilisons les outils int\u00e9gr\u00e9s de Construct. <strong>&quot;Joueur&quot;<\/strong> lutin.<\/p><div id=\"juand-1932609071\" class=\"juand-content_2 juand-entity-placement\"><script async src=\"https:\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js?client=ca-pub-8944986240478060\"\r\n     crossorigin=\"anonymous\"><\/script>\r\n<ins class=\"adsbygoogle\"\r\n style=\"display:block; text-align:center;\"\r\n data-ad-layout=\"in-article\"\r\n data-ad-format=\"fluid\"\r\n data-ad-client=\"ca-pub-8944986240478060\"\r\n data-ad-slot=\"9601515663\"><\/ins>\r\n<script>\r\n     (adsbygoogle = window.adsbygoogle || []).push({});\r\n<\/script>\r\n<br\/><\/div>\n<ul>\n<li>Faites un clic droit sur votre mise en page et s\u00e9lectionnez <strong>Ins\u00e9rer un nouvel objet<\/strong>.<\/li>\n<li>Choisir <strong>Lutin<\/strong> et cliquez <strong>Ins\u00e9rer<\/strong>.<\/li>\n<li>Vous serez invit\u00e9 \u00e0 importer ou \u00e0 dessiner votre personnage. Pour simplifier, utilisons un carr\u00e9 ou un rectangle pour l&#039;instant (vous pourrez toujours le modifier plus tard\u00a0!).<\/li>\n<\/ul>\n<p>Ensuite, nous devons ajouter <strong>mouvement du joueur<\/strong>C&#039;est ici que la magie op\u00e8re !<\/p>\n<ol>\n<li>Cliquez sur votre sprite (le personnage) pour le s\u00e9lectionner.<\/li>\n<li>Dans le <strong>Barre de propri\u00e9t\u00e9s<\/strong>, cliquez sur le <strong>Comportements<\/strong> languette.<\/li>\n<li>Cliquez sur <strong>Ajouter un comportement<\/strong>, puis choisissez <strong>8 Direction<\/strong>Cela permettra \u00e0 votre personnage de se d\u00e9placer sur l&#039;\u00e9cran \u00e0 l&#039;aide des touches fl\u00e9ch\u00e9es.<\/li>\n<\/ol>\n<p>Voil\u00e0 pour les mouvements de base\u00a0! Vous avez maintenant un personnage qui peut se d\u00e9placer \u00e0 gauche, \u00e0 droite, en haut et en bas. Mais nous voulons en faire un <strong>jeu de plateforme<\/strong>, nous devons donc ajouter de la gravit\u00e9 et des sauts.<\/p>\n<h3>\u00c9tape 3\u00a0: Ajout de la gravit\u00e9 et saut<\/h3>\n<p>Pour donner au personnage l&#039;impression d&#039;\u00eatre dans un <strong>jeu de plateforme<\/strong>, nous devons simuler la gravit\u00e9, qui fait tomber le personnage lorsqu&#039;il n&#039;est pas au sol, et ajouter la possibilit\u00e9 de <strong>saut<\/strong>.<\/p>\n<ol>\n<li>S\u00e9lectionnez \u00e0 nouveau votre sprite de joueur.<\/li>\n<li>Dans le <strong>Comportements<\/strong> onglet, clic <strong>Ajouter un comportement<\/strong> et s\u00e9lectionnez <strong>Plate-forme<\/strong>Cela donne automatiquement \u00e0 votre sprite la gravit\u00e9 et les capacit\u00e9s de saut.<\/li>\n<li>Vous pouvez ajuster le <strong>force de saut<\/strong> et <strong>pesanteur<\/strong> dans les propri\u00e9t\u00e9s de comportement de la plateforme pour obtenir l&#039;effet souhait\u00e9. Par exemple, d\u00e9finissez <strong>Force de saut<\/strong> \u00e0 12 et <strong>Pesanteur<\/strong> \u00e0 30 pour commencer.<\/li>\n<\/ol>\n<p>Maintenant, votre personnage va <strong>saut<\/strong> Lorsque vous appuyez sur la fl\u00e8che vers le haut, vous tombez naturellement sans \u00eatre sur un sol stable. Mais nous avons besoin de plateformes pour que votre personnage puisse sauter dessus\u00a0!<\/p>\n<h3>\u00c9tape 4\u00a0: Cr\u00e9ation de plateformes<\/h3>\n<p>Il est temps de construire votre monde\u00a0! Vous pouvez facilement cr\u00e9er des plateformes sur lesquelles votre personnage pourra sauter.<\/p><div id=\"juand-3145669425\" class=\"juand-content_3 juand-entity-placement\"><script async src=\"https:\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js?client=ca-pub-8944986240478060\"\r\n     crossorigin=\"anonymous\"><\/script>\r\n<ins class=\"adsbygoogle\"\r\n style=\"display:block; text-align:center;\"\r\n data-ad-layout=\"in-article\"\r\n data-ad-format=\"fluid\"\r\n data-ad-client=\"ca-pub-8944986240478060\"\r\n data-ad-slot=\"9601515663\"><\/ins>\r\n<script>\r\n     (adsbygoogle = window.adsbygoogle || []).push({});\r\n<\/script>\r\n<br\/><\/div>\n<ol>\n<li>Faites un clic droit \u00e0 nouveau sur votre mise en page et s\u00e9lectionnez <strong>Ins\u00e9rer un nouvel objet<\/strong>.<\/li>\n<li>Choisir <strong>Lutin<\/strong> pour cr\u00e9er un nouvel objet pour votre plateforme.<\/li>\n<li>Dessinez un rectangle simple (ou importez une image personnalis\u00e9e) pour votre plateforme.<\/li>\n<li>Placez ces plates-formes o\u00f9 vous souhaitez que votre joueur puisse marcher et sauter.<\/li>\n<\/ol>\n<p>Assurons-nous maintenant que les plateformes agissent comme, eh bien, des plateformes\u00a0!<\/p>\n<ol>\n<li>S\u00e9lectionnez votre objet de plateforme.<\/li>\n<li>Dans le <strong>Comportements<\/strong> onglet, clic <strong>Ajouter un comportement<\/strong> et choisissez <strong>Solide<\/strong>Cela indique au jeu que la plate-forme est quelque chose sur laquelle le joueur peut atterrir.<\/li>\n<\/ol>\n<p>D\u00e9sormais, votre joueur pourra sauter et traverser les plates-formes.<\/p>\n<h3>\u00c9tape 5\u00a0: Ajouter des obstacles et des d\u00e9fis<\/h3>\n<p>Aucun jeu de plateforme n&#039;est complet sans <strong>obstacles<\/strong>! Ajoutons quelque chose pour rendre votre jeu un peu plus difficile, comme des pointes ou un ennemi.<\/p>\n<ol>\n<li>Cr\u00e9ez un nouveau sprite pour votre obstacle (disons des pointes).<\/li>\n<li>Vous pouvez ajouter un simple <strong>rectangle<\/strong> ou m\u00eame une image de pointes.<\/li>\n<li>Placez-les sur le trac\u00e9, en vous assurant qu&#039;ils se trouvent \u00e0 des endroits o\u00f9 le joueur peut les rencontrer en sautant.<\/li>\n<\/ol>\n<p>Pour rendre les pointes mortelles, nous devons cr\u00e9er un \u00e9v\u00e9nement dans le <strong>Fiche d&#039;\u00e9v\u00e9nement<\/strong> pour g\u00e9rer la collision.<\/p><div id=\"juand-623701512\" class=\"juand-content_4 juand-entity-placement\"><script async src=\"https:\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js?client=ca-pub-8944986240478060\"\r\n     crossorigin=\"anonymous\"><\/script>\r\n<ins class=\"adsbygoogle\"\r\n style=\"display:block; text-align:center;\"\r\n data-ad-layout=\"in-article\"\r\n data-ad-format=\"fluid\"\r\n data-ad-client=\"ca-pub-8944986240478060\"\r\n data-ad-slot=\"9601515663\"><\/ins>\r\n<script>\r\n     (adsbygoogle = window.adsbygoogle || []).push({});\r\n<\/script>\r\n<br\/><\/div>\n<ol>\n<li>Ouvrez votre <strong>Fiche d&#039;\u00e9v\u00e9nement<\/strong> (o\u00f9 se d\u00e9roule la logique du jeu).<\/li>\n<li>Ajouter une nouvelle condition\u00a0: <strong>\u00c0 propos de la collision entre le joueur et les pointes<\/strong>.<\/li>\n<li>Ajoutez une action \u00e0 cette condition\u00a0: <strong>Joueur<\/strong> -&gt; <strong>D\u00e9truire<\/strong> (ou toute autre cons\u00e9quence, comme r\u00e9initialiser la position du joueur \u00e0 un point de contr\u00f4le ou perdre une vie).<\/li>\n<\/ol>\n<p>Maintenant, votre personnage joueur va <strong>mourir<\/strong> Lorsqu&#039;ils touchent les pics, vous pouvez facilement modifier l&#039;obstacle pour le rendre plus complexe ou ajouter des ennemis et des dangers diff\u00e9rents.<\/p>\n<h3>\u00c9tape 6\u00a0: Notation et objets \u00e0 collectionner<\/h3>\n<p>Une fonctionnalit\u00e9 classique des jeux de plateforme est la collecte d&#039;objets et le score. Ajoutons un objet \u00e0 collectionner, comme une pi\u00e8ce, et affichons le score.<\/p>\n<ol>\n<li>Cr\u00e9ez un nouveau sprite pour votre pi\u00e8ce. Placez plusieurs pi\u00e8ces sur votre niveau.<\/li>\n<li>Allez \u00e0 votre <strong>Fiche d&#039;\u00e9v\u00e9nement<\/strong> et ajouter une nouvelle condition\u00a0: <strong>\u00c0 propos de la collision entre le joueur et la pi\u00e8ce<\/strong>.<\/li>\n<li>Ajouter une action\u00a0: <strong>Pi\u00e8ce de monnaie<\/strong> -&gt; <strong>D\u00e9truire<\/strong>, et ajoutez une action pour augmenter le score : <strong>Ajouter au score de la variable globale de 1<\/strong>.<\/li>\n<li>Dans votre mise en page, cr\u00e9ez un <strong>Objet texte<\/strong> pour afficher le score. Associez-le \u00e0 <strong>Score variable global<\/strong>.<\/li>\n<\/ol>\n<p>D\u00e9sormais, chaque fois que le joueur touche une pi\u00e8ce, elle est collect\u00e9e et le score augmente.<\/p>\n<h3>\u00c9tape 7\u00a0: Test et polissage<\/h3>\n<p>Il est temps de tester votre jeu ! Cliquez sur le <strong>Aper\u00e7u<\/strong> dans Construct pour jouer et tester vos sensations. Vous remarquerez peut-\u00eatre quelques points \u00e0 peaufiner, comme\u00a0:<\/p><div id=\"juand-2222047785\" class=\"juand-content_5 juand-entity-placement\"><script async src=\"https:\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js?client=ca-pub-8944986240478060\"\r\n     crossorigin=\"anonymous\"><\/script>\r\n<ins class=\"adsbygoogle\"\r\n style=\"display:block; text-align:center;\"\r\n data-ad-layout=\"in-article\"\r\n data-ad-format=\"fluid\"\r\n data-ad-client=\"ca-pub-8944986240478060\"\r\n data-ad-slot=\"9601515663\"><\/ins>\r\n<script>\r\n     (adsbygoogle = window.adsbygoogle || []).push({});\r\n<\/script>\r\n<br\/><\/div>\n<ul>\n<li>Le saut est peut-\u00eatre trop haut ou trop bas\u00a0; ajustez le <strong>force de saut<\/strong> dans le <strong>Comportement de la plateforme<\/strong>.<\/li>\n<li>La gravit\u00e9 peut sembler trop forte : abaissez la <strong>pesanteur<\/strong> param\u00e8tre.<\/li>\n<li>Il peut \u00eatre n\u00e9cessaire de d\u00e9placer des plates-formes ou des obstacles pour am\u00e9liorer le gameplay.<\/li>\n<\/ul>\n<p>Peaufinez le design en ajoutant des arri\u00e8re-plans, en am\u00e9liorant l&#039;apparence de votre personnage ou m\u00eame en ajoutant des effets sonores et de la musique. Vous pouvez importer de la musique et des fichiers audio pour rendre votre jeu de plateforme encore plus immersif.<\/p>\n<h3>\u00c9tape 8\u00a0: Exporter votre jeu<\/h3>\n<p>Une fois votre jeu satisfait, Construct vous permet de l&#039;exporter vers diff\u00e9rentes plateformes. Vous pouvez exporter votre jeu au format <strong>HTML5<\/strong> Fichier \u00e0 lire dans un navigateur web ou m\u00eame comme application de bureau pour Windows, Mac ou Linux. Il existe \u00e9galement des options d&#039;exportation vers des plateformes mobiles comme <strong>iOS<\/strong> et <strong>Andro\u00efde<\/strong> (Remarque\u00a0: cela peut n\u00e9cessiter une version payante de Construct).<\/p>\n<p>Cr\u00e9er un jeu de plateforme 2D avec Construct est un processus super amusant et gratifiant\u00a0! Que vous cr\u00e9iez votre premier jeu ou que vous en ajoutiez plus \u00e0 un existant, l&#039;interface intuitive par glisser-d\u00e9poser de Construct rend le d\u00e9veloppement de jeu simple et accessible. Vous connaissez d\u00e9sormais les bases\u00a0: d\u00e9placements des joueurs, plateformes, obstacles, score et objets \u00e0 collectionner. Vous pouvez ensuite peaufiner et d\u00e9velopper votre jeu en ajoutant des fonctionnalit\u00e9s comme des bonus, des niveaux et m\u00eame des ennemis.<\/p>\n<p>J&#039;esp\u00e8re que ce guide vous aura aid\u00e9 \u00e0 d\u00e9marrer la cr\u00e9ation de votre propre jeu de plateforme 2D. Alors, lancez-vous et, qui sait, votre jeu deviendra peut-\u00eatre le prochain grand succ\u00e8s\u00a0! Amusez-vous bien et continuez \u00e0 exp\u00e9rimenter de nouvelles id\u00e9es. Bon d\u00e9veloppement\u00a0!<\/p>\n<p>Photo de <a href=\"https:\/\/www.pexels.com\/photo\/white-xbox-controller-on-brown-wooden-surface-2106216\/\" target=\"_blank\" rel=\"noopener\">RENARD ^.\u11bd.^= \u222b<\/a><\/p>","protected":false},"excerpt":{"rendered":"<p>Cr\u00e9er un jeu de plateforme 2D peut para\u00eetre intimidant, mais croyez-moi, avec les bons outils, c&#039;est une exp\u00e9rience vraiment amusante et enrichissante. Aujourd&#039;hui, nous allons d\u00e9couvrir comment cr\u00e9er un jeu de plateforme 2D avec Construct, un outil de d\u00e9veloppement de jeux fantastique, adapt\u00e9 aux d\u00e9butants et suffisamment puissant pour cr\u00e9er des jeux professionnels.<\/p>","protected":false},"author":1,"featured_media":98042,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[1289,1290],"tags":[],"class_list":["post-84307","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tech","category-tutorials"],"aioseo_notices":[],"jetpack_featured_media_url":"https:\/\/i0.wp.com\/blog.juandesouza.com\/wp-content\/uploads\/2021\/03\/pexels-fox-58267-2106216-scaled.jpg?fit=2560%2C1695&ssl=1","jetpack_shortlink":"https:\/\/wp.me\/p8STS8-lVN","jetpack_sharing_enabled":true,"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/blog.juandesouza.com\/fr\/wp-json\/wp\/v2\/posts\/84307","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blog.juandesouza.com\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.juandesouza.com\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.juandesouza.com\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.juandesouza.com\/fr\/wp-json\/wp\/v2\/comments?post=84307"}],"version-history":[{"count":2,"href":"https:\/\/blog.juandesouza.com\/fr\/wp-json\/wp\/v2\/posts\/84307\/revisions"}],"predecessor-version":[{"id":98043,"href":"https:\/\/blog.juandesouza.com\/fr\/wp-json\/wp\/v2\/posts\/84307\/revisions\/98043"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blog.juandesouza.com\/fr\/wp-json\/wp\/v2\/media\/98042"}],"wp:attachment":[{"href":"https:\/\/blog.juandesouza.com\/fr\/wp-json\/wp\/v2\/media?parent=84307"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.juandesouza.com\/fr\/wp-json\/wp\/v2\/categories?post=84307"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.juandesouza.com\/fr\/wp-json\/wp\/v2\/tags?post=84307"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}