Weerbericht
We hebben er voor gekozen om de opdracht met de Openweathermap API te maken. We hadden eigenlijk nog geen idee hoe API’s en JSON’s werkte (anders dat je pc kut gaat doen als je een JSON bestand wilt downloaden).
We hebben natuurlijk niet onze eigen woonplaats gebruikt, dus hebben we New York City gebruikt
https://editor.p5js.org/SuperiorCrane1/sketches/p3V8dLgnK
Challenge
Wij wilde heel graag er voor zorgen dat de achtergrond mee veranderde met het weertype. Dit is gelukt! Juigen! Ook kan je in de code heel makkelijk de naam van de stad waarvan je het weer wilt zien aanpassen. Daarom denk ik dat ik hier wel een 9 voor verdien.
Tutorial
Geld een klasgenoot? (thanks boredmuesli4)
Ik heb overigens wel zelf uitgevonden hoe ik de achtergrond moest veranderen. Sooooooo tutorial!
eerst pak je een plaatje naar keuze. Sla ze op en geef ze een makkelijke naam. dit is handig voor later.
ga nu naar je p5js editor en upload je foto’s bij sketch files
maak nu de funcion preload aan. deze moet boven de setup. zet hierin loadImage(“/[naam plaatje]”). dit kan je zo vaak doen als je maar wilt
funtion preload
t1 = loadImage("/tutorial1.jpg")nu ga je naar de draw en zet je daar het volgende neer
if([wat je wilt vergelijken] == [wat het moet zijn om dat plaatje te worden]) {
image([afgekorte naam plaatje], [coordinaat 1], [coordinaat 2], [hoogte plaatje], [breedte plaatje])
} else if {
([wat je wilt vergelijken] == [wat het moet zijn om dat plaatje te worden]) {
image([afgekorte naam plaatje], [coordinaat 1], [coordinaat 2], [hoogte plaatje], [breedte plaatje])
}
//ga door totdat je alles hebtik vind dat ik heir wel een 8 voor mag omdat ik een tutorial zelf heb gemaakt. natuurlijk is deze tutorial niet voor de hele code, daarom dus geen 9.
visuals
ik heb er voor gezorgd dat de teksten altijd leesbaar zijn door ze zwart te maken met een witte outline en de achtergrond plaatjes een beetje transparant te maken. ik denk dat dit wel een 7 waard is.
code / backend
alles is gecomment dus je kan duidelijk zien wat wat doet. ik heb nieuwe code geleerd om dit te kunnen doen dus een 8 omdat ik niet denk dat de code erg lastig is.
arichitectuur
eerlijk gezegd wist ik niet echt wat ik hier moest doen. na het aan een klasgenoot te hebben gevraagd kwam ik er achter dat je een ER diagram moest maken. well lucky me ik deed front end vorig jaar en had dat dus niet geleerd, dus improviseren maar!
ik heb een beetje bij klasgenoten gekeken en ze hadden allemaal ongeveer dit. het zag er wel logisch uit dus het een klein beetje veranderd
databases
ik heb twee api’s gebruikt. eentje voor de standaard gegevens zoals de temperatuur, en nog een andere om de icoontjes op te halen. althans, ik denk dat dat een api is. dus een 8,5 of 9
JUICHEN!