![\"import_librairie2\"](\"http:\/\/ifdesignelseart.com\/wp-content\/uploads\/2014\/05\/import_librairie2.png\")
<\/a><\/p>\n <\/p>\n
Une fois install\u00e9e, la librairie est imm\u00e9diatement disponible.
\nL’\u00e9tape suivante, dans notre programme, sera de d\u00e9clarer la librairie, et de d\u00e9clarer\u00a0un objet GifMaker, que nous choisirons de nommer gifExport :<\/p>\n
<\/p>\n
import gifAnimation.*;\r\nGifMaker gifExport ;<\/pre>\n <\/p>\n
Cet objet sera plus tard instanci\u00e9 dans la section setup :<\/p>\n
<\/p>\n
gifExport = new GifMaker(this, \"monjoligifanime.gif\"); \/\/ on instancie l'objet et on indique le nom qu'aura le fichier\r\ngifExport.setRepeat(0); \/\/ on d\u00e9clare le nombre de r\u00e9p\u00e9titions de la boucle (0 : infini) \r\ngifExport.setTransparent(255,255,255); \/\/ on d\u00e9clare la couleur de transparence (ici, du blanc)<\/pre>\n <\/p>\n
Au cours de l’animation, chaque fois que nous d\u00e9sirerons enregistrer le contenu de notre fen\u00eatre en tant que \u00ab\u00a0frame\u00a0\u00bb (photogramme) de notre animation, nous utiliserons les commandes setDelay() (pour d\u00e9finir la dur\u00e9e de l’image, en millisecondes), et addFrame(), pour enregistrer :<\/p>\n
<\/p>\n
gifExport.setDelay(20);\r\ngifExport.addFrame();<\/pre>\n <\/p>\n
Enfin, lorsque toutes les images que nous souhaitons enregistrer l’auront \u00e9t\u00e9, nous pourrons arr\u00eater l’animation et proc\u00e9der \u00e0 l’enregistrement :<\/p>\n
<\/p>\n
gifExport.finish(); \r\nnoLoop();<\/pre>\n <\/p>\n
Voici le programme complet, qui dessine un rectangle en train de grandir. Chaque \u00e9tape est enregistr\u00e9e, et lorsque le rectangle d\u00e9passe le format de notre fen\u00eatre, l’animation s’interrompt et le gif anim\u00e9 est enregistr\u00e9.<\/p>\n
<\/p>\n
import gifAnimation.*;\r\nGifMaker gifExport ;\r\nfloat taille=0;\r\n\r\nvoid setup() {\r\nsize(200,200); \r\n gifExport = new GifMaker(this, \"monjoligifanime.gif\");\r\n gifExport.setRepeat(0); \r\n gifExport.setTransparent(255,255,255); \r\n noFill();\r\n strokeWeight(10);\r\n rectMode(CENTER);\r\n}\r\n\r\nvoid draw() {\r\n background(255);\r\n rect(width\/2, height\/2, taille, taille);\r\n taille+=2;\r\n taille*=1.2;\r\n \r\n gifExport.setDelay(20);\r\n gifExport.addFrame();\r\n if(taille>width){ \r\n gifExport.finish(); \r\n noLoop();\r\n }\r\n}<\/pre>\n <\/p>\n
Une fois le Gif fabriqu\u00e9, vous n’aurez plus qu’\u00e0 aller le r\u00e9cup\u00e9rer \u00e0 l’int\u00e9rieur de votre \u00ab\u00a0Sketch folder\u00a0\u00bb, avec la commande \u00ab\u00a0Sketch -> show sketch folder\u00a0\u00bb.
\nAttention les yeux, voici le r\u00e9sultat :<\/p>\n
<\/p>\n
![\"monjoligifanime\"](\"http:\/\/ifdesignelseart.com\/wp-content\/uploads\/2014\/05\/monjoligifanime.gif\")
<\/a><\/p>\n <\/p>\n","protected":false},"excerpt":{"rendered":"
La librairie gifAnimation permet d’exporter un fichier au format GIF anim\u00e9 directement depuis Processing. Elle n’a malheureusement pas encore \u00e9t\u00e9 port\u00e9e sous Processing 3 et ne fonctionne donc qu’avec les versions pr\u00e9c\u00e9dentes. La premi\u00e8re \u00e9tape est de t\u00e9l\u00e9charger la librairie gifAnimation. Depuis la version 2 de Processing, cette op\u00e9ration peut se r\u00e9aliser de mani\u00e8re assez […]<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[6],"tags":[],"class_list":["post-194","post","type-post","status-publish","format-standard","hentry","category-tips"],"_links":{"self":[{"href":"https:\/\/ifdesignelseart.com\/index.php?rest_route=\/wp\/v2\/posts\/194","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ifdesignelseart.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ifdesignelseart.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ifdesignelseart.com\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/ifdesignelseart.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=194"}],"version-history":[{"count":1,"href":"https:\/\/ifdesignelseart.com\/index.php?rest_route=\/wp\/v2\/posts\/194\/revisions"}],"predecessor-version":[{"id":282,"href":"https:\/\/ifdesignelseart.com\/index.php?rest_route=\/wp\/v2\/posts\/194\/revisions\/282"}],"wp:attachment":[{"href":"https:\/\/ifdesignelseart.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=194"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ifdesignelseart.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=194"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ifdesignelseart.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=194"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
![\"import_librairie\"](\"http:\/\/ifdesignelseart.com\/wp-content\/uploads\/2014\/05\/import_librairie.png\")
<\/a><\/p>\n