Met P5JS kun je gebruik maken van tekst. Je moet wel het lettertype aangeven. Al uit de nineties is er de lijst van System Fonts die de meeste computers wel ondersteunen. En anders hebben ze zelf een fallback (een alternatief).
De System Fonts zijn:
- Arial
- Courier
- Courier New
- Times New Roman
- Georgia
- Helvetica
- Palatino
- Trebuchet MS
- Verdana
De text() function
Nadat je met textFont(“Arial”) een lettertype hebt ingesteld, kun je je met text(“Dit is de text”, x,y) een tekst plaatsen. met textSize(18) pas je de grootte aan.
function setup() {
createCanvas(330, 200);
textFont("Arial")
}
function draw() {
background(220);
textSize(32);
text("Juichen!",100,100)
textSize(20);
text("Juichen! Juichen",100,150)
}Opdracht: Laat de tekst meebewegen met de muis
Ja dat moet niet zo moeilijk zijn!