Je weet nu hoe je een grid maakt over de hele hoogte en breedte (gebruik width en height) van je canvas. Nu ga je een wallpaper maken op dezelfde manier.
- gebruik de dubbele for-loop om een patroon met emoticons (dus: een unicode karakter naar keuze) maken
- de emoticons moeten reageren op de muis. Dan wordt het een andere emoticon.
- enige randomness in kleuren en vormen is een verbetering
- nog meer extra: geluiden.
Starter code
In de volgende code is al een gedeelte voor de horizontale (x) for-loop gedaan. De volgende klussen liggen voor je klaar:
- de for-loop voor de verticale (y)
- de vergelijking van x en mouseX doet alleen de check links van de muis (of juist rechts, net hoe je het ziet). Doe ook de overkant. En voor de y hetzelfde.
- Maak nog eens even wat leuks ja begrepen!
function setup() {
createCanvas(500, 500);
textSize(30)
}
function draw() {
background(220);
for( deX= 0; deX < width; deX = deX+30){
if(mouseX -deX < 50) {
text("♆",deX,300)
} else {
text("֎",deX,300)
}
}
}