Fokus punkter man kan overveje for hver opgave
Opgave G1 - Interaktion med musen
Lav et program så en hvid firkant med kraftig rød ramme følger musen. Baggrunden skal være grå. Herudover skal du skrive “mouseX:” samt værdien af mouseX ud til Console.
Afprøv funktionaliteten: https://editor.p5js.org/JensValdez/full/XE7hQNMRp
Hint: Søg på stroke, rect, strokeWeight, background og mouseX i reference f.eks. https://p5js.org/reference/#/p5/stroke
Hint: Hvis man tegner flere ting på skærmen, så bliver de tegnet i samme rækkefølge som de står i koden.
Hint: Man kan skrive til console således: console.log("mouseX: " + mouseX)
Løsningseksempel: https://editor.p5js.org/JensValdez/sketches/XE7hQNMRp
Hvad nu!!: Find en eller to at arbejde sammen med. I skal nu give hinanden en opgave hvor i bruger det i har lært. Alternativt kan i eksperimentere lidt eller lave det i har lyst til indtil i starter på næste opgave.
Opgave G2 - Rækkefølgens betydning for kodelinierne
Lav et program så en gul firkant uden ramme følger musen. Musens cursor skal være i midten af kassen. Baggrunden skal være lilla. Der skal også være blå ellipse og en fire sidet rød polygon. Den gule firkant skal bevæge sig ind over den blå ellipse men bag ved den røde polygon.
Afprøv funktionaliteten: https://editor.p5js.org/JensValdez/full/LWKm_2eTG