Belle reprise de Depeche Mode

Voici une portion de code processing (v1.5 et/ou v2) que l’on retrouve dans ma carte de vœux 2012, une étape nécessaire avant l’assemblage de « mes briques de code ».
Deux notions de maths sont utiles, le calcul de distances entre deux points et l’équation paramétrique d’un cercle mais pas besoin de comprendre rigoureusement pour s’amuser avec ces formules :)

float x, y; //position du point
float a; // une sorte de rayon
int tx, ty; // target du point

void setup() {
  size(640, 360);
  background(250);
  smooth();
  frameRate(500);
  x=400;
  y=200;
  tx=320;
  ty=180;

  strokeWeight(2);
  a=sqrt(sq(x-tx)+sq(y-ty)); // distance entre deux points (pythagore)
}

void draw()
{
  fill(0, 10); //effet trace (motion trail)
  noStroke();
  rect(0, 0, 640, 360);
  stroke(255);
  point(x, y);

  // calcul de la position
  float angle=radians(frameCount*4); // à chaque image on bouge de 4°
  if (a>1) {
    x=cos(angle)*a+tx; // équation d'un cercle de rayon a et centre tx
    y=sin(angle)*a+ty; //
    a=a-0.05; // réduction du rayon
  } else {
    x=tx;
    y=ty;
  }
}

À la dernière minute, je vous souhaite une chouette année 2012 !
Une année pleine de pixels et de réel !
http://jenseign.com/2012/

Ça ne marche que sous Chrome à cause de la gestion du son et c’est du pure HTML5 :
http://labs.dinahmoe.com/plink/

Deux collections de pictogrammes (à archiver) :
http://thedesignoffice.org/project/modern-pictograms/
http://thenounproject.com/fr/

via

Par Camille Baudelaire
http://www.cnap.fr/bonne-année-2012

Un stop-motion à archiver

une typo payable en tweet !

Font Based on the Style of Lettering Seen on Cassandre Posters

http://cassannet.net/

Road Rage from Nick Khoo.

On peut faire pas mal d’opérations sur les Array dans Processing mais pour supprimer un élément, j’ai rien vu, de plus subset compte de 1 à n les éléments de la liste (=array) !
Voici une function _remove pour les listes de chiffres, à adapter selon vos besoins.

int[] s= { 1, 2, 3, 4};

int[] _remove(int[] s, int r) {
  return concat(subset(s, 0, r), subset(s, r+1, s.length-r-1));
}

void setup() {
  println("s="+join(nf(s, 0), ", "));
  s=_remove(s, 1); //on compte comme dans l'array à partir de 0
  println("s="+join(nf(s, 0), ", "));
}

Comme la manipulation sur les tableaux en 2D n’est pas simple (enfin il faut juste mettre un type devant), voici la version 2D

int[][] _remove(int[][] s,int r){
 return (int[][]) concat((int[][]) subset(s,0,r),(int[][]) subset(s,r+1,s.length-r-1));
}

Mieux que perdu.com :)

Une première photo, cadrée de près, permet d’identifier l’objet perdu : un pull, une capuche, un doudou, un objet banal, qui appartenait à quelqu’un, dont l’absence est manifeste. Un objet anonyme désormais, posé là, dans l’attente de…
Prise de plus loin, une deuxième photo élargit le champ, fait découvrir l’espace dans lequel apparaît l’objet perdu. Elle montre son inscription dans l’environnement, sa marque insolite sur le territoire.

http://www.objets-perdus.net

Remarquable, LED Lamp Powered by Apples

Voici un jeu pour mettre fin aux polémiques ! À gauche le jeu est motorisé sous Flash et à droite en html5 (via canvas) :
http://labs.codecomputerlove.com/FlashVsHtml5/
bonus :
http://occupyflash.org/
http://occupyhtml.org/

Encore une horloge :) en Flash
http://lovedbdb.com/nudemenClock/index2.html

Aujourd’hui, deux sites que j’ai twitté, facebooké, google plussoyé mais jamais blogué !
Le premier est typographique : http://ajustetitre.tumblr.com/
Le second (image ci-dessus) est photographique (mais on appréciera le rapport texte/image) : http://meracontepastaviedanslejhm.tumblr.com
http://fr.wikipedia.org/wiki/PQR

De l’excellent dunun.com !

http://fr.wikipedia.org/wiki/Phénakistiscope

SLICED from La Gaîté Lyrique on Vimeo.

Merci Éric