Widget:NuageUsers : Différence entre versions
De fablabo
| (4 révisions intermédiaires par le même utilisateur non affichées) | |||
| 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 vitesseX[] = new float[0]; | ||
| + | float vitesseY[] = new float[0]; | ||
| + | float directionX[] = new float[0]; | ||
| + | float directionY[] = new float[0]; | ||
void setup(){ | void setup(){ | ||
| Ligne 65 : | Ligne 69 : | ||
x = expand(x, donnees.length); | x = expand(x, donnees.length); | ||
y = expand(y, 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++) { | for (int i=0; i<donnees.length; i++) { | ||
x[i] = random(width); | x[i] = random(width); | ||
y[i] = random(height); | y[i] = random(height); | ||
| + | vitesseX[i] = random(-2, 2); | ||
| + | vitesseY[i] = random(-2, 2); | ||
| + | directionX[i] = 1; | ||
| + | directionY[i] = 1; | ||
} | } | ||
} | } | ||
| Ligne 73 : | Ligne 86 : | ||
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++){ | + | |
| − | + | 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].label,mouseX,mouseY+20); | ||
Version actuelle en date du 13 décembre 2012 à 15:29
dessine un nuage des utilisateurs
(en cours de dev)
utile
- 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>
