« Extension:processingjs » : différence entre les versions
De fablabo
Aucun résumé des modifications |
|||
Ligne 50 : | Ligne 50 : | ||
} | } | ||
</processingjs> | |||
<processingjs> | |||
/* @pjs font="Arial.ttf"; */ | |||
void setup() | |||
{ | |||
size(200,200); | |||
noLoop(); | |||
textFont(createFont("Arial",32)); | |||
} | |||
void draw() | |||
{ | |||
background(255); | |||
String t = "P.js"; | |||
float tw = textWidth(t); | |||
fill(0); | |||
text(t, (width-tw)/2, (height+32)/2); | |||
} | |||
</processingjs> | </processingjs> |
Version du 2 avril 2012 à 11:52
l'extension Processingjs permet d'entrer du code processing qui sera directement interprété dans le wiki à l'aide de http://processingjs.org
exemple
<processingjs> void setup(){ size( 200, 200 ); strokeWeight( 10 ); } void draw(){ background(0); ellipse( mouseX, mouseY, 100, 100 ); } </processingjs>
donne :
<processingjs> void setup(){
size( 200, 200 ); strokeWeight( 10 );
}
void draw(){
background(0); ellipse( mouseX, mouseY, 100, 100 );
}
</processingjs>
<processingjs>
void setup(){
size( 600, 100 ); strokeWeight( 10 );
}
void draw(){
background(200,20,10); ellipse( mouseX, mouseY, 100, 100 );
}
</processingjs>
<processingjs> /* @pjs font="Arial.ttf"; */
void setup() {
size(200,200); noLoop(); textFont(createFont("Arial",32));
}
void draw() {
background(255); String t = "P.js"; float tw = textWidth(t); fill(0); text(t, (width-tw)/2, (height+32)/2);
} </processingjs>