{"id":1145,"date":"2014-11-09T17:10:19","date_gmt":"2014-11-09T17:10:19","guid":{"rendered":"http:\/\/paslongtemps.net\/blog\/2014\/11\/09\/processingdrawings-mobile-mobiles-void\/"},"modified":"2020-04-05T17:16:53","modified_gmt":"2020-04-05T15:16:53","slug":"processingdrawings-mobile-mobiles-void","status":"publish","type":"post","link":"https:\/\/paslongtemps.net\/blog\/2014\/11\/09\/processingdrawings-mobile-mobiles-void\/","title":{"rendered":""},"content":{"rendered":"\n\t\t<style type=\"text\/css\">\n\t\t\t#gallery-1 {\n\t\t\t\tmargin: auto;\n\t\t\t}\n\t\t\t#gallery-1 .gallery-item {\n\t\t\t\tfloat: left;\n\t\t\t\tmargin-top: 10px;\n\t\t\t\ttext-align: center;\n\t\t\t\twidth: 33%;\n\t\t\t}\n\t\t\t#gallery-1 img {\n\t\t\t\tborder: 2px solid #cfcfcf;\n\t\t\t}\n\t\t\t#gallery-1 .gallery-caption {\n\t\t\t\tmargin-left: 0;\n\t\t\t}\n\t\t\t\/* see gallery_shortcode() in wp-includes\/media.php *\/\n\t\t<\/style>\n\t\t<div id='gallery-1' class='gallery galleryid-1145 gallery-columns-3 gallery-size-thumbnail'><dl class='gallery-item'>\n\t\t\t<dt class='gallery-icon landscape'>\n\t\t\t\t<a href='https:\/\/paslongtemps.net\/blog\/2014\/11\/09\/processingdrawings-mobile-mobiles-void\/attachment\/1146\/'><img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"150\" src=\"https:\/\/paslongtemps.net\/blog\/wp-content\/uploads\/sites\/3\/2014\/11\/tumblr_nerzmntjQD1u3pgl4o1_640-150x150.png\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" srcset=\"https:\/\/paslongtemps.net\/blog\/wp-content\/uploads\/sites\/3\/2014\/11\/tumblr_nerzmntjQD1u3pgl4o1_640-150x150.png 150w, https:\/\/paslongtemps.net\/blog\/wp-content\/uploads\/sites\/3\/2014\/11\/tumblr_nerzmntjQD1u3pgl4o1_640-300x300.png 300w, https:\/\/paslongtemps.net\/blog\/wp-content\/uploads\/sites\/3\/2014\/11\/tumblr_nerzmntjQD1u3pgl4o1_640-624x624.png 624w, https:\/\/paslongtemps.net\/blog\/wp-content\/uploads\/sites\/3\/2014\/11\/tumblr_nerzmntjQD1u3pgl4o1_640.png 640w\" sizes=\"auto, (max-width: 150px) 100vw, 150px\" \/><\/a>\n\t\t\t<\/dt><\/dl><dl class='gallery-item'>\n\t\t\t<dt class='gallery-icon landscape'>\n\t\t\t\t<a href='https:\/\/paslongtemps.net\/blog\/2014\/11\/09\/processingdrawings-mobile-mobiles-void\/attachment\/1147\/'><img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"150\" src=\"https:\/\/paslongtemps.net\/blog\/wp-content\/uploads\/sites\/3\/2014\/11\/tumblr_nerzmntjQD1u3pgl4o2_640-150x150.jpg\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" srcset=\"https:\/\/paslongtemps.net\/blog\/wp-content\/uploads\/sites\/3\/2014\/11\/tumblr_nerzmntjQD1u3pgl4o2_640-150x150.jpg 150w, https:\/\/paslongtemps.net\/blog\/wp-content\/uploads\/sites\/3\/2014\/11\/tumblr_nerzmntjQD1u3pgl4o2_640-300x300.jpg 300w, https:\/\/paslongtemps.net\/blog\/wp-content\/uploads\/sites\/3\/2014\/11\/tumblr_nerzmntjQD1u3pgl4o2_640-624x624.jpg 624w, https:\/\/paslongtemps.net\/blog\/wp-content\/uploads\/sites\/3\/2014\/11\/tumblr_nerzmntjQD1u3pgl4o2_640.jpg 640w\" sizes=\"auto, (max-width: 150px) 100vw, 150px\" \/><\/a>\n\t\t\t<\/dt><\/dl><dl class='gallery-item'>\n\t\t\t<dt class='gallery-icon landscape'>\n\t\t\t\t<a href='https:\/\/paslongtemps.net\/blog\/2014\/11\/09\/processingdrawings-mobile-mobiles-void\/attachment\/1148\/'><img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"150\" src=\"https:\/\/paslongtemps.net\/blog\/wp-content\/uploads\/sites\/3\/2014\/11\/tumblr_nerzmntjQD1u3pgl4o3_640-150x150.jpg\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" srcset=\"https:\/\/paslongtemps.net\/blog\/wp-content\/uploads\/sites\/3\/2014\/11\/tumblr_nerzmntjQD1u3pgl4o3_640-150x150.jpg 150w, https:\/\/paslongtemps.net\/blog\/wp-content\/uploads\/sites\/3\/2014\/11\/tumblr_nerzmntjQD1u3pgl4o3_640-300x300.jpg 300w, https:\/\/paslongtemps.net\/blog\/wp-content\/uploads\/sites\/3\/2014\/11\/tumblr_nerzmntjQD1u3pgl4o3_640-624x624.jpg 624w, https:\/\/paslongtemps.net\/blog\/wp-content\/uploads\/sites\/3\/2014\/11\/tumblr_nerzmntjQD1u3pgl4o3_640.jpg 640w\" sizes=\"auto, (max-width: 150px) 100vw, 150px\" \/><\/a>\n\t\t\t<\/dt><\/dl><br style=\"clear: both\" \/><dl class='gallery-item'>\n\t\t\t<dt class='gallery-icon landscape'>\n\t\t\t\t<a href='https:\/\/paslongtemps.net\/blog\/2014\/11\/09\/processingdrawings-mobile-mobiles-void\/attachment\/1149\/'><img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"150\" src=\"https:\/\/paslongtemps.net\/blog\/wp-content\/uploads\/sites\/3\/2014\/11\/tumblr_nerzmntjQD1u3pgl4o4_640-150x150.jpg\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" srcset=\"https:\/\/paslongtemps.net\/blog\/wp-content\/uploads\/sites\/3\/2014\/11\/tumblr_nerzmntjQD1u3pgl4o4_640-150x150.jpg 150w, https:\/\/paslongtemps.net\/blog\/wp-content\/uploads\/sites\/3\/2014\/11\/tumblr_nerzmntjQD1u3pgl4o4_640-300x300.jpg 300w, https:\/\/paslongtemps.net\/blog\/wp-content\/uploads\/sites\/3\/2014\/11\/tumblr_nerzmntjQD1u3pgl4o4_640-624x624.jpg 624w, https:\/\/paslongtemps.net\/blog\/wp-content\/uploads\/sites\/3\/2014\/11\/tumblr_nerzmntjQD1u3pgl4o4_640.jpg 640w\" sizes=\"auto, (max-width: 150px) 100vw, 150px\" \/><\/a>\n\t\t\t<\/dt><\/dl><dl class='gallery-item'>\n\t\t\t<dt class='gallery-icon landscape'>\n\t\t\t\t<a href='https:\/\/paslongtemps.net\/blog\/2014\/11\/09\/processingdrawings-mobile-mobiles-void\/attachment\/1150\/'><img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"150\" src=\"https:\/\/paslongtemps.net\/blog\/wp-content\/uploads\/sites\/3\/2014\/11\/tumblr_nerzmntjQD1u3pgl4o5_640-150x150.jpg\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" srcset=\"https:\/\/paslongtemps.net\/blog\/wp-content\/uploads\/sites\/3\/2014\/11\/tumblr_nerzmntjQD1u3pgl4o5_640-150x150.jpg 150w, https:\/\/paslongtemps.net\/blog\/wp-content\/uploads\/sites\/3\/2014\/11\/tumblr_nerzmntjQD1u3pgl4o5_640-300x300.jpg 300w, https:\/\/paslongtemps.net\/blog\/wp-content\/uploads\/sites\/3\/2014\/11\/tumblr_nerzmntjQD1u3pgl4o5_640-624x624.jpg 624w, https:\/\/paslongtemps.net\/blog\/wp-content\/uploads\/sites\/3\/2014\/11\/tumblr_nerzmntjQD1u3pgl4o5_640.jpg 640w\" sizes=\"auto, (max-width: 150px) 100vw, 150px\" \/><\/a>\n\t\t\t<\/dt><\/dl>\n\t\t\t<br style='clear: both' \/>\n\t\t<\/div>\n\n<p><a class=\"tumblr_blog\" href=\"http:\/\/processingdrawings.tumblr.com\/post\/102181137341\/mobile-mobiles-void-setup-size-640\">processingdrawings<\/a>:<\/p>\n<blockquote>\n<pre class=\"code\">mobile[] mobiles; \nvoid setup() { \n  size(640, 640); \n  background(255); \n  colorMode(HSB); \n  mobiles = new mobile[0]; \n  for (int b=0; b&lt; 14; b++) { \n    float ray=(width*0.45-b*14); \n    float perimetre = 2*PI*ray; \n    int numba = int(perimetre\/20); \n    float toupiecent=TWO_PI\/numba; \n    float couleur=255\/numba; \n    for (int a=0; a&lt; numba; a++) { \n      new mobile(width\/2+cos(toupiecent*a)*ray, height\/2+sin(toupiecent*a)*ray, \n      color(couleur*a, (255.0\/14)*(b+1), 255));\n    }\n  } \n  stroke(0, 100);\n} \nvoid draw() { \n  for (int a=0; a&lt; mobiles.length; a++) { \n    mobiles[a].draw();\n  }\n} \nclass mobile { \n  float x, y, an, v, endx, endy; \n  float[] vrange; \n  color c; \n  mobile(float _endx, float _endy, color _c) { \n    endx=_endx; \n    endy=_endy; \n    c=_c; \n    x=random(width); \n    y=random(height); \n    v=random(0.5, 2.1); \n    vrange=new float[2]; \n    vrange[0]=random(-0.5, -0.1); \n    vrange[1]=random(0.1, 0.5); \n    an=random(TWO_PI); \n    mobiles = (mobile[]) append (mobiles, this);\n  } \n  void draw() { \n    fill(c); \n    an+=random(vrange[0], vrange[1]); \n    x+=cos(an)*v; \n    y+=sin(an)*v; \n    if (x&lt;\n    0||y&lt;\n    0||x&gt;\n    width||y&gt;\n    height) { \n      an+=random(-PI, PI); \n      x=constrain(x, 0, width); \n      y=constrain(y, 0, height);\n    } \n    if (random(30)&lt;\n    1) { \n      an=atan2(endy-y, endx-x); \n      vrange[0]=random(-0.5, -0.1); \n      vrange[1]=random(0.1, 0.5);\n    } \n    if (dist(x, y, endx, endy)&lt;\n    1.7) { \n      x=endx; \n      y=endy; \n      v*=0.97;\n    } \n    for (int a=0; a&lt; mobiles.length; a++) { \n      mobile m=mobiles[a]; \n      if (m!=this) { \n        float da=dist(m.x, m.y, x, y); \n        if (da&lt;\n        10) { \n          m.x=x+(m.x-x)\/da*(da+1); \n          m.y=y+(m.y-y)\/da*(da+1);\n        }\n      }\n    } \n    ellipse(x, y, 10, 10);\n  }\n} \nvoid keyReleased() { \n  saveFrame(\"img#####.png\");\n}\n<\/pre>\n<\/blockquote>\n","protected":false},"excerpt":{"rendered":"<p>processingdrawings: mobile[] mobiles; void setup() { size(640, 640); background(255); colorMode(HSB); mobiles = new mobile[0]; for (int b=0; b&lt; 14; b++) { float ray=(width*0.45-b*14); float perimetre = 2*PI*ray; int numba = int(perimetre\/20); float toupiecent=TWO_PI\/numba; float couleur=255\/numba; for (int a=0; a&lt; numba; a++) { new mobile(width\/2+cos(toupiecent*a)*ray, height\/2+sin(toupiecent*a)*ray, color(couleur*a, (255.0\/14)*(b+1), 255)); } } stroke(0, 100); } void draw() [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"gallery","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-1145","post","type-post","status-publish","format-gallery","hentry","category-uncategorized","post_format-post-format-gallery"],"_links":{"self":[{"href":"https:\/\/paslongtemps.net\/blog\/wp-json\/wp\/v2\/posts\/1145","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/paslongtemps.net\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/paslongtemps.net\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/paslongtemps.net\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/paslongtemps.net\/blog\/wp-json\/wp\/v2\/comments?post=1145"}],"version-history":[{"count":1,"href":"https:\/\/paslongtemps.net\/blog\/wp-json\/wp\/v2\/posts\/1145\/revisions"}],"predecessor-version":[{"id":1151,"href":"https:\/\/paslongtemps.net\/blog\/wp-json\/wp\/v2\/posts\/1145\/revisions\/1151"}],"wp:attachment":[{"href":"https:\/\/paslongtemps.net\/blog\/wp-json\/wp\/v2\/media?parent=1145"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/paslongtemps.net\/blog\/wp-json\/wp\/v2\/categories?post=1145"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/paslongtemps.net\/blog\/wp-json\/wp\/v2\/tags?post=1145"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}