JQuery
Voor deze opdracht heb ik een paardenrace gemaakt met jQuery. Het doel was om een race te maken waarbij de paarden automatisch bewegen en er uiteindelijk een winnaar uitkomt. Ik wilde niet alleen een simpele race maken, maar ook zorgen dat elke race anders verloopt. Daarom heb ik gebruikgemaakt van random snelheden voor de paarden. Daarnaast heb ik zelf een extra functie toegevoegd die de maximale lengte van de race verandert wanneer de pagina wordt gerefresht. Hierdoor veranderen de odds van de paarden.
Hoe het ging
Tijdens het maken van de opdracht ben ik begonnen met het laten bewegen van de paarden met behulp van jQuery animaties en JavaScript. Daarna heb ik random snelheden toegevoegd zodat niet elk paard even snel was. Dat werkte goed, maar ik vond het nog te voorspelbaar. Daarom heb ik een randomizer toegevoegd die bij iedere refresh een andere maximale lengte van de race bepaalt. Dit was soms lastig omdat ik ervoor moest zorgen dat alles goed bleef samenwerken. Vooral het bepalen van de winnaar en het testen van de verschillende random waardes kostte tijd. Door veel te testen en fouten op te lossen heb ik beter geleerd hoe random functies, variabelen en animaties samenwerken in JavaScript en jQuery.
Het resultaat
Het eindresultaat is een werkende paardenrace waarbij de paarden random snelheden hebben. Ook verandert de maximale lengte van de race telkens wanneer de pagina wordt gerefresht, waardoor de odds van de paarden anders worden. Hierdoor voelt de race realistischer en minder voorspelbaar aan. Ik ben tevreden met het resultaat omdat ik meer heb gemaakt dan alleen de basis van de opdracht. Ik heb creatief nagedacht over hoe ik de race interessanter kon maken. Als ik meer tijd had, zou ik nog extra functies toevoegen zoals stamina, verschillende soorten paarden of een wed-systeem.