{"id":2620,"date":"2016-05-06T11:48:25","date_gmt":"2016-05-06T09:48:25","guid":{"rendered":"http:\/\/studio.ican-design.fr\/?p=2620"},"modified":"2023-01-17T12:35:06","modified_gmt":"2023-01-17T11:35:06","slug":"lumiere-noire-jeu-dedification-interactif-game-design-03","status":"publish","type":"post","link":"https:\/\/studio.ican-design.fr\/lumiere-noire-jeu-dedification-interactif-game-design-03\/","title":{"rendered":"Lumi\u00e8re Noire \/ jeu d&#8217;\u00e9dification interactif \/ Game design 03"},"content":{"rendered":"<p><i>Lumi\u00e8re Noire<\/i> est un projet d&#8217;installation interactive r\u00e9alis\u00e9 en une semaine, dans le cadre de notre formation \u00e0 l\u2019ICAN. Cet article pr\u00e9sente l\u2019installation ainsi que ses intentions.<\/p>\n<p><!--more--><\/p>\n<h2>L&#8217;\u00e9quipe<\/h2>\n<p>Game Design &#8211; Paul-Etienne Bardot \/ Graphismes &#8211; M\u00e9gane Robert \/ Programmation &#8211; Quentin Sutter<\/p>\n<h2>Intentions<\/h2>\n<p><i>Lumi\u00e8re Noire<\/i> tente d\u2019explorer les fantasmes de construction et de destruction \u00e9prouv\u00e9s avec les jeux d\u2019\u00e9dification, notamment pendant l\u2019enfance. L\u2019installation propose de revivre ces exp\u00e9riences gr\u00e2ce \u00e0 une dimension exploratoire qui incite le joueur \u00e0 perp\u00e9tuellement \u00e9riger un \u00e9difice pour mieux le d\u00e9truire&#8230;<\/p>\n<p>L\u2019utilisation de la lumi\u00e8re noire et des peintures fluorescentes r\u00e9pond d\u2019abord \u00e0 une contrainte technique : optimiser la lisibilit\u00e9 des cubes de couleur par la cam\u00e9ra. Mais ces \u00e9l\u00e9ments transmettent \u00e9galement une identit\u00e9 forte \u00e0 l\u2019installation : la vivacit\u00e9 des couleurs \u00e9voque l\u2019univers color\u00e9 de l\u2019enfance, tandis que l\u2019ambiance \u00e9tablie par la lumi\u00e8re noire rend l\u2019exp\u00e9rience quasi-hypnotisante.<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-2621\" src=\"\/studio-ican-images\/sites\/3\/2016\/05\/lumiereNoire01.jpg\" alt=\"lumi\u00e8re noire jeu vid\u00e9o\" width=\"800\" height=\"815\" srcset=\"https:\/\/studio.ican-design.fr\/ecole-infographie\/sites\/3\/2016\/05\/lumiereNoire01.jpg 800w, https:\/\/studio.ican-design.fr\/ecole-infographie\/sites\/3\/2016\/05\/lumiereNoire01-294x300.jpg 294w, https:\/\/studio.ican-design.fr\/ecole-infographie\/sites\/3\/2016\/05\/lumiereNoire01-768x782.jpg 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/p>\n<h2><b>LE JEU<\/b><\/h2>\n<p>L\u2019objectif du joueur est d\u2019atteindre la hauteur maximale, indiqu\u00e9e \u00e0 l\u2019\u00e9cran, avec les cubes de construction mis \u00e0 sa disposition. Une fois en place, l&#8217;\u00e9difice doit \u00eatre d\u00e9truit pour <b>d\u00e9clencher une animation de destruction propre \u00e0 la configuration de la tour<\/b> (nombre de colonnes, agencement des couleurs, etc.). Par un processus it\u00e9ratif, le joueur explore les diff\u00e9rentes fins possibles. De plus, au fur et \u00e0 mesure de la construction de la tour, de nouveaux \u00e9l\u00e9ments apparaissent dans le d\u00e9cor.<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-2623\" src=\"\/studio-ican-images\/sites\/3\/2016\/05\/lumiereNoire02.jpg\" alt=\"lumi\u00e8re noire jeu video\" width=\"800\" height=\"617\" srcset=\"https:\/\/studio.ican-design.fr\/ecole-infographie\/sites\/3\/2016\/05\/lumiereNoire02.jpg 800w, https:\/\/studio.ican-design.fr\/ecole-infographie\/sites\/3\/2016\/05\/lumiereNoire02-300x231.jpg 300w, https:\/\/studio.ican-design.fr\/ecole-infographie\/sites\/3\/2016\/05\/lumiereNoire02-768x592.jpg 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/p>\n<h2>Installation<\/h2>\n<p>Le set de cubes dont le joueur dispose se compose de dix-huit entit\u00e9s dont les dimensions sont de 5x5x5cm. Nous utilisons ainsi une plaque de polystyr\u00e8ne extrud\u00e9 de 5cm d\u2019\u00e9paisseur dans laquelle nous d\u00e9coupons les cubes \u00e0 l\u2019aide d\u2019un cutter&#8230; Certains cubes sont quant \u00e0 eux rendus davantage instables, afin d\u2019augmenter le challenge li\u00e9 \u00e0 l&#8217;empilement&#8230; Nous concevons un socle servant \u00e0 d\u00e9limiter l\u2019espace de jeu. De la m\u00eame mani\u00e8re que les cubes, le socle est taill\u00e9 dans le polystyr\u00e8ne&#8230;<\/p>\n<p><i><img decoding=\"async\" class=\"alignnone size-full wp-image-2626\" src=\"\/studio-ican-images\/sites\/3\/2016\/05\/lumiereNoire03.jpg\" alt=\"lumi\u00e8re noire jeu video\" width=\"1024\" height=\"689\" srcset=\"https:\/\/studio.ican-design.fr\/ecole-infographie\/sites\/3\/2016\/05\/lumiereNoire03.jpg 1024w, https:\/\/studio.ican-design.fr\/ecole-infographie\/sites\/3\/2016\/05\/lumiereNoire03-300x202.jpg 300w, https:\/\/studio.ican-design.fr\/ecole-infographie\/sites\/3\/2016\/05\/lumiereNoire03-768x517.jpg 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/i><\/p>\n<p>Les cubes sont r\u00e9partis en deux cat\u00e9gories auxquelles sont associ\u00e9es deux couleurs diff\u00e9rentes&#8230; La couleur bleue fluorescente est tr\u00e8s bien rep\u00e9r\u00e9e par la webcam&#8230; Gr\u00e2ce \u00e0 un pinceau \u00e0 brosse standard, nous appliquons g\u00e9n\u00e9reusement une seule couche de peinture fluorescente sur les cubes, secs en une heure. Eclair\u00e9s par la lumi\u00e8re noire, les cubes ainsi peints se montrent particuli\u00e8rement lumineux.<\/p>\n<h2><b>GRAPHISMES<\/b><\/h2>\n<p>Le style, rappelant des dessins d\u2019enfants, s\u2019inspire du travail de Matthias D\u00f6rflet, <i>Weird Second-order Loops<\/i>, dont les cr\u00e9ations g\u00e9n\u00e9r\u00e9es par ordinateur se caract\u00e9risent par des aplats de couleurs vives et des traits irr\u00e9guliers.<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-2627\" src=\"\/studio-ican-images\/sites\/3\/2016\/05\/lumiereNoire04.jpg\" alt=\"lumi\u00e8re noire jeu video\" width=\"800\" height=\"330\" srcset=\"https:\/\/studio.ican-design.fr\/ecole-infographie\/sites\/3\/2016\/05\/lumiereNoire04.jpg 800w, https:\/\/studio.ican-design.fr\/ecole-infographie\/sites\/3\/2016\/05\/lumiereNoire04-300x124.jpg 300w, https:\/\/studio.ican-design.fr\/ecole-infographie\/sites\/3\/2016\/05\/lumiereNoire04-768x317.jpg 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/p>\n<p>Les \u00e9l\u00e9ments principaux sont les <i>tiles <\/i>de la tour, d\u00e9clin\u00e9es en jaune et en rouge, couleurs qui correspondent aux cubes de construction. De mani\u00e8re dynamique, un rempart est situ\u00e9 au dessus de la plus haute <i>tile<\/i>. Les images se repositionnent dynamiquement en fonction de l\u2019agencement des cubes.<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-2628\" src=\"\/studio-ican-images\/sites\/3\/2016\/05\/lumiereNoire05.jpg\" alt=\"lumi\u00e8re noire jeu vid\u00e9o\" width=\"800\" height=\"538\" srcset=\"https:\/\/studio.ican-design.fr\/ecole-infographie\/sites\/3\/2016\/05\/lumiereNoire05.jpg 800w, https:\/\/studio.ican-design.fr\/ecole-infographie\/sites\/3\/2016\/05\/lumiereNoire05-300x202.jpg 300w, https:\/\/studio.ican-design.fr\/ecole-infographie\/sites\/3\/2016\/05\/lumiereNoire05-768x516.jpg 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/p>\n<h2>La vid\u00e9o !<\/h2>\n<p><iframe title=\"Lumi\u00e8re Noire (Game\/Installation) - Gameplay\" width=\"660\" height=\"495\" src=\"https:\/\/www.youtube.com\/embed\/YoF6TXeczqE?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe><\/p>\n<h2>Liens<\/h2>\n<div>M\u00e9gane : http:\/\/meganerobert.wix.com\/<br \/>\nQuentin : http:\/\/sutterquentin.wix.com\/porfolio-qs<br \/>\nPaul-Etienne : https:\/\/tumblr.pauletienne-bardot.com\/tagged\/Portfolio<\/p>\n<p>&nbsp;<\/p>\n<p><a href=\"https:\/\/www.ican-design.fr\/programme-grande-ecole-jeux-video.html\" target=\"_blank\" rel=\"noopener\">D\u00e9couvrez les formations en Game Design et Jeux Vid\u00e9o de l\u2019\u00e9cole d\u2019infographie ICAN<\/a><\/p>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Lumi\u00e8re Noire est un projet d&#8217;installation interactive r\u00e9alis\u00e9 en une semaine, dans le cadre de notre formation \u00e0 l\u2019ICAN. Cet article pr\u00e9sente l\u2019installation ainsi que ses intentions.<\/p>\n","protected":false},"author":12,"featured_media":2633,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[19,20,351],"tags":[65,270,156,32,271],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v21.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Lumi\u00e8re Noire \/ installation interactive<\/title>\n<meta name=\"description\" content=\"Lumi\u00e8re Noire est un projet d&#039;installation interactive r\u00e9alis\u00e9 en une semaine, dans le cadre de ma formation \u00e0 l\u2019ICAN.\" \/>\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\/lumiere-noire-jeu-dedification-interactif-game-design-03\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Lumi\u00e8re Noire \/ installation interactive\" \/>\n<meta property=\"og:description\" content=\"Lumi\u00e8re Noire est un projet d&#039;installation interactive r\u00e9alis\u00e9 en une semaine, dans le cadre de ma formation \u00e0 l\u2019ICAN.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/studio.ican-design.fr\/lumiere-noire-jeu-dedification-interactif-game-design-03\/\" \/>\n<meta property=\"og:site_name\" content=\"Studio ICAN\" \/>\n<meta property=\"article:published_time\" content=\"2016-05-06T09:48:25+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-01-17T11:35:06+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/studio.ican-design.fr\/ecole-infographie\/sites\/3\/2016\/05\/lumiereNoire00.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=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/studio.ican-design.fr\/lumiere-noire-jeu-dedification-interactif-game-design-03\/\",\"url\":\"https:\/\/studio.ican-design.fr\/lumiere-noire-jeu-dedification-interactif-game-design-03\/\",\"name\":\"Lumi\u00e8re Noire \/ installation interactive\",\"isPartOf\":{\"@id\":\"https:\/\/studio.ican-design.fr\/#website\"},\"datePublished\":\"2016-05-06T09:48:25+00:00\",\"dateModified\":\"2023-01-17T11:35:06+00:00\",\"author\":{\"@id\":\"https:\/\/studio.ican-design.fr\/#\/schema\/person\/b63c638049bff9f34019dcb9fe843656\"},\"description\":\"Lumi\u00e8re Noire est un projet d'installation interactive r\u00e9alis\u00e9 en une semaine, dans le cadre de ma formation \u00e0 l\u2019ICAN.\",\"breadcrumb\":{\"@id\":\"https:\/\/studio.ican-design.fr\/lumiere-noire-jeu-dedification-interactif-game-design-03\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/studio.ican-design.fr\/lumiere-noire-jeu-dedification-interactif-game-design-03\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/studio.ican-design.fr\/lumiere-noire-jeu-dedification-interactif-game-design-03\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Accueil\",\"item\":\"https:\/\/studio.ican-design.fr\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Lumi\u00e8re Noire \/ jeu d&#8217;\u00e9dification interactif \/ Game design 03\"}]},{\"@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":"Lumi\u00e8re Noire \/ installation interactive","description":"Lumi\u00e8re Noire est un projet d'installation interactive r\u00e9alis\u00e9 en une semaine, dans le cadre de ma formation \u00e0 l\u2019ICAN.","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\/lumiere-noire-jeu-dedification-interactif-game-design-03\/","og_locale":"fr_FR","og_type":"article","og_title":"Lumi\u00e8re Noire \/ installation interactive","og_description":"Lumi\u00e8re Noire est un projet d'installation interactive r\u00e9alis\u00e9 en une semaine, dans le cadre de ma formation \u00e0 l\u2019ICAN.","og_url":"https:\/\/studio.ican-design.fr\/lumiere-noire-jeu-dedification-interactif-game-design-03\/","og_site_name":"Studio ICAN","article_published_time":"2016-05-06T09:48:25+00:00","article_modified_time":"2023-01-17T11:35:06+00:00","og_image":[{"width":825,"height":510,"url":"https:\/\/studio.ican-design.fr\/ecole-infographie\/sites\/3\/2016\/05\/lumiereNoire00.jpg","type":"image\/jpeg"}],"author":"Nicolas","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Nicolas","Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/studio.ican-design.fr\/lumiere-noire-jeu-dedification-interactif-game-design-03\/","url":"https:\/\/studio.ican-design.fr\/lumiere-noire-jeu-dedification-interactif-game-design-03\/","name":"Lumi\u00e8re Noire \/ installation interactive","isPartOf":{"@id":"https:\/\/studio.ican-design.fr\/#website"},"datePublished":"2016-05-06T09:48:25+00:00","dateModified":"2023-01-17T11:35:06+00:00","author":{"@id":"https:\/\/studio.ican-design.fr\/#\/schema\/person\/b63c638049bff9f34019dcb9fe843656"},"description":"Lumi\u00e8re Noire est un projet d'installation interactive r\u00e9alis\u00e9 en une semaine, dans le cadre de ma formation \u00e0 l\u2019ICAN.","breadcrumb":{"@id":"https:\/\/studio.ican-design.fr\/lumiere-noire-jeu-dedification-interactif-game-design-03\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/studio.ican-design.fr\/lumiere-noire-jeu-dedification-interactif-game-design-03\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/studio.ican-design.fr\/lumiere-noire-jeu-dedification-interactif-game-design-03\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil","item":"https:\/\/studio.ican-design.fr\/"},{"@type":"ListItem","position":2,"name":"Lumi\u00e8re Noire \/ jeu d&#8217;\u00e9dification interactif \/ Game design 03"}]},{"@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\/2620"}],"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=2620"}],"version-history":[{"count":5,"href":"https:\/\/studio.ican-design.fr\/wp-json\/wp\/v2\/posts\/2620\/revisions"}],"predecessor-version":[{"id":8519,"href":"https:\/\/studio.ican-design.fr\/wp-json\/wp\/v2\/posts\/2620\/revisions\/8519"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/studio.ican-design.fr\/wp-json\/wp\/v2\/media\/2633"}],"wp:attachment":[{"href":"https:\/\/studio.ican-design.fr\/wp-json\/wp\/v2\/media?parent=2620"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/studio.ican-design.fr\/wp-json\/wp\/v2\/categories?post=2620"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/studio.ican-design.fr\/wp-json\/wp\/v2\/tags?post=2620"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}