Enraged Whiting 7

UITLEG:

In dit mini project was het de bedoeling om een soort musical keyboard te maken waarin bepaalde keys correspondeerden met een geluid. We hebben hiervoor veel functies gebruikt zoals ”if…. else” . Het was best lastig dus we hebben een video op YouTube gekeken die het een beetje uit legde, en zo is het uiteindelijk toch gelukt. Elke key heeft een geluidje en zo kun je dus daadwerkelijk piano spelen. Je kunt natuurlijk ook meerdere toetsen tegelijkertijd indrukken voor extra fun.

(Het voorbeeld wilde niet helemaal lekker werken dus bij deze de link naar ons project:

https://editor.p5js.org/resolvedsardines0/sketches/dF6TuXARm )

WRITING PROMPT:

Ik heb niet een specifieke muziekstijl, of een die mijn favoriet is, maar ik luister het meest naar Vocaloid en soundtracks van bepaalde films of games. Als ik naar vocaloid luister wordt ik vaak gewoon heel vrolijk of hyped up. Het is namelijk muziek met computer gestuurde geluiden als stem die dan zo woorden vormen. De muziek is vaak erg upbeat met goeie basslines en zieke instrumentals. De soundtracks zijn natuurlijk het totaal tegenovergestelde op een paar na. Die zijn vaak zonder zang, alleen instrumental, en aan de rustige kant. Echter zijn de Attack on titan soundtracks wel vaak upbeat! Als ik een muziek app zou kunnen coderen dan zou ik waaschijnlijk een rhythm game maken. Puur omdat ze super leuk zijn om te spelen, en je er dan alle nummers aan toe kan voegen die je wil.

Hierbij is het mini project van kinetic typing. We hebben een quote van Micheal Jackon gebruikt. “In a world filled with hate we must still dare to hope”. Ik heb hierbij 3 verschillende fonts gebruikt en wanneer je je muis beweegt, beweegt de text mee behalve de ‘hate’ en ‘hope’. Onder de foto’s is de pj5s code.

In deze les ging het over het veranderen van de fonts in p5.js. Je kan dus allemaal custom fonts downloaden en deze in de index zetten waar je ook de images in toevoegt.

ik had een font gedownload en deze volgens de uitleg erin gezet, dit ging opzich wel goed.

Verder zat er niet heel veel meer in deze opdracht, het was allemaal best wel te doen en we kwamen er wel uit.

les: 22-02-2022

Ik heb vandaag gewerkt aan image manipulation. Eerst wist ik niet echt hoe ik foto’s moest toevoegen aan p5.js via de files, maar, het was gewoon een dropdown. oeps

Ik heb een beetje lopen spelen met de image loader en de manipulator van de foto’s.

Ik heb vandaag het mini project van wallpaper design af. Alle requirements zitten er in met de loops en random kleuren! Het duurde een voordat ik kon uitvogelen hoe het werkt maar ik ben er toch nog achter gekomen.

Ik heb vandaag gewerkt aan 1.3 van Unit 3. Julia was er vandaag niet dus ik moest alleen werken aan dit paragraaf. Ik begin een beetje last te hebben van het begrijpen van de loops maar ik denk dat het wel goed komt

Zoals de opdracht zei heb ik gewoon een beetje gespeeld met de loops, ik vind het handig dat je gewoon de hele cirkels in een keer kan veranderen in plaats van meerdere.

n deze unit hebben wij in totaal 2 werkstukken gemaakt die we moeten laten presenteren. De ene is de lightswitch game en de andere is het paint project.

Bij de lightswitch game hadden we nog best wat moeite met de commands. Uiteindelijk zijn we wel tot een eindresultaat gekomen, maar het had natuurlijk altijd beter gekund. We hoorden van meerdere mensen dat zij ook best wel wat moeite hadden met de game maken omdat het over het algemeen best veel werk was plus de moeilijkheids graad lag best wel hoog.

Voor de voortgang geven we onszelf een 7. We hebben nog tot het laatste moment aan het eindproject gezeten, en gaan na dit project dus pas aan unit 3 beginnen.

Voor de lightswitch game geven we onszelf een 6,5/ 7. We vonden niet dat een hele 7 verdient was, sinds dat het niet veel bijzonders is. Echter werken de lichten wel met commands en weten we deze op te lossen. We hadden niet zoveel tijd om hem er mooi uit te laten zien, dus een 8 is het zeker niet waard.

https://editor.p5js.org/xxanne1114xx/sketches/3n6e8lY5J link staat op enragedwhiting7’s naam.

Voor het final project (paint) geven wij onszelf ook een 7. We missen wat requirements bijvoorbeeld de verschillende brush strokes. We snapte alletwee niet echt hoe dat werkte en kwamen in tijdnood, dus zijn we maar verder gegaan. Echter hebben we wel weer extra dingen toegevoegd die voor een 8 waren zoals mouseclick only plus meer dan 5 buttons en we hebben een leuke afbeelding toegevoegd zodat het daadwerkelijk op paint lijkt. We dachten dus dat het een goed idee was om onszelf een 7 te geven.

https://editor.p5js.org/xxanne1114xx/sketches/OuXk7gIn6

Voor het writing prompt geven we onszelf een 8/8.5 omdat wij deze persoonlijk goed uitgewerkt vonden. We hebben extra info opgezocht over hoe we die pitch zo commercieel mogelijk konden maken om wat extra punten te krijgen vanwege de lightswitch game voor een beter gemiddelde (writing prompt staat in ander bericht op sites).

In het totaalplaatje zouden wij onszelf een 7,5 gemiddeld geven omdat er altijd dingen zijn die beter hadden gekund ( dat zien wij zelf ook in ) maar we alsnog best wel tevreden zijn met onze eindresultaten, gezien dit niet de makkelijkste unit was.

les: 18/ 01/ 2022

Ik heb geleerd om loops te gebruiken, wat dus extra cirkels aan het canvas toevoegd zonder dat je iets hoeft te doen. Het was wel een beetje ingewikkeld om eerst te begrijpen, maar het is me toch wel gelukt.

Het is mij ook gelukt, alleen ik vind het jammer dat het alleen je muis volgt, en niet werkt met klikken.