{"id":5109,"date":"2018-04-06T15:41:42","date_gmt":"2018-04-06T15:41:42","guid":{"rendered":"http:\/\/www.ticeman.fr\/lecoutelas\/?p=5109"},"modified":"2018-07-16T21:52:37","modified_gmt":"2018-07-16T21:52:37","slug":"clapmotion-lanimation-image-par-image-en-un-claquement-de-main-simplement-avec-chrome","status":"publish","type":"post","link":"https:\/\/www.ticeman.fr\/lecoutelas\/?p=5109","title":{"rendered":"Clapmotion: l&#8217;animation image par image en un claquement de main simplement avec chrome"},"content":{"rendered":"<p>Pour ceux qui ont l&#8217;habitude de faire de l&#8217;animation image par image, il n&#8217;y a rien de plus p\u00e9nible que de devoir positionner correctement ses \u00e9l\u00e9ments, puis de manipuler l&#8217;appareil de prise de vue pour prendre la photographie, puis de retourner modifier sa sc\u00e8ne. Clapmotion se propose de simplifier la chose puisque le d\u00e9clenchement de la prise de vue se fait en claquant des mains.<\/p>\n<p>L&#8217;interface est on ne peut plus simple. Une fen\u00eatre de visualisation, une ligne de temps dans la barre inf\u00e9rieure et c&#8217;est tout.<\/p>\n<p><a  href=\"http:\/\/www.ticeman.fr\/lecoutelas\/wp-content\/uploads\/2018\/03\/clapmotion-interface.png\" data-rel=\"lightbox-gallery-0\" data-rl_title=\"\" data-rl_caption=\"\" title=\"\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-medium wp-image-5110\" src=\"http:\/\/www.ticeman.fr\/lecoutelas\/wp-content\/uploads\/2018\/03\/clapmotion-interface-300x169.png\" alt=\"\" width=\"300\" height=\"169\" srcset=\"https:\/\/www.ticeman.fr\/lecoutelas\/wp-content\/uploads\/2018\/03\/clapmotion-interface-300x169.png 300w, https:\/\/www.ticeman.fr\/lecoutelas\/wp-content\/uploads\/2018\/03\/clapmotion-interface-768x432.png 768w, https:\/\/www.ticeman.fr\/lecoutelas\/wp-content\/uploads\/2018\/03\/clapmotion-interface-1024x575.png 1024w, https:\/\/www.ticeman.fr\/lecoutelas\/wp-content\/uploads\/2018\/03\/clapmotion-interface.png 1365w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><!--more--><\/p>\n<p>Cela n&#8217;emp\u00eache pas la solution d&#8217;\u00eatre tr\u00e8s efficace et il est m\u00eame possible de disposer d&#8217;Onion Skin, c&#8217;est \u00e0 dire la possibilit\u00e9 de visualiser par transparence l&#8217;image pr\u00e9c\u00e9dente pour mieux r\u00e9gler son animation. Il n&#8217;y a aucun param\u00e8tre particulier \u00e0 renseigner car l&#8217;extension g\u00e8re automatiquement la mise au point. Voici une micro r\u00e9alisation rapidement r\u00e9alis\u00e9 pendant le test.<\/p>\n<div id=\"wpfp_ccd7efa2b4b5f468e72c972797ffca05\" data-item=\"{&quot;sources&quot;:[{&quot;src&quot;:&quot;http:\\\/\\\/www.ticeman.fr\\\/lecoutelas\\\/wp-content\\\/uploads\\\/2018\\\/03\\\/animation_03-10-18_14-34-45.mp4&quot;,&quot;type&quot;:&quot;video\\\/mp4&quot;}]}\" class=\"flowplayer no-brand is-splash no-svg is-paused skin-slim fp-slim fp-edgy\" data-fv-embed=\"https:\/\/www.ticeman.fr\/lecoutelas\/?p=5109&amp;fv_player_embed=1\" style=\"position:relative; max-width: 500px; max-height: 400px; \" data-ratio=\"0.8\">\n\t<div class=\"fp-ratio\" style=\"padding-top: 80%\"><\/div>\n\t<div class=\"fp-ui\"><noscript>Please enable JavaScript<\/noscript><div class=\"fp-play fp-visible\"><svg class=\"fp-play-rounded-fill\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 100 100\"><defs><style>.a{fill:#000;opacity:0.65;}.b{fill:#fff;opacity:1.0;}<\/style><\/defs><title>play-rounded-fill<\/title><path class=\"fp-color-play\" d=\"M49.9217-.078a50,50,0,1,0,50,50A50.0564,50.0564,0,0,0,49.9217-.078Z\"\/><path class=\"b\" d=\"M35.942,35.2323c0-4.7289,3.3506-6.6637,7.446-4.2971L68.83,45.6235c4.0956,2.364,4.0956,6.2319,0,8.5977L43.388,68.91c-4.0954,2.364-7.446.43-7.446-4.2979Z\" filter=\"url(#f1)\"\/><\/svg><\/div><div class=\"fp-preload\"><b><\/b><b><\/b><b><\/b><b><\/b><\/div><\/div>\n<div class='fvp-share-bar'><ul class=\"fvp-sharing\">\n    <li><a class=\"sharing-facebook\" href=\"https:\/\/www.facebook.com\/sharer\/sharer.php?u=https%3A%2F%2Fwww.ticeman.fr%2Flecoutelas%2F%3Fp%3D5109\" target=\"_blank\"><\/a><\/li>\n    <li><a class=\"sharing-twitter\" href=\"https:\/\/twitter.com\/intent\/tweet?text=Le+coutelas+de+Ticeman+&url=https%3A%2F%2Fwww.ticeman.fr%2Flecoutelas%2F%3Fp%3D5109\" target=\"_blank\"><\/a><\/li>\n    <li><a class=\"sharing-email\" href=\"mailto:?body=Check%20out%20the%20amazing%20video%20here%3A%20https%3A%2F%2Fwww.ticeman.fr%2Flecoutelas%2F%3Fp%3D5109\" target=\"_blank\"><\/a><\/li><\/ul><div><a class=\"sharing-link\" href=\"https:\/\/www.ticeman.fr\/lecoutelas\/?p=5109\" target=\"_blank\">Link<\/a><\/div><div><label><a class=\"embed-code-toggle\" href=\"#\"><strong>Embed<\/strong><\/a><\/label><\/div><div class=\"embed-code\"><label>Copy and paste this HTML code into your webpage to embed.<\/label><textarea><\/textarea><\/div><\/div>\n<\/div>\n\n<p>L&#8217;extension conserve vos travaux et il est possible de les modifier \u00e0 posteriori. Les vid\u00e9os cr\u00e9\u00e9es sont au format ogv, dans une d\u00e9finition qui d\u00e9pend de votre cam\u00e9ra.<\/p>\n<p>L&#8217;extension est gratuite et sans publicit\u00e9 et ne n\u00e9cessite aucune inscription ni de connexion \u00e0 internet.<\/p>\n<p>Lien: <a href=\"https:\/\/chrome.google.com\/webstore\/detail\/clapmotion\/kbjecgaklokmkijdkgeepcnjmcdoajao?hl=fr\" target=\"_blank\" rel=\"noopener\">Clapmotion sur le chrome webstore<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Pour ceux qui ont l&#8217;habitude de faire de l&#8217;animation image par image, il n&#8217;y a rien de plus p\u00e9nible que de devoir positionner&hellip;<a href=\"https:\/\/www.ticeman.fr\/lecoutelas\/?p=5109\" class=\"more-link\"><span class=\"more-button\">Continuez la lecture<span class=\"screen-reader-text\">Clapmotion: l&#8217;animation image par image en un claquement de main simplement avec chrome<\/span><\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":5110,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[71,21],"tags":[],"class_list":["post-5109","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-animation-image-par-image","category-video"],"_links":{"self":[{"href":"https:\/\/www.ticeman.fr\/lecoutelas\/index.php?rest_route=\/wp\/v2\/posts\/5109"}],"collection":[{"href":"https:\/\/www.ticeman.fr\/lecoutelas\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.ticeman.fr\/lecoutelas\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.ticeman.fr\/lecoutelas\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.ticeman.fr\/lecoutelas\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=5109"}],"version-history":[{"count":1,"href":"https:\/\/www.ticeman.fr\/lecoutelas\/index.php?rest_route=\/wp\/v2\/posts\/5109\/revisions"}],"predecessor-version":[{"id":5112,"href":"https:\/\/www.ticeman.fr\/lecoutelas\/index.php?rest_route=\/wp\/v2\/posts\/5109\/revisions\/5112"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.ticeman.fr\/lecoutelas\/index.php?rest_route=\/wp\/v2\/media\/5110"}],"wp:attachment":[{"href":"https:\/\/www.ticeman.fr\/lecoutelas\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=5109"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.ticeman.fr\/lecoutelas\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=5109"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.ticeman.fr\/lecoutelas\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=5109"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}