Widget:NuageUsers : Différence entre versions

De fablabo
Aller à : navigation, rechercher
Ligne 58 : Ligne 58 :
 
float x[] = new float[0];
 
float x[] = new float[0];
 
float y[] = new float[0];
 
float y[] = new float[0];
 +
float vitesse[] = new float[0];
  
 
void setup(){
 
void setup(){
Ligne 65 : Ligne 66 :
 
     x = expand(x, donnees.length);
 
     x = expand(x, donnees.length);
 
     y = expand(y, donnees.length);
 
     y = expand(y, donnees.length);
 +
    vitesse = expand(vitesse, donnees.length);
 
     for (int i=0; i<donnees.length; i++) {
 
     for (int i=0; i<donnees.length; i++) {
 
       x[i] = random(width);
 
       x[i] = random(width);
 
       y[i] = random(height);
 
       y[i] = random(height);
 +
      vitesse[i] = random(2);
 
   }
 
   }
 
  }
 
  }
Ligne 73 : Ligne 76 :
  
 
void draw(){
 
void draw(){
background(2);
+
background(2);
  
 
//text(donnees[0].thème,100,100);
 
//text(donnees[0].thème,100,100);
if(donnees!=null){
+
if(donnees!=null){
 
//println(donnees.length);
 
//println(donnees.length);
for(int i=0; i<donnees.length; i++){
+
text(donnees[i].label, x[i], y[i]);
+
  for(int i=0; i<donnees.length; i++){
}
+
    text(donnees[i].label, x[i], y[i]);
 +
 
 +
    x[i] += vitesse[i];
 +
    y[i] += vitesse[i];
 +
  }
  
 
//text(donnees[0].label,mouseX,mouseY+20);
 
//text(donnees[0].label,mouseX,mouseY+20);

Version du 13 décembre 2012 à 16:05

dessine un nuage des utilisateurs

(en cours de dev)


utile

JSON


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 vitesse[] = new float[0];

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

if(donnees!=null){

   x = expand(x, donnees.length);
   y = expand(y, donnees.length);
   vitesse = expand(vitesse, donnees.length);
   for (int i=0; i<donnees.length; i++) {
     x[i] = random(width);
     y[i] = random(height);
     vitesse[i] = random(2);
  }
}

}

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++){
   text(donnees[i].label, x[i], y[i]);
   x[i] += vitesse[i];
   y[i] += vitesse[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>