{"id":416,"date":"2007-03-24T18:42:53","date_gmt":"2007-03-24T17:42:53","guid":{"rendered":"http:\/\/www.multimedialab.be\/blog\/?p=416"},"modified":"2012-10-25T10:35:34","modified_gmt":"2012-10-25T09:35:34","slug":"4-webcams-new-yorkaises","status":"publish","type":"post","link":"http:\/\/www.multimedialab.be\/blog\/?p=416","title":{"rendered":"4 webcams new-yorkaises"},"content":{"rendered":"<p>4 webcams new-yorkaises encastr\u00c3\u00a9es dans une m\u00c3\u00aame fen\u00c3\u00aatre.<\/p>\n<p><img decoding=\"async\" id=\"image415\" src=\"http:\/\/www.multimedialab.be\/blog\/wp-content\/uploads\/2007\/03\/4cams_482.jpg\" alt=\"4cams_482.jpg\" \/><\/p>\n<p><!--more--><\/p>\n<p><strong>Attention, ce code est obsol\u00c3\u00a8te.<\/strong><br \/>\nVoir la nouvelle version ici :<br \/>\n<a href=\"http:\/\/www.multimedialab.be\/blog\/?p=1398\" target=\"_blank\">http:\/\/www.multimedialab.be\/blog\/?p=1398<\/a><\/p>\n<p>Voici le code d&rsquo;un des fichiers pr\u00c3\u00a9sent\u00c3\u00a9s lors de la journ\u00c3\u00a9e portes-ouvertes \u00c3\u00a0 l&rsquo;Erg (\u00c3\u2030cole de Recherche Graphique) ces 16 et 17 mars 2007 : 4 flux de webcams r\u00c3\u00a9cup\u00c3\u00a9r\u00c3\u00a9s via leur URL et plac\u00c3\u00a9s dans une fen\u00c3\u00aatre divis\u00c3\u00a9e en 4 parties. <\/p>\n<p>Une valeur alpha (transparence) permet la transition lors du raffra\u00c3\u00aechissement de l&rsquo;image, gr\u00c3\u00a2ce \u00c3\u00a0 la fonction <a href=\"http:\/\/www.processing.org\/reference\/tint_.html\">\u00ab\u00a0tint ()\u00a0\u00bb.<\/a><\/p>\n<p>Dans ce cas-ci, \u00ab\u00a0tint\u00a0\u00bb prend 4 valeurs:<\/p>\n<p>tint(value1, value2, value3, alpha)<\/p>\n<p>soit :<\/p>\n<p>value1 :<br \/>\nred or hue value<br \/>\n(hue = teinte)<\/p>\n<p>value2 :<br \/>\ngreen or saturation value<br \/>\n(saturer = pousser au maximum d&rsquo;une valeur)<\/p>\n<p>value3 :<br \/>\nblue or brightness value<br \/>\n(brightness = luminosit\u00c3\u00a9)<\/p>\n<p>alpha : opacity of the image<\/p>\n<p>Cet exemple fait partie d&rsquo;autres exercices, voir cette page :<br \/>\n<a href=\"http:\/\/www.multimedialab.be\/cours\/processing\/index.htm\">http:\/\/www.multimedialab.be\/cours\/processing\/index.htm<\/a><\/p>\n<p>Le code :<\/p>\n<pre><code>\r\n\r\n\/\/taille de la fenetre\r\nvoid setup() {\r\nsize(672,480); \r\n}\r\n\r\nvoid draw() {\r\n\r\n\/\/chargement de l'image\r\nPImage a; \r\na = loadImage(\"http:\/\/images.earthcam.com\/ec_metros\/ourcams\/statueofliberty.jpg\");\r\n\r\n\/\/masque alpha\r\ntint(255, 255, 255, 50);  \r\n\r\n\/\/position de l'image\r\nimage(a,0,0); \r\n\r\nPImage b; \r\nb = loadImage(\"http:\/\/images.earthcam.com\/ec_metros\/ourcams\/charleyo.jpg\");\r\n\r\n\/\/masque alpha\r\ntint(255, 255, 255, 50);  \r\n\r\n\/\/position de l'image\r\nimage(b,352,0); \r\n\r\nPImage c; \r\nc = loadImage(\"http:\/\/images.earthcam.com\/ec_metros\/ourcams\/fridays.jpg\");\r\n\r\n\/\/masque alpha\r\ntint(255, 255, 255, 50);  \r\n\r\n\/\/position de l'image\r\nimage(c,0,240); \r\n\r\nPImage d; \r\nd = loadImage(\"http:\/\/images.earthcam.com\/ec_metros\/ourcams\/doubletree2.jpg\");\r\n\r\n\/\/masque alpha\r\ntint(255, 255, 255, 50);  \r\n\r\n\/\/position de l'image\r\nimage(d,320,240); \r\n}\r\n\r\n<\/code><\/pre>\n<p>Une version avec un seul flux :<\/p>\n<pre><code>\r\n\r\n\/\/taille du cadre\r\nvoid setup() {\r\n  size(352,240); \r\n\r\n}\r\n\r\nvoid draw() {\r\n\r\n\/\/chargement de l'image\r\nPImage a; \r\na = loadImage(\"http:\/\/images.earthcam.com\/ec_metros\/ourcams\/fridays.jpg\");\r\n\r\n\/\/masque alpha\r\ntint(255, 255, 255, 50);  \r\n\r\n\/\/position de l'image\r\nimage(a,0,0); \r\n\r\n}\r\n\r\n<\/code><\/pre>\n<p><strong>Attention, ce code est obsol\u00c3\u00a8te.<\/strong><br \/>\nVoir la nouvelle version ici :<br \/>\n<a href=\"http:\/\/www.multimedialab.be\/blog\/?p=1398\" target=\"_blank\">http:\/\/www.multimedialab.be\/blog\/?p=1398<\/a><\/p>\n<p>Mots-cl\u00c3\u00a9s : surveillance, camera, webcam, processing,<\/p>\n","protected":false},"excerpt":{"rendered":"<p>4 webcams new-yorkaises encastr\u00c3\u00a9es dans une m\u00c3\u00aame fen\u00c3\u00aatre.<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3,14],"tags":[],"class_list":["post-416","post","type-post","status-publish","format-standard","hentry","category-code","category-processing"],"_links":{"self":[{"href":"http:\/\/www.multimedialab.be\/blog\/index.php?rest_route=\/wp\/v2\/posts\/416","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/www.multimedialab.be\/blog\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.multimedialab.be\/blog\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.multimedialab.be\/blog\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/www.multimedialab.be\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=416"}],"version-history":[{"count":0,"href":"http:\/\/www.multimedialab.be\/blog\/index.php?rest_route=\/wp\/v2\/posts\/416\/revisions"}],"wp:attachment":[{"href":"http:\/\/www.multimedialab.be\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=416"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.multimedialab.be\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=416"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.multimedialab.be\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=416"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}