In this class we covered basic programming elements such as variables, loops, conditions and classic algorithms. As well we covered complexity, prioritization and framing which is especially important in a creative and innovative context. To give first semester students space to learn the basic elements of coding, UI-Design is not the focus of this class, however students can customize the UI-Design as a bonus feature.
Die Aufgabe war es, ein eigenes Quiz mithilfe von JavaScript zu entwickeln und ein vorgegebenes System zu implementieren.
Story
Bruno ist ein Hirte und hat sein geliebtes Schaf verloren. Deshalb ist seine Mission dieses zu finden. Um es zu finden muss er fünf schwierige Fragen richtig beantworten. Wenn er alle fünf Punkte hat kommt er zu seinem Schaf.
Der Spieler hat also die Aufgabe mit dem richtigen Beantworten von Fragen das Schaf zu finden.
Prozess & Umsetzung
Hauptsächlich habe ich die Plattform Stackoverflow benutzt um Dinge herauszufinden bzw. zu lernen, von denen ich keine Ahnung hatte. Mit der Zeit viel es mir immer leichter und die Umsetzung ging schneller voran.
Was die Bilder und Grafiken angeht habe ich alles selbst gepixelt, um mehr Inspiration zu sammeln und mich kreativ ein wenig auszutoben habe ich einige Pixelbilder erstellt.
Da mir das Arbeiten sehr viel Spaß bereit hat, habe ich mich dafür entschieden noch einige extra Features (wie z.B. Sound oder Translation) mit in das Quiz einzubauen um den Spielern nochmal mehr Möglichkeiten beim benutzen des Spiels zu geben.
Fertige Umsetzung
Die fertige Umsetzung des Quizzes kann man hier sehen:
Extra Preis
Mit der Hilfe von P5.js habe ich dann noch eine extra Seite erstellt auf der der Spieler, sofern er gewonnen hat, eine Belohnung in Form von einem Hintergrundbild welches automatisch generiert wird, erhält.