In this class we focus on learning programming as a tool to create, prototype and visualize.
This semester the final projects are memories.
Let’s Play!
In this class we cover basic programming elements such as variables, loops, conditions and classic algorithms. As well we cover complexity, prioritization and framing which is especially important in a creative and innovative context.
Die Aufgabe in diesem Kurs bestand darin, ein Memory-Spiel unter Verwendung von HTML, CSS und JavaScript zu programmieren.
Wir hatten die Freiheit, die Seite nach unseren Vorstellungen zu gestalten. Da die Verwendung von urheberrechtlich geschützten Bildern nicht erlaubt war, habe ich mich dafür entschieden, die Bilder für die Karten mithilfe einer KI zu generieren.
Funktionen:
Basic:
Create a playing field of cards of 20 pairs shuffled and laid out in a grid of 8x5 cards with their backs facing the
player.
Let the player click on a card to turn it on the face side. The player cannot turn a card that is face up on its back.
When a player has turned two cards on their face side, compare their symbol: if the symbol is the same, remove
the cards from the game, otherwise turn them on their back again.
Choose the symbols or images on the face side of the cards to your own liking.
Create a responsive design, so that when the screen size changes, everything stays visible and is accessible by
the player.
Intermediate
Allow the player to restart the game without reloading the page.
Keep score of how many cards or pairs the player has successfully collected and display the score.
Add a timer that starts running as soon, as the game is started and stops as soon as the player has collected the
last pair.
Add animations for:
flipping a car
collecting a matching pair
Hard
Allow the player to select a difficulty. Choosing a difficulty should modify the number of pairs dealt:
easy = 15 pairs
medium = 20 pairs
hard = 25 pairs
extra hard = 35 pairs
Display a win screen with the achieved score and used time for the player.
Add a 2 player mode where a player can flip two cards as long as those cards match.
When a player flips two non-matching cards the cards will be turn on their back again and his turn ends.
On the win screen show which player has won.
Fazit:
Dank des Kurses konnte ich mein Wissen im Bereich der Programmierung deutlich erweitern. Dabei hatte ich die Gelegenheit, mein Verständnis und meine Fertigkeiten in der Programmierung gezielt zu vertiefen. Insbesondere lernte ich, wie man bei Projekten dieser Art am besten vorgeht und effektiv nach Lösungen für auftretende Probleme sucht.
