Widget:NuageUsers : Différence entre versions
(11 révisions intermédiaires par 2 utilisateurs non affichées) | |||
Ligne 10 : | Ligne 10 : | ||
|?# | |?# | ||
|?thème | |?thème | ||
− | |format= | + | |format=json}} |
− | |||
− | |||
− | |||
− | }} | ||
{{#ask: [[Category:Utilisateur]] | {{#ask: [[Category:Utilisateur]] | ||
|?# | |?# | ||
− | |?thème | + | |?thème<noinclude> |
| format=ul | | format=ul | ||
}} | }} | ||
− | </noinclude> | + | voir [[Widget:ListeUsers]] |
+ | |||
+ | </noinclude> | ||
+ | |||
− | <script > | + | |
+ | |||
+ | |||
+ | <script > | ||
var donnees; | var donnees; | ||
//appel de la liste des utilisateurs | //appel de la liste des utilisateurs | ||
Ligne 54 : | Ligne 56 : | ||
<script type="text/processing" target="processing-canvas-nuage"> | <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(){ | void setup(){ | ||
size(600,400); | 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(){ | 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); | ||
− | text(donnees[0].thème,mouseX,mouseY); | + | |
+ | 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); | //println(donnees.items[0].label); |
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>