
{"id":5780,"date":"2020-06-10T10:42:40","date_gmt":"2020-06-10T08:42:40","guid":{"rendered":"https:\/\/studio.ican-design.fr\/?p=5780"},"modified":"2021-05-17T16:16:30","modified_gmt":"2021-05-17T14:16:30","slug":"heart-beat-game-design01","status":"publish","type":"post","link":"https:\/\/studio.ican-design.fr\/heart-beat-game-design01\/","title":{"rendered":"Heart Beat \/ Game design01"},"content":{"rendered":"<p>Le joueur incarne un personnage ultra violent et perturb\u00e9 qui doit vaincre tous les ennemis d\u2019une salle afin de pouvoir passer \u00e0 la suivante et accumuler le plus de score possible. Il pourra se d\u00e9placer, frapper \u00e0 l\u2019aide de ses poings et ses pieds, ainsi que <em>dasher<\/em>&#8230;\u00a0<!--more--><\/p>\n<h3>\u00c9quipe<\/h3>\n<p>Quentin Carneiro (GD, LD, Doc.)<br \/>\nThibaud Caille (GD, DA, Doc.)<br \/>\nOscar Juteau (Dev. GD, Sound, Doc.)<\/p>\n<p><strong>Coordination projet<\/strong> \/ Romain Enselme<\/p>\n<h3>Game Concept<\/h3>\n<p>Le concept d\u2019<em>Heart Beat<\/em> est bas\u00e9 sur une modernisation des <em>Beat Them Up<\/em> des ann\u00e9es 80 \u00e0 la <em>Double Dragon<\/em> ou <em>Streets of Rage 2<\/em>. Pour cela, il nous a sembl\u00e9 important de dynamiser les mouvements et les actions des personnages, ainsi que de proposer un challenge plus souple afin d\u2019\u00e9viter que le joueur ne se lasse d\u2019\u00e9liminer des vagues d\u2019ennemis.<\/p>\n<p><a href=\"https:\/\/studio.ican-design.fr\/studio-ican-images\/sites\/3\/2020\/06\/heartBeat07.jpg\"><img decoding=\"async\" class=\"alignnone size-full wp-image-5799\" src=\"https:\/\/studio.ican-design.fr\/studio-ican-images\/sites\/3\/2020\/06\/heartBeat07.jpg\" alt=\"\" width=\"825\" height=\"510\" srcset=\"https:\/\/studio.ican-design.fr\/ecole-infographie\/sites\/3\/2020\/06\/heartBeat07.jpg 825w, https:\/\/studio.ican-design.fr\/ecole-infographie\/sites\/3\/2020\/06\/heartBeat07-300x185.jpg 300w, https:\/\/studio.ican-design.fr\/ecole-infographie\/sites\/3\/2020\/06\/heartBeat07-768x475.jpg 768w\" sizes=\"(max-width: 825px) 100vw, 825px\" \/><\/a><\/p>\n<p>La barre de vie du joueur est symbolis\u00e9e par les BPM d\u2019un c\u0153ur qui augmentent quand on tue des ennemis, mais qui baissent au fil du temps, ou lorsque l&#8217;on prend des coups. Plus les BPM sont importants, plus les actions du joueur sont rapides et impactantes. Le syst\u00e8me des BPM permet ainsi d\u2019apporter du dynamisme en r\u00e9compensant le joueur performant par une r\u00e9elle mont\u00e9e en puissance face \u00e0 ses adversaires&#8230;<\/p>\n<p><a href=\"https:\/\/studio.ican-design.fr\/studio-ican-images\/sites\/3\/2020\/06\/Game-Overview-Document-HeartBeat-L.pdf\" target=\"_blank\" rel=\"noopener noreferrer\">Game Overview Document HeartBeat<\/a><\/p>\n<h3>Character design \/ Animation<\/h3>\n<p>Dans notre jeu, vous incarnez une femme qui souffre d\u2019Hypertension agressive qui sort d\u2019une chambre d\u2019h\u00f4pital. Nous lui avons donn\u00e9 un manteau et des gants en cuir, pour lui donner une attitude \u00ab Bad Girl\u00bb&#8230;<\/p>\n<p><a href=\"https:\/\/studio.ican-design.fr\/studio-ican-images\/sites\/3\/2020\/06\/heartBeat05.jpg\"><img decoding=\"async\" class=\"alignnone size-full wp-image-5790\" src=\"https:\/\/studio.ican-design.fr\/studio-ican-images\/sites\/3\/2020\/06\/heartBeat05.jpg\" alt=\"\" width=\"550\" height=\"382\" srcset=\"https:\/\/studio.ican-design.fr\/ecole-infographie\/sites\/3\/2020\/06\/heartBeat05.jpg 550w, https:\/\/studio.ican-design.fr\/ecole-infographie\/sites\/3\/2020\/06\/heartBeat05-300x208.jpg 300w\" sizes=\"(max-width: 550px) 100vw, 550px\" \/><\/a><\/p>\n<p>Lorsque nous avons cr\u00e9\u00e9 notre personnage, nous avons rencontr\u00e9 un souci majeur, celui de la technique d\u2019animation. En effet, nous comptions r\u00e9aliser les animations images par image&#8230; Cependant, cela nous aurait demand\u00e9 une quantit\u00e9 de temps et de retouches consid\u00e9rables. C\u2019est alors que nous sommes tomb\u00e9s sur des planches de personnages du jeu mobile <em>Tekken<\/em>, o\u00f9 l&#8217;on peut voir tous les membres du corps d\u2019un personnage d\u00e9cliner dans des sens diff\u00e9rents, fa\u00e7on puzzle. Avec cette nouvelle m\u00e9thode, cr\u00e9er nos animations et nos sprites a \u00e9t\u00e9 plus simple et rapide.<\/p>\n<p><a href=\"https:\/\/studio.ican-design.fr\/studio-ican-images\/sites\/3\/2020\/06\/heartBeat04.jpg\"><img decoding=\"async\" class=\"alignnone size-full wp-image-5791\" src=\"https:\/\/studio.ican-design.fr\/studio-ican-images\/sites\/3\/2020\/06\/heartBeat04.jpg\" alt=\"\" width=\"701\" height=\"680\" srcset=\"https:\/\/studio.ican-design.fr\/ecole-infographie\/sites\/3\/2020\/06\/heartBeat04.jpg 701w, https:\/\/studio.ican-design.fr\/ecole-infographie\/sites\/3\/2020\/06\/heartBeat04-300x291.jpg 300w\" sizes=\"(max-width: 701px) 100vw, 701px\" \/><\/a><\/p>\n<p>En nous inspirant de Sin city, nous avons mis le manteau et les gants du personnage principal en violet, et nous voulions \u00e9galement que plus le BPM est haut, et plus la couleur du personnage est forte. Pour le mode <em>rage<\/em>, nous nous sommes inspir\u00e9s <em>God of war<\/em> et de <em>Lol<\/em>. En effet quand kratos (GOW) passe en mode rage, une aura orange se d\u00e9gage autour de lui&#8230;<\/p>\n<p><a href=\"https:\/\/studio.ican-design.fr\/studio-ican-images\/sites\/3\/2020\/06\/heartBeat03.jpg\"><img decoding=\"async\" class=\"alignnone size-full wp-image-5783\" src=\"https:\/\/studio.ican-design.fr\/studio-ican-images\/sites\/3\/2020\/06\/heartBeat03.jpg\" alt=\"\" width=\"574\" height=\"507\" srcset=\"https:\/\/studio.ican-design.fr\/ecole-infographie\/sites\/3\/2020\/06\/heartBeat03.jpg 574w, https:\/\/studio.ican-design.fr\/ecole-infographie\/sites\/3\/2020\/06\/heartBeat03-300x265.jpg 300w\" sizes=\"(max-width: 574px) 100vw, 574px\" \/><\/a><\/p>\n<p><strong>Le patient<\/strong> est l\u2019ennemi de base de notre jeu&#8230; Nous avons opt\u00e9 pour la m\u00eame fabrication que le personnage principal : une plaquette de tous les membres de son corps dans des sens diff\u00e9rents.<\/p>\n<p><a href=\"https:\/\/studio.ican-design.fr\/studio-ican-images\/sites\/3\/2020\/06\/heartBeat01.jpg\"><img decoding=\"async\" class=\"alignnone size-full wp-image-5785\" src=\"https:\/\/studio.ican-design.fr\/studio-ican-images\/sites\/3\/2020\/06\/heartBeat01.jpg\" alt=\"\" width=\"773\" height=\"808\" srcset=\"https:\/\/studio.ican-design.fr\/ecole-infographie\/sites\/3\/2020\/06\/heartBeat01.jpg 773w, https:\/\/studio.ican-design.fr\/ecole-infographie\/sites\/3\/2020\/06\/heartBeat01-287x300.jpg 287w, https:\/\/studio.ican-design.fr\/ecole-infographie\/sites\/3\/2020\/06\/heartBeat01-768x803.jpg 768w\" sizes=\"(max-width: 773px) 100vw, 773px\" \/><\/a><\/p>\n<p><strong>Quelques ennemis : Le patient, le docteur, et l&#8217;anesth\u00e9siste<\/strong><\/p>\n<p><a href=\"https:\/\/studio.ican-design.fr\/studio-ican-images\/sites\/3\/2020\/06\/heartBeat06.jpg\"><img decoding=\"async\" class=\"alignnone size-full wp-image-5794\" src=\"https:\/\/studio.ican-design.fr\/studio-ican-images\/sites\/3\/2020\/06\/heartBeat06.jpg\" alt=\"\" width=\"608\" height=\"288\" srcset=\"https:\/\/studio.ican-design.fr\/ecole-infographie\/sites\/3\/2020\/06\/heartBeat06.jpg 608w, https:\/\/studio.ican-design.fr\/ecole-infographie\/sites\/3\/2020\/06\/heartBeat06-300x142.jpg 300w\" sizes=\"(max-width: 608px) 100vw, 608px\" \/><\/a><\/p>\n<h3>La vid\u00e9o &amp; d\u00e9mo itc.io<\/h3>\n<p><iframe title=\"heartBeat\" width=\"660\" height=\"371\" src=\"https:\/\/www.youtube.com\/embed\/cA4PHPDT-Pw?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe><\/p>\n<p><a href=\"https:\/\/onir.itch.io\/heartbeat\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/onir.itch.io\/heartbeat<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Le joueur incarne un personnage ultra violent et perturb\u00e9 qui doit vaincre tous les ennemis d\u2019une salle afin de pouvoir passer \u00e0 la suivante et accumuler le plus de score possible. Il pourra se d\u00e9placer, frapper \u00e0 l\u2019aide de ses poings et ses pieds, ainsi que dasher&#8230;\u00a0<\/p>\n","protected":false},"author":12,"featured_media":5784,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[42,20],"tags":[543,545,546,544],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v21.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Heart Beat \/ Game design01 | 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\/heart-beat-game-design01\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Heart Beat \/ Game design01 | Studio ICAN\" \/>\n<meta property=\"og:description\" content=\"Le joueur incarne un personnage ultra violent et perturb\u00e9 qui doit vaincre tous les ennemis d\u2019une salle afin de pouvoir passer \u00e0 la suivante et accumuler le plus de score possible. Il pourra se d\u00e9placer, frapper \u00e0 l\u2019aide de ses poings et ses pieds, ainsi que dasher&#8230;\u00a0\" \/>\n<meta property=\"og:url\" content=\"https:\/\/studio.ican-design.fr\/heart-beat-game-design01\/\" \/>\n<meta property=\"og:site_name\" content=\"Studio ICAN\" \/>\n<meta property=\"article:published_time\" content=\"2020-06-10T08:42:40+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2021-05-17T14:16:30+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/studio.ican-design.fr\/ecole-infographie\/sites\/3\/2020\/06\/heartBeat00.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=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/studio.ican-design.fr\/heart-beat-game-design01\/\",\"url\":\"https:\/\/studio.ican-design.fr\/heart-beat-game-design01\/\",\"name\":\"Heart Beat \/ Game design01 | Studio ICAN\",\"isPartOf\":{\"@id\":\"https:\/\/studio.ican-design.fr\/#website\"},\"datePublished\":\"2020-06-10T08:42:40+00:00\",\"dateModified\":\"2021-05-17T14:16:30+00:00\",\"author\":{\"@id\":\"https:\/\/studio.ican-design.fr\/#\/schema\/person\/b63c638049bff9f34019dcb9fe843656\"},\"breadcrumb\":{\"@id\":\"https:\/\/studio.ican-design.fr\/heart-beat-game-design01\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/studio.ican-design.fr\/heart-beat-game-design01\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/studio.ican-design.fr\/heart-beat-game-design01\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Accueil\",\"item\":\"https:\/\/studio.ican-design.fr\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Heart Beat \/ Game design01\"}]},{\"@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":"Heart Beat \/ Game design01 | 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\/heart-beat-game-design01\/","og_locale":"fr_FR","og_type":"article","og_title":"Heart Beat \/ Game design01 | Studio ICAN","og_description":"Le joueur incarne un personnage ultra violent et perturb\u00e9 qui doit vaincre tous les ennemis d\u2019une salle afin de pouvoir passer \u00e0 la suivante et accumuler le plus de score possible. Il pourra se d\u00e9placer, frapper \u00e0 l\u2019aide de ses poings et ses pieds, ainsi que dasher&#8230;\u00a0","og_url":"https:\/\/studio.ican-design.fr\/heart-beat-game-design01\/","og_site_name":"Studio ICAN","article_published_time":"2020-06-10T08:42:40+00:00","article_modified_time":"2021-05-17T14:16:30+00:00","og_image":[{"width":825,"height":510,"url":"https:\/\/studio.ican-design.fr\/ecole-infographie\/sites\/3\/2020\/06\/heartBeat00.jpg","type":"image\/jpeg"}],"author":"Nicolas","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Nicolas","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/studio.ican-design.fr\/heart-beat-game-design01\/","url":"https:\/\/studio.ican-design.fr\/heart-beat-game-design01\/","name":"Heart Beat \/ Game design01 | Studio ICAN","isPartOf":{"@id":"https:\/\/studio.ican-design.fr\/#website"},"datePublished":"2020-06-10T08:42:40+00:00","dateModified":"2021-05-17T14:16:30+00:00","author":{"@id":"https:\/\/studio.ican-design.fr\/#\/schema\/person\/b63c638049bff9f34019dcb9fe843656"},"breadcrumb":{"@id":"https:\/\/studio.ican-design.fr\/heart-beat-game-design01\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/studio.ican-design.fr\/heart-beat-game-design01\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/studio.ican-design.fr\/heart-beat-game-design01\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil","item":"https:\/\/studio.ican-design.fr\/"},{"@type":"ListItem","position":2,"name":"Heart Beat \/ Game design01"}]},{"@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\/5780"}],"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=5780"}],"version-history":[{"count":5,"href":"https:\/\/studio.ican-design.fr\/wp-json\/wp\/v2\/posts\/5780\/revisions"}],"predecessor-version":[{"id":5807,"href":"https:\/\/studio.ican-design.fr\/wp-json\/wp\/v2\/posts\/5780\/revisions\/5807"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/studio.ican-design.fr\/wp-json\/wp\/v2\/media\/5784"}],"wp:attachment":[{"href":"https:\/\/studio.ican-design.fr\/wp-json\/wp\/v2\/media?parent=5780"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/studio.ican-design.fr\/wp-json\/wp\/v2\/categories?post=5780"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/studio.ican-design.fr\/wp-json\/wp\/v2\/tags?post=5780"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}