{"id":367,"date":"2025-04-08T10:21:19","date_gmt":"2025-04-08T08:21:19","guid":{"rendered":"http:\/\/portfolio.velon.ralaivaoalandreo.mmi-velizy.fr\/mioraralai\/wordpress\/?post_type=projet&#038;p=367"},"modified":"2025-04-12T17:59:23","modified_gmt":"2025-04-12T15:59:23","slug":"projet-2","status":"publish","type":"projet","link":"https:\/\/portfolio.velon.ralaivaoalandreo.mmi-velizy.fr\/mioraralai\/wordpress\/projet\/projet-2\/","title":{"rendered":"Conception paysage d&rsquo;un jeu"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"367\" class=\"elementor elementor-367\">\n\t\t\t\t<div class=\"elementor-element elementor-element-610d5d3 e-flex e-con-boxed e-con e-parent\" data-id=\"610d5d3\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2b24bf2 elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"2b24bf2\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;zoomIn&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-heading-title elementor-size-default\"><a href=\"https:\/\/portfolio.velon.ralaivaoalandreo.mmi-velizy.fr\/mioraralai\/wordpress\/\">Retour<\/a><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2308c4d elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"2308c4d\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;slideInUp&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Conception d'un jeu vid\u00e9o<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-181dd29 e-flex e-con-boxed e-con e-parent\" data-id=\"181dd29\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bdd47d0 elementor-widget elementor-widget-spacer\" data-id=\"bdd47d0\" data-element_type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-900f98e elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"900f98e\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;slideInUp&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\"><h2 data-elementor-setting-key=\"title\" data-pen-placeholder=\"\u00c9crivez ici...\" style=\"font-family: Roboto, sans-serif; font-weight: 600; color: rgb(0, 0, 0);\">Paysage du jeu vid\u00e9o en 2D<span style=\"font-size: 2rem;\"><\/span><\/h2><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2de883d e-flex e-con-boxed elementor-invisible e-con e-parent\" data-id=\"2de883d\" data-element_type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;slideInLeft&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-2a6dee4 e-con-full e-flex e-con e-child\" data-id=\"2a6dee4\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5e167eb elementor-widget elementor-widget-spacer\" data-id=\"5e167eb\" data-element_type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8338102 elementor-widget elementor-widget-heading\" data-id=\"8338102\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h5 class=\"elementor-heading-title elementor-size-default\">Les logiciels utilis\u00e9s<\/h5>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-bf8cdde elementor-widget elementor-widget-text-editor\" data-id=\"bf8cdde\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Photoshop, Javascript<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-031ca87 elementor-widget elementor-widget-heading\" data-id=\"031ca87\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h5 class=\"elementor-heading-title elementor-size-default\">Les comp\u00e9tences mobilis\u00e9es<\/h5>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6e100da elementor-widget elementor-widget-text-editor\" data-id=\"6e100da\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<ul data-start=\"301\" data-end=\"589\"><li class=\"\" data-start=\"301\" data-end=\"375\"><p class=\"\" data-start=\"303\" data-end=\"375\"><strong data-start=\"303\" data-end=\"316\">Concevoir<\/strong> : Cr\u00e9ation d\u2019un environnement graphique pour un jeu vid\u00e9o.<\/p><\/li><li class=\"\" data-start=\"376\" data-end=\"467\"><p class=\"\" data-start=\"378\" data-end=\"467\"><strong data-start=\"378\" data-end=\"392\">D\u00e9velopper<\/strong> : Int\u00e9gration du paysage dans un environnement interactif avec JavaScript.<\/p><\/li><li class=\"\" data-start=\"468\" data-end=\"589\"><p class=\"\" data-start=\"470\" data-end=\"589\"><strong data-start=\"470\" data-end=\"482\">Analyser<\/strong> : R\u00e9flexion sur l\u2019interaction entre le d\u00e9cor et le personnage, prise en compte des contraintes techniques.<\/p><\/li><\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3c7c1ea e-con-full e-flex e-con e-child\" data-id=\"3c7c1ea\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b65eddc elementor-widget elementor-widget-spacer\" data-id=\"b65eddc\" data-element_type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-be78a26 elementor-widget elementor-widget-heading\" data-id=\"be78a26\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h5 class=\"elementor-heading-title elementor-size-default\">A propos<\/h5>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8ae94b0 elementor-widget elementor-widget-text-editor\" data-id=\"8ae94b0\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p class=\"\" data-start=\"1158\" data-end=\"1504\">Pendant ce projet, mon but \u00e9tait de concevoir un d\u00e9cor pour un jeu vid\u00e9o en 2D comportant au moins trois niveaux. J\u2019ai utilis\u00e9 Photoshop pour fa\u00e7onner le paysage, puis j\u2019ai tout int\u00e9gr\u00e9 dans un jeu en JavaScript. Ce projet m\u2019a donn\u00e9 l\u2019occasion de perfectionner \u00e0 la fois mes comp\u00e9tences en conception graphique et en d\u00e9veloppement de jeux vid\u00e9o.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b9c7cf1 elementor-widget elementor-widget-heading\" data-id=\"b9c7cf1\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h5 class=\"elementor-heading-title elementor-size-default\">R\u00f4le du projet :<\/h5>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9231014 elementor-widget elementor-widget-text-editor\" data-id=\"9231014\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Ce projet m&rsquo;a donn\u00e9 l&rsquo;occasion d&rsquo;am\u00e9liorer mes comp\u00e9tences en cr\u00e9ation de visuels, tout en apprenant \u00e0 les ins\u00e9rer dans un contexte interactif. J&rsquo;ai \u00e9galement acquis l&rsquo;aptitude \u00e0 organiser et animer un d\u00e9cor en tenant compte des contraintes techniques.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-190c458 e-flex e-con-boxed elementor-invisible e-con e-parent\" data-id=\"190c458\" data-element_type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;slideInRight&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-2415c43 e-con-full e-flex e-con e-child\" data-id=\"2415c43\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-35dc4f0 elementor-widget elementor-widget-spacer\" data-id=\"35dc4f0\" data-element_type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1789472 elementor-widget elementor-widget-image\" data-id=\"1789472\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"1001\" height=\"502\" src=\"https:\/\/portfolio.velon.ralaivaoalandreo.mmi-velizy.fr\/mioraralai\/wordpress\/wp-content\/uploads\/2025\/04\/Capture14.png\" class=\"attachment-full size-full wp-image-178\" alt=\"\" srcset=\"https:\/\/portfolio.velon.ralaivaoalandreo.mmi-velizy.fr\/mioraralai\/wordpress\/wp-content\/uploads\/2025\/04\/Capture14.png 1001w, https:\/\/portfolio.velon.ralaivaoalandreo.mmi-velizy.fr\/mioraralai\/wordpress\/wp-content\/uploads\/2025\/04\/Capture14-300x150.png 300w, https:\/\/portfolio.velon.ralaivaoalandreo.mmi-velizy.fr\/mioraralai\/wordpress\/wp-content\/uploads\/2025\/04\/Capture14-768x385.png 768w\" sizes=\"(max-width: 1001px) 100vw, 1001px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1959364 e-con-full e-flex e-con e-child\" data-id=\"1959364\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8063844 elementor-widget elementor-widget-spacer\" data-id=\"8063844\" data-element_type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7464392 elementor-widget elementor-widget-heading\" data-id=\"7464392\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Mon paysage<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-adb2743 elementor-widget elementor-widget-text-editor\" data-id=\"adb2743\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Ce projet avait pour but de r\u00e9aliser un paysage en deux dimensions illustrant le Moyen \u00c2ge, tout en se conformant \u00e0 des contraintes de composition : au moins trois niveaux et trois colonnes. Sans recourir \u00e0 la perspective, j&rsquo;ai apport\u00e9 de la profondeur en jouant sur les contrastes et la nettet\u00e9, afin de distinguer le premier plan des \u00e9l\u00e9ments plus \u00e9loign\u00e9s, comme les montagnes en arri\u00e8re-plan.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ea9f938 e-flex e-con-boxed elementor-invisible e-con e-parent\" data-id=\"ea9f938\" data-element_type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;slideInLeft&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-e6b90c7 e-con-full e-flex e-con e-child\" data-id=\"e6b90c7\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f47f3c7 elementor-widget elementor-widget-image\" data-id=\"f47f3c7\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"668\" height=\"336\" src=\"https:\/\/portfolio.velon.ralaivaoalandreo.mmi-velizy.fr\/mioraralai\/wordpress\/wp-content\/uploads\/2025\/04\/Capture19.png\" class=\"attachment-full size-full wp-image-191\" alt=\"\" srcset=\"https:\/\/portfolio.velon.ralaivaoalandreo.mmi-velizy.fr\/mioraralai\/wordpress\/wp-content\/uploads\/2025\/04\/Capture19.png 668w, https:\/\/portfolio.velon.ralaivaoalandreo.mmi-velizy.fr\/mioraralai\/wordpress\/wp-content\/uploads\/2025\/04\/Capture19-300x151.png 300w\" sizes=\"(max-width: 668px) 100vw, 668px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-719e0ef e-con-full e-flex e-con e-child\" data-id=\"719e0ef\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0ad531d elementor-widget elementor-widget-heading\" data-id=\"0ad531d\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Mon jeu <\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a11258f elementor-widget elementor-widget-text-editor\" data-id=\"a11258f\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>J\u2019ai utilis\u00e9 le paysage cr\u00e9\u00e9 pr\u00e9c\u00e9demment pour coder un jeu vid\u00e9o avec <strong data-start=\"3355\" data-end=\"3369\">JavaScript<\/strong>. J\u2019ai g\u00e9r\u00e9 les mouvements du personnage pour qu&rsquo;il interagisse avec les niveaux: sauter sur un obstacle, utiliser les escaliers. Ensuite, j&rsquo;ai ajout\u00e9 des \u00e9l\u00e9ments qui pourront agir sur lui comme la potion qui le fait tourner et le c\u0153ur qui lui redonne une seconde vie.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-dc5583f e-flex e-con-boxed e-con e-parent\" data-id=\"dc5583f\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-554a304 elementor-widget elementor-widget-spacer\" data-id=\"554a304\" data-element_type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"featured_media":178,"template":"elementor_header_footer","categorieprojet":[21,18],"class_list":["post-367","projet","type-projet","status-publish","has-post-thumbnail","hentry","categorieprojet-developpement-web","categorieprojet-graphisme"],"_links":{"self":[{"href":"https:\/\/portfolio.velon.ralaivaoalandreo.mmi-velizy.fr\/mioraralai\/wordpress\/wp-json\/wp\/v2\/projet\/367","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/portfolio.velon.ralaivaoalandreo.mmi-velizy.fr\/mioraralai\/wordpress\/wp-json\/wp\/v2\/projet"}],"about":[{"href":"https:\/\/portfolio.velon.ralaivaoalandreo.mmi-velizy.fr\/mioraralai\/wordpress\/wp-json\/wp\/v2\/types\/projet"}],"version-history":[{"count":25,"href":"https:\/\/portfolio.velon.ralaivaoalandreo.mmi-velizy.fr\/mioraralai\/wordpress\/wp-json\/wp\/v2\/projet\/367\/revisions"}],"predecessor-version":[{"id":1082,"href":"https:\/\/portfolio.velon.ralaivaoalandreo.mmi-velizy.fr\/mioraralai\/wordpress\/wp-json\/wp\/v2\/projet\/367\/revisions\/1082"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/portfolio.velon.ralaivaoalandreo.mmi-velizy.fr\/mioraralai\/wordpress\/wp-json\/wp\/v2\/media\/178"}],"wp:attachment":[{"href":"https:\/\/portfolio.velon.ralaivaoalandreo.mmi-velizy.fr\/mioraralai\/wordpress\/wp-json\/wp\/v2\/media?parent=367"}],"wp:term":[{"taxonomy":"categorieprojet","embeddable":true,"href":"https:\/\/portfolio.velon.ralaivaoalandreo.mmi-velizy.fr\/mioraralai\/wordpress\/wp-json\/wp\/v2\/categorieprojet?post=367"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}