{"id":1368,"date":"2010-06-22T00:30:58","date_gmt":"2010-06-21T22:30:58","guid":{"rendered":"http:\/\/blogs.wittwer.fr\/whiler\/?p=1368"},"modified":"2012-03-03T13:01:20","modified_gmt":"2012-03-03T12:01:20","slug":"creer-animation-boot-android","status":"publish","type":"post","link":"https:\/\/blogs.wittwer.fr\/whiler\/2010\/06\/22\/creer-animation-boot-android\/","title":{"rendered":"Cr\u00e9er sa propre animation pour les d\u00e9marrages Android"},"content":{"rendered":"<p>Pour cr\u00e9er une <a href=\"\/whiler\/2010\/06\/15\/bootanimation\/\">animation<\/a> que l&rsquo;on souhaite mettre au d\u00e9marrage de son t\u00e9l\u00e9phone Android, il faut :<\/p>\n<ul>\n<li>un logiciel de compression (<a href=\"https:\/\/www.winzip.com\/fr\/\" target=\"_blank\">WinZip<\/a>, <a href=\"https:\/\/www.rarlab.com\/\" target=\"_blank\">WinRAR<\/a>, <a href=\"https:\/\/www.7-zip.org\/\" target=\"_blank\">7-Zip<\/a>, &#8230;)<\/li>\n<\/ul>\n<p>Pour commencer, l&rsquo;animation, il va vous falloir les diff\u00e9rentes images qui constitueront votre animation. Par exemple :<br \/>\n<center><\/p>\n<table>\n<tr>\n<td><div id=\"attachment_1373\" style=\"width: 64px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-1373\" class=\"size-full wp-image-1373\" title=\"Frame 1\" src=\"\/whiler\/wp-content\/uploads\/2010\/06\/small1.png\" alt=\"Frame 1\" width=\"54\" height=\"63\" \/><p id=\"caption-attachment-1373\" class=\"wp-caption-text\">Frame 1<\/p><\/div><\/td>\n<td><div id=\"attachment_1374\" style=\"width: 64px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-1374\" class=\"size-full wp-image-1374\" title=\"Frame 2\" src=\"\/whiler\/wp-content\/uploads\/2010\/06\/small2.png\" alt=\"Frame 2\" width=\"54\" height=\"63\" \/><p id=\"caption-attachment-1374\" class=\"wp-caption-text\">Frame 2<\/p><\/div><\/td>\n<td><div id=\"attachment_1375\" style=\"width: 64px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-1375\" class=\"size-full wp-image-1375\" title=\"Frame 3\" src=\"\/whiler\/wp-content\/uploads\/2010\/06\/small3.png\" alt=\"Frame 3\" width=\"54\" height=\"63\" \/><p id=\"caption-attachment-1375\" class=\"wp-caption-text\">Frame 3<\/p><\/div><\/td>\n<td><div id=\"attachment_1376\" style=\"width: 64px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-1376\" class=\"size-full wp-image-1376\" title=\"Frame 4\" src=\"\/whiler\/wp-content\/uploads\/2010\/06\/small4.png\" alt=\"Frame 4\" width=\"54\" height=\"63\" \/><p id=\"caption-attachment-1376\" class=\"wp-caption-text\">Frame 4<\/p><\/div><\/td>\n<\/tr>\n<\/table>\n<p><\/center><br \/>\nCes images devront toutes \u00eatre au format <a href=\"http:\/\/fr.wikipedia.org\/wiki\/Portable_Network_Graphics\" rel=\"glossary\" target=\"_blank\" title=\"Wikipedia, D&eacute;finition de&nbsp;: PNG\" style=\"\" >PNG<\/a><sup style=\"font-family: Georgia, Times New Roman, Serif; font-weight: bold; color: #AAAAAA\" ><em>W<\/em><\/sup>&nbsp;! Si vous cherchez un outil pour modifier vos images, vous pouvez par exemple utiliser <a href=\"https:\/\/www.getpaint.net\/\" target=\"_blank\">Paint.NET<\/a>.<\/p>\n<p>On cr\u00e9e un r\u00e9pertoire, par exemple, <em>boucle<\/em>, dans lequel on met ses diff\u00e9rentes images nomm\u00e9es avec le m\u00eame nom suivi d&rsquo;un nombre pour l&rsquo;ordre de l&rsquo;enchainement des images :<\/p>\n<div id=\"attachment_1381\" style=\"width: 310px\" class=\"wp-caption aligncenter\"><a href=\"\/whiler\/wp-content\/uploads\/2010\/06\/boucle.png\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-1381\" class=\"size-medium wp-image-1381\" title=\"R\u00e9pertoire boucle &amp; ses images\" src=\"\/whiler\/wp-content\/uploads\/2010\/06\/boucle-300x227.png\" alt=\"R\u00e9pertoire boucle &amp; ses images\" width=\"300\" height=\"227\" srcset=\"https:\/\/blogs.wittwer.fr\/whiler\/wp-content\/uploads\/2010\/06\/boucle-300x227.png 300w, https:\/\/blogs.wittwer.fr\/whiler\/wp-content\/uploads\/2010\/06\/boucle.png 621w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><p id=\"caption-attachment-1381\" class=\"wp-caption-text\">R\u00e9pertoire boucle &amp; ses images<\/p><\/div>\n<p>Il faut ensuite sp\u00e9cifier que l&rsquo;on veut utiliser ces images dans un fichier sp\u00e9cifique. On cr\u00e9e un fichier <em>desc.txt<\/em> au m\u00eame niveau que le r\u00e9pertoire <em>boucle<\/em> :<\/p>\n<div id=\"attachment_1383\" style=\"width: 310px\" class=\"wp-caption aligncenter\"><a href=\"\/whiler\/wp-content\/uploads\/2010\/06\/desc.png\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-1383\" class=\"size-medium wp-image-1383\" title=\"Fichier desc.txt\" src=\"\/whiler\/wp-content\/uploads\/2010\/06\/desc-300x227.png\" alt=\"Fichier desc.txt\" width=\"300\" height=\"227\" srcset=\"https:\/\/blogs.wittwer.fr\/whiler\/wp-content\/uploads\/2010\/06\/desc-300x227.png 300w, https:\/\/blogs.wittwer.fr\/whiler\/wp-content\/uploads\/2010\/06\/desc.png 621w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><p id=\"caption-attachment-1383\" class=\"wp-caption-text\">Fichier desc.txt<\/p><\/div>\n<p>Dans ce fichier on \u00e9crit par exemple les lignes suivantes :<\/p>\n<blockquote><p><span style=\"color: #800000;\">54<\/span> <span style=\"color: #808000;\">63<\/span> <span style=\"color: #0000ff;\">30<\/span><br \/>\n<span style=\"color: #ff00ff;\">p<\/span> <span style=\"color: #339966;\">0<\/span> <span style=\"color: #cc99ff;\">0<\/span> <span style=\"color: #ff6600;\">boucle<\/span><\/p><\/blockquote>\n<p><!--more-->Les lignes et valeurs pr\u00e9c\u00e9dentes correspondent \u00e0 :<\/p>\n<blockquote><p><span style=\"color: #800000;\">Largeur<\/span> <span style=\"color: #808000;\">Hauteur<\/span> <span style=\"color: #0000ff;\">Images\/seconde<\/span><br \/>\n<span style=\"color: #ff00ff;\">p<\/span> <span style=\"color: #339966;\">Nombre de fois o\u00f9 l&rsquo;on joue l&rsquo;animation<\/span> <span style=\"color: #cc99ff;\">Temps de pause<\/span> <span style=\"color: #ff6600;\">nom du r\u00e9pertoire<\/span><\/p><\/blockquote>\n<p>Les dimensions sont celles utilis\u00e9es pour afficher les images sur l&rsquo;\u00e9cran du t\u00e9l\u00e9phone : pas obligatoirement celle de l&rsquo;image. De plus, si vos images ont un fond transparent, l&rsquo;image sera sur un fond noir.<br \/>\nComme vous le constatez, la seconde ligne commence toujours par <span style=\"color: #ff00ff;\">p<\/span>.<\/p>\n<p>Si vous souhaitez enchainer plusieurs animations, vous pourrez cr\u00e9er plusieurs r\u00e9pertoires et sp\u00e9cifier plusieurs fois cette seconde ligne :<\/p>\n<blockquote><p><span style=\"color: #800000;\">54<\/span> <span style=\"color: #808000;\">63<\/span> <span style=\"color: #0000ff;\">30<\/span><br \/>\n<span style=\"color: #ff00ff;\">p<\/span> <span style=\"color: #339966;\">1<\/span> <span style=\"color: #cc99ff;\">0<\/span> <span style=\"color: #ff6600;\">intro<\/span><br \/>\n<span style=\"color: #ff00ff;\">p<\/span> <span style=\"color: #339966;\">0<\/span> <span style=\"color: #cc99ff;\">0<\/span> <span style=\"color: #ff6600;\">boucle<\/span><\/p><\/blockquote>\n<p>La premi\u00e8re animation contenue dans le r\u00e9pertoire <span style=\"color: #ff6600;\">intro<\/span> sera jou\u00e9e <span style=\"color: #339966;\">une<\/span> fois, puis la suivante, <span style=\"color: #ff6600;\">boucle<\/span>, sera jou\u00e9e <span style=\"color: #339966;\">ind\u00e9finiment<\/span> jusqu&rsquo;\u00e0 ce que le t\u00e9l\u00e9phone ait termin\u00e9 de booter.<\/p>\n<p>Lorsque vous avez votre ou vos r\u00e9pertoires et fini l&rsquo;\u00e9dition de votre fichier <em>desc.txt<\/em>, il suffit simplement de r\u00e9unir tous vos fichiers dans une archive <strong>non compress\u00e9e<\/strong>, nomm\u00e9e <em>bootanimation.zip<\/em> :<br \/>\n<div id=\"attachment_1385\" style=\"width: 310px\" class=\"wp-caption aligncenter\"><a href=\"\/whiler\/wp-content\/uploads\/2010\/06\/bootanimation.png\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-1385\" src=\"\/whiler\/wp-content\/uploads\/2010\/06\/bootanimation-300x281.png\" alt=\"Cr\u00e9ation de l&#039;archive NON compress\u00e9e\" title=\"Cr\u00e9ation de l&#039;archive NON compress\u00e9e\" width=\"300\" height=\"281\" class=\"size-medium wp-image-1385\" srcset=\"https:\/\/blogs.wittwer.fr\/whiler\/wp-content\/uploads\/2010\/06\/bootanimation-300x281.png 300w, https:\/\/blogs.wittwer.fr\/whiler\/wp-content\/uploads\/2010\/06\/bootanimation.png 413w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><p id=\"caption-attachment-1385\" class=\"wp-caption-text\">Cr\u00e9ation de l'archive NON compress\u00e9e<\/p><\/div><br \/>\n<div id=\"attachment_1386\" style=\"width: 310px\" class=\"wp-caption aligncenter\"><a href=\"\/whiler\/wp-content\/uploads\/2010\/06\/over.png\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-1386\" src=\"\/whiler\/wp-content\/uploads\/2010\/06\/over-300x227.png\" alt=\"bootanimation.zip cr\u00e9\u00e9\" title=\"bootanimation.zip cr\u00e9\u00e9\" width=\"300\" height=\"227\" class=\"size-medium wp-image-1386\" srcset=\"https:\/\/blogs.wittwer.fr\/whiler\/wp-content\/uploads\/2010\/06\/over-300x227.png 300w, https:\/\/blogs.wittwer.fr\/whiler\/wp-content\/uploads\/2010\/06\/over.png 621w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><p id=\"caption-attachment-1386\" class=\"wp-caption-text\">bootanimation.zip cr\u00e9\u00e9<\/p><\/div><br \/>\nA la racine de l&rsquo;archive, vous devez retrouver le fichier <em>desc.txt<\/em> et les sous-r\u00e9pertoires des images&nbsp;! Si ce n&rsquo;est pas le cas, recr\u00e9ez votre archive pour respecter cela.<br \/>\n<div id=\"attachment_1391\" style=\"width: 310px\" class=\"wp-caption aligncenter\"><a href=\"\/whiler\/wp-content\/uploads\/2010\/06\/archive.png\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-1391\" src=\"\/whiler\/wp-content\/uploads\/2010\/06\/archive-300x227.png\" alt=\"Arborescence de l&#039;archive\" title=\"Arborescence de l&#039;archive\" width=\"300\" height=\"227\" class=\"size-medium wp-image-1391\" srcset=\"https:\/\/blogs.wittwer.fr\/whiler\/wp-content\/uploads\/2010\/06\/archive-300x227.png 300w, https:\/\/blogs.wittwer.fr\/whiler\/wp-content\/uploads\/2010\/06\/archive.png 621w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><p id=\"caption-attachment-1391\" class=\"wp-caption-text\">Arborescence de l'archive<\/p><\/div><\/p>\n<p>Il ne vous reste plus qu&rsquo;\u00e0 le mettre dans le dossier <em>\/data\/local\/<\/em> de votre t\u00e9l\u00e9phone (test\u00e9 sur HTC Desire) :<br \/>\n<div id=\"attachment_1388\" style=\"width: 190px\" class=\"wp-caption aligncenter\"><a href=\"\/whiler\/wp-content\/uploads\/2010\/06\/data-local.jpg\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-1388\" src=\"\/whiler\/wp-content\/uploads\/2010\/06\/data-local-180x300.jpg\" alt=\"\/data\/local\/bootanimation.zip\" title=\"\/data\/local\/bootanimation.zip\" width=\"180\" height=\"300\" class=\"size-medium wp-image-1388\" srcset=\"https:\/\/blogs.wittwer.fr\/whiler\/wp-content\/uploads\/2010\/06\/data-local-180x300.jpg 180w, https:\/\/blogs.wittwer.fr\/whiler\/wp-content\/uploads\/2010\/06\/data-local.jpg 480w\" sizes=\"auto, (max-width: 180px) 100vw, 180px\" \/><\/a><p id=\"caption-attachment-1388\" class=\"wp-caption-text\">\/data\/local\/bootanimation.zip<\/p><\/div><\/p>\n<p>Bootez, votre t\u00e9l\u00e9phone et admirez le r\u00e9sultat <img src=\"https:\/\/blogs.wittwer.fr\/whiler\/wp-includes\/images\/smilies\/skype\/\/wink.gif\" alt=\";)\" class=\"wp-smiley\" style=\"height: 1em; max-height: 1em;\" \/> <\/p>\n<p>Si vous obtenez un \u00e9cran noir, c&rsquo;est que l&rsquo;une des \u00e9tapes n&rsquo;a pas \u00e9t\u00e9 correctement respect\u00e9e. Habituellement, si l&rsquo;archive est compress\u00e9e, le fichier <em>desc.txt<\/em> mal d\u00e9fini, l&rsquo;arborescence de l&rsquo;archive, &#8230;<\/p>\n<blockquote><p>Pour info, j&rsquo;utilise <a href=\"https:\/\/www.whitsoftdev.com\/unfreez\/\">UnFREEz<\/a> pour g\u00e9n\u00e9rer les GIFs anim\u00e9s que j&rsquo;affiche sur mon blog <img src=\"https:\/\/blogs.wittwer.fr\/whiler\/wp-includes\/images\/smilies\/skype\/\/cool.gif\" alt=\"8-)\" class=\"wp-smiley\" style=\"height: 1em; max-height: 1em;\" \/> <\/p><\/blockquote>\n<div class=\"thanks_button_div\" \n                  style=\"float: right; margin-right: 10px; margin-top:10px;\"><div id=\"thanksButtonDiv_1368_1\" style=\"background-image:url(https:\/\/blogs.wittwer.fr\/whiler\/wp-content\/plugins\/thanks-you-counter-button\/images\/thanks_compact_brown1.png); background-repeat:no-repeat; float: left; display: inline;\"\n                onmouseover=\"javascript:thankYouChangeButtonImage('thanksButtonDiv_1368_1', true);\" \n                onmouseout=\"javascript:thankYouChangeButtonImage('thanksButtonDiv_1368_1', false);\"\n                onclick=\"javascript:thankYouChangeButtonImage('thanksButtonDiv_1368_1', false);\" >\n                <input type=\"button\" onclick=\"thankYouButtonClick(1368, 'You left &ldquo;Thanks&rdquo; already for this post')\" value=\"Merci\u00a0 8\"\n                  class=\"thanks_button thanks_compact thanks_brown1\"\n                  style=\"  font-family: Verdana, Arial, Sans-Serif; font-size: 14px; font-weight: normal;; color:#00f;\"\n                  id=\"thanksButton_1368_1\" title=\"Click to leave &ldquo;Thanks&rdquo; for this post\"\/>\n             <\/div><div id=\"ajax_loader_1368_1\" style=\"display:inline;visibility: hidden;\"><img decoding=\"async\" alt=\"ajax loader\" src=\"https:\/\/blogs.wittwer.fr\/whiler\/wp-content\/plugins\/thanks-you-counter-button\/images\/ajax-loader.gif\" \/><\/div><\/div>","protected":false},"excerpt":{"rendered":"<p>Pour cr\u00e9er une animation  que l\u2019on souhaite mettre au d\u00e9marrage de son t\u00e9l\u00e9phone Android, il faut :<br \/>\n    * un logiciel de compression (WinZip, WinRAR, 7-Zip, \u2026)<br \/>\nPour commencer, l\u2019animation, il va vous falloir les diff\u00e9rentes images qui constitueront votre animation&#8230;<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_links_to":"","_links_to_target":""},"categories":[132],"tags":[158],"class_list":["post-1368","post","type-post","status-publish","format-standard","hentry","category-android","tag-android"],"_links":{"self":[{"href":"https:\/\/blogs.wittwer.fr\/whiler\/wp-json\/wp\/v2\/posts\/1368","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blogs.wittwer.fr\/whiler\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blogs.wittwer.fr\/whiler\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blogs.wittwer.fr\/whiler\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/blogs.wittwer.fr\/whiler\/wp-json\/wp\/v2\/comments?post=1368"}],"version-history":[{"count":0,"href":"https:\/\/blogs.wittwer.fr\/whiler\/wp-json\/wp\/v2\/posts\/1368\/revisions"}],"wp:attachment":[{"href":"https:\/\/blogs.wittwer.fr\/whiler\/wp-json\/wp\/v2\/media?parent=1368"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blogs.wittwer.fr\/whiler\/wp-json\/wp\/v2\/categories?post=1368"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blogs.wittwer.fr\/whiler\/wp-json\/wp\/v2\/tags?post=1368"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}