{"id":1285,"date":"2015-11-06T16:58:26","date_gmt":"2015-11-06T15:58:26","guid":{"rendered":"http:\/\/www.lyceelecorbusier.eu\/insituhacklab\/?p=1285"},"modified":"2015-11-06T16:58:26","modified_gmt":"2015-11-06T15:58:26","slug":"thaumatrope-visite-nocturne","status":"publish","type":"post","link":"https:\/\/www.lyceelecorbusier.eu\/insituhacklab\/?p=1285","title":{"rendered":"Thaumatrope: visite nocturne"},"content":{"rendered":"<p><!--more--><\/p>\n<ul>\n<li><strong>Quel est le projet?\u00a0<\/strong><\/li>\n<\/ul>\n<p>Ce projet consiste \u00e0 cr\u00e9er une petite animation. On utilise la technique du <strong><em>pr\u00e9-cin\u00e9ma<\/em><\/strong>, utilis\u00e9 avant l&#8217;invention du cin\u00e9ma d\u2019aujourd\u2019hui.<\/p>\n<p>Ce terme\u00a0d\u00e9signe les proc\u00e9d\u00e9s invent\u00e9s au cours du XIXe si\u00e8cle, pour reconstituer le mouvement \u00e0 partir de dessins ou de photographies, dispos\u00e9s sur un support circulaire revenant cycliquement \u00e0 son point de d\u00e9part. Les proc\u00e9d\u00e9s du <strong><em>pr\u00e9-cin\u00e9ma<\/em><\/strong> sont ant\u00e9rieurs \u00e0 une invention capitale qui va d\u00e9livrer le spectacle pr\u00e9sent\u00e9 de sa r\u00e9p\u00e9tition cyclique: le film.<\/p>\n<p>&nbsp;<\/p>\n<ul>\n<li><strong>Le thaumatrope<\/strong><\/li>\n<\/ul>\n<p style=\"text-align: left\">Le \u00a0proc\u00e9d\u00e9 anim\u00e9 qu&#8217;on utilise est le <strong><em>thaumatrope<\/em><\/strong>, invent\u00e9 en Europe vers 1820. Le principe est simple:\u00a0un disque pivote sur lui-m\u00eame. Sur chaque face du disque est dessin\u00e9 un \u00e9l\u00e9ment.<\/p>\n<p style=\"text-align: left\">Gr\u00e2ce \u00e0 un g\u00e9n\u00e9rateur d&#8217;histoire al\u00e9atoire cr\u00e9\u00e9e sur le logiciel <em><strong>Processing<\/strong><\/em>, on cr\u00e9e notre propre thraumatrope.<\/p>\n<p style=\"text-align: left\">Voici la petite histoire g\u00e9n\u00e9r\u00e9e par ce programme: <em>&#8220;La nuit ma maman renifle le rayon jambon.&#8221;<\/em><\/p>\n\n\t\t<!-- MasterSlider -->\n\t\t<div id=\"P_MS69e6ebc444649\" class=\"master-slider-parent msl ms-parent-id-59\" style=\"max-width:1000px;\">\n\n\t\t\t\n\t\t\t<!-- MasterSlider Main -->\n\t\t\t<div id=\"MS69e6ebc444649\" class=\"master-slider ms-skin-default\" >\n\t\t\t\t \t\t\t\t \n\t\t\t\t<div  class=\"ms-slide\" data-delay=\"3\" data-fill-mode=\"fit\"  >\n\t\t\t\t\t<img src=\"https:\/\/www.lyceelecorbusier.eu\/insituhacklab\/wp-content\/plugins\/master-slider\/public\/assets\/css\/blank.gif\" alt=\"\" title=\"\" data-src=\"https:\/\/www.lyceelecorbusier.eu\/insituhacklab\/wp-content\/uploads\/sites\/9\/2015\/11\/image1.jpeg\" \/>\n\n\n\t<div class=\"ms-thumb\" ><div class=\"ms-tab-context\"><div class=&quot;ms-tab-context&quot;><\/div><\/div>\n<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div  class=\"ms-slide\" data-delay=\"3\" data-fill-mode=\"fit\"  >\n\t\t\t\t\t<img src=\"https:\/\/www.lyceelecorbusier.eu\/insituhacklab\/wp-content\/plugins\/master-slider\/public\/assets\/css\/blank.gif\" alt=\"\" title=\"\" data-src=\"https:\/\/www.lyceelecorbusier.eu\/insituhacklab\/wp-content\/uploads\/sites\/9\/2015\/11\/image4.jpeg\" \/>\n\n\n\t<div class=\"ms-thumb\" ><div class=\"ms-tab-context\"><div class=&quot;ms-tab-context&quot;><\/div><\/div>\n<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div  class=\"ms-slide\" data-delay=\"3\" data-fill-mode=\"fit\"  >\n\t\t\t\t\t<img src=\"https:\/\/www.lyceelecorbusier.eu\/insituhacklab\/wp-content\/plugins\/master-slider\/public\/assets\/css\/blank.gif\" alt=\"\" title=\"\" data-src=\"https:\/\/www.lyceelecorbusier.eu\/insituhacklab\/wp-content\/uploads\/sites\/9\/2015\/11\/image3.jpeg\" \/>\n\n\n\t<div class=\"ms-thumb\" ><div class=\"ms-tab-context\"><div class=&quot;ms-tab-context&quot;><\/div><\/div>\n<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div  class=\"ms-slide\" data-delay=\"3\" data-fill-mode=\"fit\"  >\n\t\t\t\t\t<img src=\"https:\/\/www.lyceelecorbusier.eu\/insituhacklab\/wp-content\/plugins\/master-slider\/public\/assets\/css\/blank.gif\" alt=\"\" title=\"\" data-src=\"https:\/\/www.lyceelecorbusier.eu\/insituhacklab\/wp-content\/uploads\/sites\/9\/2015\/11\/image2.jpeg\" \/>\n\n\n\t<div class=\"ms-thumb\" ><div class=\"ms-tab-context\"><div class=&quot;ms-tab-context&quot;><\/div><\/div>\n<\/div>\n\t\t\t\t<\/div>\n\n\t\t\t<\/div>\n\t\t\t<!-- END MasterSlider Main -->\n\n\t\t\t \n\t\t<\/div>\n\t\t<!-- END MasterSlider -->\n\n\t\t<script>\n\t\t(function ( $ ) {\n\t\t\t\"use strict\";\n\n\t\t\t$(function () {\n\t\t\t\tvar masterslider_4649 = new MasterSlider();\n\n\t\t\t\t\/\/ slider controls\n\n\t\t\t\t\/\/ slider setup\n\t\t\t\tmasterslider_4649.setup(\"MS69e6ebc444649\", {\n\t\t\t\t\t\twidth           : 1000,\n\t\t\t\t\t\theight          : 500,\n\t\t\t\t\t\tminHeight       : 0,\n\t\t\t\t\t\tspace           : 0,\n\t\t\t\t\t\tstart           : 1,\n\t\t\t\t\t\tgrabCursor      : true,\n\t\t\t\t\t\tswipe           : true,\n\t\t\t\t\t\tmouse           : true,\n\t\t\t\t\t\tlayout          : \"boxed\",\n\t\t\t\t\t\twheel           : false,\n\t\t\t\t\t\tautoplay        : false,\n\t\t\t\t\t\tinstantStartLayers:false,\n\t\t\t\t\t\tloop            : false,\n\t\t\t\t\t\tshuffle         : false,\n\t\t\t\t\t\tpreload         : 0,\n\t\t\t\t\t\theightLimit     : true,\n\t\t\t\t\t\tautoHeight      : false,\n\t\t\t\t\t\tsmoothHeight    : true,\n\t\t\t\t\t\tendPause        : false,\n\t\t\t\t\t\toverPause       : true,\n\t\t\t\t\t\tfillMode        : \"fill\",\n\t\t\t\t\t\tcenterControls  : true,\n\t\t\t\t\t\tstartOnAppear   : false,\n\t\t\t\t\t\tlayersMode      : \"center\",\n\t\t\t\t\t\thideLayers      : false,\n\t\t\t\t\t\tfullscreenMargin: 0,\n\t\t\t\t\t\tspeed           : 20,\n\t\t\t\t\t\tdir             : \"h\",\n\t\t\t\t\t\tparallaxMode    : 'swipe',\n\t\t\t\t\t\tview            : \"basic\"\n\t\t\t\t});\n\n\t\t\t\t\n\t\t\t\twindow.masterslider_instances = window.masterslider_instances || [];\n\t\t\t\twindow.masterslider_instances.push( masterslider_4649 );\n\t\t\t });\n\n\t\t})(jQuery);\n\t\t<\/script>\n\n\n<p style=\"text-align: left\"><strong>Etape 1:<\/strong> Voir ci-dessous l&#8217;application du premier prototype, \u00e0 partir de l&#8217;histoire.<\/p>\n\n<!-- iframe plugin v.5.1 wordpress.org\/plugins\/iframe\/ -->\n<iframe width=\"780\" height=\"439\" src=\"https:\/\/www.youtube.com\/embed\/pUTSrK2Z_bM\" frameborder=\"0\" 0=\"allowfullscreen\" scrolling=\"yes\" class=\"iframe-class\"><\/iframe>\n\n<p><strong>Etape 2:<\/strong><\/p>\n<p>On \u00e9labore ensuite un dispositif permettant de faire tourner les fils et donc ainsi le thaumatrope. Un moteur est plac\u00e9 \u00e0 l&#8217;extr\u00e9mit\u00e9 gauche d&#8217;un fil, et un main \u00e0 l&#8217;extr\u00e9mit\u00e9 droit. Lorsque le moteur est reli\u00e9 par des pinces \u00e0 des piles, le tout s&#8217;actionne. Ainsi le thaumatrope tourne sur lui-m\u00eame.<\/p>\n<p><a href=\"http:\/\/www.lyceelecorbusier.eu\/insituhacklab\/wp-content\/uploads\/sites\/9\/2015\/11\/FullSizeRender.jpg\"><img loading=\"lazy\" class=\"wp-image-1369 size-full aligncenter\" src=\"http:\/\/www.lyceelecorbusier.eu\/insituhacklab\/wp-content\/uploads\/sites\/9\/2015\/11\/IMG_1328.jpg\" alt=\"IMG_1328\" width=\"457\" height=\"107\" srcset=\"https:\/\/www.lyceelecorbusier.eu\/insituhacklab\/wp-content\/uploads\/sites\/9\/2015\/11\/IMG_1328.jpg 457w, https:\/\/www.lyceelecorbusier.eu\/insituhacklab\/wp-content\/uploads\/sites\/9\/2015\/11\/IMG_1328-300x70.jpg 300w\" sizes=\"(max-width: 457px) 100vw, 457px\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n<p>Voici \u00e0 quoi ressemble le dispositif final reli\u00e9 au thaumatrope.<\/p>\n<p>&nbsp;<\/p>\n<p><a href=\"http:\/\/www.lyceelecorbusier.eu\/insituhacklab\/wp-content\/uploads\/sites\/9\/2015\/11\/FullSizeRender.jpg\"><img loading=\"lazy\" class=\"wp-image-1368 size-full aligncenter\" src=\"http:\/\/www.lyceelecorbusier.eu\/insituhacklab\/wp-content\/uploads\/sites\/9\/2015\/11\/FullSizeRender.jpg\" alt=\"FullSizeRender\" width=\"780\" height=\"585\" srcset=\"https:\/\/www.lyceelecorbusier.eu\/insituhacklab\/wp-content\/uploads\/sites\/9\/2015\/11\/FullSizeRender.jpg 780w, https:\/\/www.lyceelecorbusier.eu\/insituhacklab\/wp-content\/uploads\/sites\/9\/2015\/11\/FullSizeRender-300x225.jpg 300w\" sizes=\"(max-width: 780px) 100vw, 780px\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":1364,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[20,6],"tags":[],"_links":{"self":[{"href":"https:\/\/www.lyceelecorbusier.eu\/insituhacklab\/index.php?rest_route=\/wp\/v2\/posts\/1285"}],"collection":[{"href":"https:\/\/www.lyceelecorbusier.eu\/insituhacklab\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.lyceelecorbusier.eu\/insituhacklab\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.lyceelecorbusier.eu\/insituhacklab\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.lyceelecorbusier.eu\/insituhacklab\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1285"}],"version-history":[{"count":19,"href":"https:\/\/www.lyceelecorbusier.eu\/insituhacklab\/index.php?rest_route=\/wp\/v2\/posts\/1285\/revisions"}],"predecessor-version":[{"id":1373,"href":"https:\/\/www.lyceelecorbusier.eu\/insituhacklab\/index.php?rest_route=\/wp\/v2\/posts\/1285\/revisions\/1373"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.lyceelecorbusier.eu\/insituhacklab\/index.php?rest_route=\/wp\/v2\/media\/1364"}],"wp:attachment":[{"href":"https:\/\/www.lyceelecorbusier.eu\/insituhacklab\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1285"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.lyceelecorbusier.eu\/insituhacklab\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=1285"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.lyceelecorbusier.eu\/insituhacklab\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=1285"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}