{"id":8172,"date":"2022-09-15T10:00:28","date_gmt":"2022-09-15T08:00:28","guid":{"rendered":"https:\/\/studio.ican-design.fr\/?p=8172"},"modified":"2022-09-15T15:25:39","modified_gmt":"2022-09-15T13:25:39","slug":"bagarre-game-design-05","status":"publish","type":"post","link":"https:\/\/studio.ican-design.fr\/bagarre-game-design-05\/","title":{"rendered":"Bagarre ! \/ Game Design 05"},"content":{"rendered":"<p>Une nouvelle \u0153uvre est sur le point d\u2019\u00eatre expos\u00e9e au mus\u00e9e, c\u2019est le moment pour les \u0153uvres stock\u00e9es dans la r\u00e9serve de revenir sur le devant de la sc\u00e8ne ! Mais il n\u2019y a qu\u2019une place d\u2019exposition et beaucoup de pr\u00e9tendants !<!--more--><\/p>\n<p>Incarnez le visage d\u2019une \u0153uvre d\u2019art laiss\u00e9e dans l\u2019oubli, et battez vous contre d\u2019autres personnages pour gagner le droit \u00e0 la visibilit\u00e9 !<\/p>\n<h2>\u00c9quipe<\/h2>\n<p>Thomas Blengino : Game Designer<br \/>\nTh\u00e9ophile Boraud : Programmeur<br \/>\nAntoine Mariton : 2D Artist, Narrative Designer, Game Designer<br \/>\nZeren Chen : UI Designer, Level Designer<br \/>\nChenshuo Li : Level Designer<br \/>\nAlexander McVeigh : Game Designer, Programmeur<\/p>\n<h2>Concept et m\u00e9canique<\/h2>\n<p><em>Bagarre !<\/em> est un jeu multijoueur local d&#8217;affrontement en ar\u00e8ne ou le dernier joueur en vie l&#8217;emporte. Le gagnant est le joueur ayant accumul\u00e9 le plus de victoires.<\/p>\n<p><img decoding=\"async\" class=\"wp-image-8186  alignleft\" src=\"https:\/\/studio.ican-design.fr\/ecole-infographie\/sites\/3\/2022\/09\/bagarre06-300x199.jpg\" alt=\"\" width=\"256\" height=\"170\" srcset=\"https:\/\/studio.ican-design.fr\/ecole-infographie\/sites\/3\/2022\/09\/bagarre06-300x199.jpg 300w, https:\/\/studio.ican-design.fr\/ecole-infographie\/sites\/3\/2022\/09\/bagarre06.jpg 605w\" sizes=\"(max-width: 256px) 100vw, 256px\" \/>La m\u00e9canique principale de <em>Bagarre !<\/em> est le fait de donner des coups de poing. Le joueur, \u00e0 l\u2019aide d\u2019un clique du bouton A, X, Y ou B, peut lancer un coup de la face correspondante. Les boutons li\u00e9s \u00e0 une face de l\u2019avatar.<\/p>\n<p>Le coup de poing permet de cr\u00e9er une force de propulsion dans le sens oppos\u00e9. La force est appliqu\u00e9e \u00e0 un autre joueur s\u2019il est touch\u00e9 par la frappe. Un joueur ne peut d\u00e9clencher que 2 frappes simultan\u00e9ment&#8230;<\/p>\n<p><img decoding=\"async\" class=\"alignnone wp-image-8184 size-full\" src=\"https:\/\/studio.ican-design.fr\/ecole-infographie\/sites\/3\/2022\/09\/bagarre05.jpg\" alt=\"\" width=\"974\" height=\"223\" srcset=\"https:\/\/studio.ican-design.fr\/ecole-infographie\/sites\/3\/2022\/09\/bagarre05.jpg 974w, https:\/\/studio.ican-design.fr\/ecole-infographie\/sites\/3\/2022\/09\/bagarre05-300x69.jpg 300w, https:\/\/studio.ican-design.fr\/ecole-infographie\/sites\/3\/2022\/09\/bagarre05-768x176.jpg 768w\" sizes=\"(max-width: 974px) 100vw, 974px\" \/><\/p>\n<p>Le joueur peut maintenir une touche enfonc\u00e9e pour d\u00e9clencher une force de pouss\u00e9e plus importante. Plus la charge est maintenue, plus la force est importante&#8230;<\/p>\n<h2>Personnages<\/h2>\n<p>Nos personnages sont des d\u00e9coupages d&#8217;\u0153uvres c\u00e9l\u00e8bres que nous avons \u00e9dit\u00e9 pour leur donner un aspect plus carr\u00e9.<\/p>\n<p><img decoding=\"async\" class=\"alignnone wp-image-8179 size-full\" src=\"https:\/\/studio.ican-design.fr\/ecole-infographie\/sites\/3\/2022\/09\/bagarre04.jpg\" alt=\"\" width=\"1179\" height=\"155\" srcset=\"https:\/\/studio.ican-design.fr\/ecole-infographie\/sites\/3\/2022\/09\/bagarre04.jpg 1179w, https:\/\/studio.ican-design.fr\/ecole-infographie\/sites\/3\/2022\/09\/bagarre04-300x39.jpg 300w, https:\/\/studio.ican-design.fr\/ecole-infographie\/sites\/3\/2022\/09\/bagarre04-1024x135.jpg 1024w, https:\/\/studio.ican-design.fr\/ecole-infographie\/sites\/3\/2022\/09\/bagarre04-768x101.jpg 768w\" sizes=\"(max-width: 1179px) 100vw, 1179px\" \/><\/p>\n<p>Il y a eu un grand enjeu sur la forme et la couleur pour que le joueur puisse tout le temps savoir l\u2019orientation de son avatar. La solution retenue est celle de chapeau qui indique le haut de l\u2019avatar (Voir screenshots niveaux).<\/p>\n<h2>Niveaux<\/h2>\n<p>Pour chaques niveaux nous utilisons les travaux d\u2019un artiste en particulier. Nous prenons des \u00e9l\u00e9ments que nous pensons bons pour signifier des plateformes, nous les posons sur notre LD Whitebox et ensuite nous remplissons le fond avec l&#8217;\u0153uvre la plus abstraite de l\u2019artiste. Exemples de niveaux r\u00e9alis\u00e9s :<\/p>\n<p><img decoding=\"async\" class=\"alignnone wp-image-8177 size-large\" src=\"https:\/\/studio.ican-design.fr\/ecole-infographie\/sites\/3\/2022\/09\/bagarre02-1024x576.jpg\" alt=\"\" width=\"660\" height=\"371\" srcset=\"https:\/\/studio.ican-design.fr\/ecole-infographie\/sites\/3\/2022\/09\/bagarre02-1024x576.jpg 1024w, https:\/\/studio.ican-design.fr\/ecole-infographie\/sites\/3\/2022\/09\/bagarre02-300x169.jpg 300w, https:\/\/studio.ican-design.fr\/ecole-infographie\/sites\/3\/2022\/09\/bagarre02-768x432.jpg 768w, https:\/\/studio.ican-design.fr\/ecole-infographie\/sites\/3\/2022\/09\/bagarre02-1536x864.jpg 1536w, https:\/\/studio.ican-design.fr\/ecole-infographie\/sites\/3\/2022\/09\/bagarre02.jpg 1600w\" sizes=\"(max-width: 660px) 100vw, 660px\" \/><\/p>\n<p><img decoding=\"async\" class=\"alignnone wp-image-8178 size-large\" src=\"https:\/\/studio.ican-design.fr\/ecole-infographie\/sites\/3\/2022\/09\/bagarre03-1024x576.jpg\" alt=\"\" width=\"660\" height=\"371\" srcset=\"https:\/\/studio.ican-design.fr\/ecole-infographie\/sites\/3\/2022\/09\/bagarre03-1024x576.jpg 1024w, https:\/\/studio.ican-design.fr\/ecole-infographie\/sites\/3\/2022\/09\/bagarre03-300x169.jpg 300w, https:\/\/studio.ican-design.fr\/ecole-infographie\/sites\/3\/2022\/09\/bagarre03-768x432.jpg 768w, https:\/\/studio.ican-design.fr\/ecole-infographie\/sites\/3\/2022\/09\/bagarre03-1536x864.jpg 1536w, https:\/\/studio.ican-design.fr\/ecole-infographie\/sites\/3\/2022\/09\/bagarre03.jpg 1600w\" sizes=\"(max-width: 660px) 100vw, 660px\" \/><\/p>\n<p><img decoding=\"async\" class=\"alignnone wp-image-8176 size-large\" src=\"https:\/\/studio.ican-design.fr\/ecole-infographie\/sites\/3\/2022\/09\/bagarre01-1024x576.jpg\" alt=\"\" width=\"660\" height=\"371\" srcset=\"https:\/\/studio.ican-design.fr\/ecole-infographie\/sites\/3\/2022\/09\/bagarre01-1024x576.jpg 1024w, https:\/\/studio.ican-design.fr\/ecole-infographie\/sites\/3\/2022\/09\/bagarre01-300x169.jpg 300w, https:\/\/studio.ican-design.fr\/ecole-infographie\/sites\/3\/2022\/09\/bagarre01-768x432.jpg 768w, https:\/\/studio.ican-design.fr\/ecole-infographie\/sites\/3\/2022\/09\/bagarre01-1536x864.jpg 1536w, https:\/\/studio.ican-design.fr\/ecole-infographie\/sites\/3\/2022\/09\/bagarre01.jpg 1600w\" sizes=\"(max-width: 660px) 100vw, 660px\" \/><\/p>\n<h2>Trailer<\/h2>\n<p><iframe title=\"Trailer (V2) Bagarre ! \/ ICAN \/ Game design\" width=\"660\" height=\"371\" src=\"https:\/\/www.youtube.com\/embed\/FL1GWHjccnY?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Une nouvelle \u0153uvre est sur le point d\u2019\u00eatre expos\u00e9e au mus\u00e9e, c\u2019est le moment pour les \u0153uvres stock\u00e9es dans la r\u00e9serve de revenir sur le devant de la sc\u00e8ne ! Mais il n\u2019y a qu\u2019une place d\u2019exposition et beaucoup de pr\u00e9tendants !<\/p>\n","protected":false},"author":12,"featured_media":8183,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[20,351],"tags":[720,721,718,65,32,719],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v21.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Bagarre ! \/ Game Design 05 | Studio ICAN<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/studio.ican-design.fr\/bagarre-game-design-05\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Bagarre ! \/ Game Design 05 | Studio ICAN\" \/>\n<meta property=\"og:description\" content=\"Une nouvelle \u0153uvre est sur le point d\u2019\u00eatre expos\u00e9e au mus\u00e9e, c\u2019est le moment pour les \u0153uvres stock\u00e9es dans la r\u00e9serve de revenir sur le devant de la sc\u00e8ne ! Mais il n\u2019y a qu\u2019une place d\u2019exposition et beaucoup de pr\u00e9tendants !\" \/>\n<meta property=\"og:url\" content=\"https:\/\/studio.ican-design.fr\/bagarre-game-design-05\/\" \/>\n<meta property=\"og:site_name\" content=\"Studio ICAN\" \/>\n<meta property=\"article:published_time\" content=\"2022-09-15T08:00:28+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-09-15T13:25:39+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/studio.ican-design.fr\/ecole-infographie\/sites\/3\/2022\/09\/bagarre00.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"825\" \/>\n\t<meta property=\"og:image:height\" content=\"510\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Nicolas\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Nicolas\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/studio.ican-design.fr\/bagarre-game-design-05\/\",\"url\":\"https:\/\/studio.ican-design.fr\/bagarre-game-design-05\/\",\"name\":\"Bagarre ! \/ Game Design 05 | Studio ICAN\",\"isPartOf\":{\"@id\":\"https:\/\/studio.ican-design.fr\/#website\"},\"datePublished\":\"2022-09-15T08:00:28+00:00\",\"dateModified\":\"2022-09-15T13:25:39+00:00\",\"author\":{\"@id\":\"https:\/\/studio.ican-design.fr\/#\/schema\/person\/b63c638049bff9f34019dcb9fe843656\"},\"breadcrumb\":{\"@id\":\"https:\/\/studio.ican-design.fr\/bagarre-game-design-05\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/studio.ican-design.fr\/bagarre-game-design-05\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/studio.ican-design.fr\/bagarre-game-design-05\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Accueil\",\"item\":\"https:\/\/studio.ican-design.fr\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Bagarre ! \/ Game Design 05\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/studio.ican-design.fr\/#website\",\"url\":\"https:\/\/studio.ican-design.fr\/\",\"name\":\"Studio ICAN\",\"description\":\"D\u00e9couvrez les projets des \u00e9tudiants de l&#039;ICAN  : cr\u00e9ation num\u00e9rique, animation, game design, web design, cr\u00e9ation web, motion design\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/studio.ican-design.fr\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/studio.ican-design.fr\/#\/schema\/person\/b63c638049bff9f34019dcb9fe843656\",\"name\":\"Nicolas\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/studio.ican-design.fr\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/ea0eb9183cdc62d47d12e7d4e5ec4a7f?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/ea0eb9183cdc62d47d12e7d4e5ec4a7f?s=96&d=mm&r=g\",\"caption\":\"Nicolas\"},\"sameAs\":[\"https:\/\/www.behance.net\/nicolasgervais\"],\"url\":\"https:\/\/studio.ican-design.fr\/author\/cd4vf9u296\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Bagarre ! \/ Game Design 05 | Studio ICAN","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/studio.ican-design.fr\/bagarre-game-design-05\/","og_locale":"fr_FR","og_type":"article","og_title":"Bagarre ! \/ Game Design 05 | Studio ICAN","og_description":"Une nouvelle \u0153uvre est sur le point d\u2019\u00eatre expos\u00e9e au mus\u00e9e, c\u2019est le moment pour les \u0153uvres stock\u00e9es dans la r\u00e9serve de revenir sur le devant de la sc\u00e8ne ! Mais il n\u2019y a qu\u2019une place d\u2019exposition et beaucoup de pr\u00e9tendants !","og_url":"https:\/\/studio.ican-design.fr\/bagarre-game-design-05\/","og_site_name":"Studio ICAN","article_published_time":"2022-09-15T08:00:28+00:00","article_modified_time":"2022-09-15T13:25:39+00:00","og_image":[{"width":825,"height":510,"url":"https:\/\/studio.ican-design.fr\/ecole-infographie\/sites\/3\/2022\/09\/bagarre00.jpg","type":"image\/jpeg"}],"author":"Nicolas","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Nicolas","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/studio.ican-design.fr\/bagarre-game-design-05\/","url":"https:\/\/studio.ican-design.fr\/bagarre-game-design-05\/","name":"Bagarre ! \/ Game Design 05 | Studio ICAN","isPartOf":{"@id":"https:\/\/studio.ican-design.fr\/#website"},"datePublished":"2022-09-15T08:00:28+00:00","dateModified":"2022-09-15T13:25:39+00:00","author":{"@id":"https:\/\/studio.ican-design.fr\/#\/schema\/person\/b63c638049bff9f34019dcb9fe843656"},"breadcrumb":{"@id":"https:\/\/studio.ican-design.fr\/bagarre-game-design-05\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/studio.ican-design.fr\/bagarre-game-design-05\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/studio.ican-design.fr\/bagarre-game-design-05\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil","item":"https:\/\/studio.ican-design.fr\/"},{"@type":"ListItem","position":2,"name":"Bagarre ! \/ Game Design 05"}]},{"@type":"WebSite","@id":"https:\/\/studio.ican-design.fr\/#website","url":"https:\/\/studio.ican-design.fr\/","name":"Studio ICAN","description":"D\u00e9couvrez les projets des \u00e9tudiants de l&#039;ICAN  : cr\u00e9ation num\u00e9rique, animation, game design, web design, cr\u00e9ation web, motion design","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/studio.ican-design.fr\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"fr-FR"},{"@type":"Person","@id":"https:\/\/studio.ican-design.fr\/#\/schema\/person\/b63c638049bff9f34019dcb9fe843656","name":"Nicolas","image":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/studio.ican-design.fr\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/ea0eb9183cdc62d47d12e7d4e5ec4a7f?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/ea0eb9183cdc62d47d12e7d4e5ec4a7f?s=96&d=mm&r=g","caption":"Nicolas"},"sameAs":["https:\/\/www.behance.net\/nicolasgervais"],"url":"https:\/\/studio.ican-design.fr\/author\/cd4vf9u296\/"}]}},"_links":{"self":[{"href":"https:\/\/studio.ican-design.fr\/wp-json\/wp\/v2\/posts\/8172"}],"collection":[{"href":"https:\/\/studio.ican-design.fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/studio.ican-design.fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/studio.ican-design.fr\/wp-json\/wp\/v2\/users\/12"}],"replies":[{"embeddable":true,"href":"https:\/\/studio.ican-design.fr\/wp-json\/wp\/v2\/comments?post=8172"}],"version-history":[{"count":5,"href":"https:\/\/studio.ican-design.fr\/wp-json\/wp\/v2\/posts\/8172\/revisions"}],"predecessor-version":[{"id":8200,"href":"https:\/\/studio.ican-design.fr\/wp-json\/wp\/v2\/posts\/8172\/revisions\/8200"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/studio.ican-design.fr\/wp-json\/wp\/v2\/media\/8183"}],"wp:attachment":[{"href":"https:\/\/studio.ican-design.fr\/wp-json\/wp\/v2\/media?parent=8172"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/studio.ican-design.fr\/wp-json\/wp\/v2\/categories?post=8172"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/studio.ican-design.fr\/wp-json\/wp\/v2\/tags?post=8172"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}