Widget:NuageUsers : Différence entre versions

Version actuelle en date du 13 décembre 2012 à 15:29

dessine un nuage des utilisateurs

(en cours de dev)

utile

JSON

• 2ni (Utilisateur:2ni)
• ALAIN CHARRIER (Utilisateur:ALAIN CHARRIER)
• ALMA (Utilisateur:ALMA)
• Aardjoun (Utilisateur:Aardjoun)
• Abbayedebuzay (Utilisateur:Abbayedebuzay)
• Adam sebastien (Utilisateur:Adam sebastien)
• Adriaan Broodryk (Utilisateur:Adriaan Broodryk)
• Adrien (Utilisateur:Adrien)
• AdrienM (Utilisateur:AdrienM)
• Adrienv82 (Utilisateur:Adrienv82)
• Agathe.benoit (Utilisateur:Agathe.benoit)
• Agatheprouteau (Utilisateur:Agatheprouteau)
• AgnèsM (Utilisateur:AgnèsM)
• Alban-Brice Pimpaud (Utilisateur:Alban-Brice Pimpaud)
• Alexis (Utilisateur:Alexis)
• AliceBleu (Utilisateur:AliceBleu)
• Aline C (Utilisateur:Aline C)
• Alizée Gottardo (Utilisateur:Alizée Gottardo)
• Al² (Utilisateur:Al²)
• Amaine (Utilisateur:Amaine)
• Amin (Utilisateur:Amin)
• Amélie BIGNON (Utilisateur:Amélie BIGNON)
• AnaisJac (Utilisateur:AnaisJac)
• Andynirina (Utilisateur:Andynirina)
• Annaelle.p (Utilisateur:Annaelle.p)
• Annav.i (Utilisateur:Annav.i)
• Anne-b (Utilisateur:Anne-b)
• Annelaure (Utilisateur:Annelaure)
• Anouk Malgrange (Utilisateur:Anouk Malgrange)
• Antaillandier (Utilisateur:Antaillandier)
• Antoine Langevin (Utilisateur:Antoine Langevin)
• Antoine THARREAU (Utilisateur:Antoine THARREAU)
• AntoineL (Utilisateur:AntoineL)
• Antonin P (Utilisateur:Antonin P)
• Ariane Michon (Utilisateur:Ariane Michon)
• Arnaud guinard (Utilisateur:Arnaud guinard)
• Arrieu (Utilisateur:Arrieu)
• Arthur.L (Utilisateur:Arthur.L)
• ArthurBouss (Utilisateur:ArthurBouss)
• Atelier Lugus (Utilisateur:Atelier Lugus)
• Aureldaunay (Utilisateur:Aureldaunay)
• Aurelie.gd (Utilisateur:Aurelie.gd)
• AurelieP (Utilisateur:AurelieP)
• Aurelien Izard (Utilisateur:Aurelien Izard)
• Avilab84 (Utilisateur:Avilab84)
• Baptiste LABAT (Utilisateur:Baptiste LABAT)
• Baptisteadel (Utilisateur:Baptisteadel)
• Barraudm (Utilisateur:Barraudm)
• Basile (Utilisateur:Basile)
• Bast (Utilisateur:Bast)
• … autres résultats

voir Widget:ListeUsers

<script > var donnees; //appel de la liste des utilisateurs $.getJSON("Sp%C3%A9cial:Ask/-5B-5BCategory:Utilisateur-5D-5D/-3F-23-2D/-3FTh%C3%A8me/limit%3D150/searchlabel%3D/format%3Djson",

 function(data) {

donnees=data.items;

   $.each(data.items, function(i,item){
     
    // L.marker([item.latt, item.long]).addTo(cartofab).bindPopup("<a href="+item.site+" target=\"_blank\">"+item.label+"</a>
"+item.intitulé+"
"+item.structures);
//alert( item.thème);
    

   });
document.getElementById("debug").innerHTML = "Il ya actuellement "+data.items.length+" utilisateurs renseignés sur cette page";
 });

</script>

<script src="extensions/processingjs/processing-1.3.6.min.js"></script>

<script type="text/processing" target="processing-canvas-nuage"> float x[] = new float[0]; float y[] = new float[0]; float vitesseX[] = new float[0]; float vitesseY[] = new float[0]; float directionX[] = new float[0]; float directionY[] = new float[0];

void setup(){ size(600,400);

if(donnees!=null){

   x = expand(x, donnees.length);
   y = expand(y, donnees.length);
   vitesseX = expand(vitesseX, donnees.length);
   vitesseY = expand(vitesseY, donnees.length);
   directionX = expand(directionX, donnees.length);
   directionY = expand(directionY, donnees.length);

   for (int i=0; i<donnees.length; i++) {
     x[i] = random(width);
     y[i] = random(height);
     vitesseX[i] = random(-2, 2);
     vitesseY[i] = random(-2, 2);
     directionX[i] = 1;
     directionY[i] = 1;
  }
}

}

void draw(){

background(2);

//text(donnees[0].thème,100,100);

if(donnees!=null){

//println(donnees.length);

 for(int i=0; i<donnees.length; i++){
   String [] s = split(donnees[i].label, "Utilisateur:");

   text(s[1], x[i], y[i]);

   if(x[i] < 0 || x[i] > width){
     directionX[i] *= -1;
   }

   if(y[i] < 0 || y[i] > height){
     directionY[i] *= -1;
   }

   x[i] += vitesseX[i] * directionX[i];
   y[i] += vitesseY[i] * directionY[i];
 }

//text(donnees[0].label,mouseX,mouseY+20); //text(donnees[0].thème,mouseX,mouseY);

//println(donnees.items[0].label); }

}

</script>

<canvas id="processing-canvas-nuage"> </canvas>