This is a card matching game that you may play with. A simple game to play by choosing from 2 decks and matching the set of card.
I designed all graphics in illustrator by using reference, such as picture. I have coded the entire game animation in Javascript.
Adobe Illustrator
HTMLS/CSS
Javascript
GSAP
Macbook Pro
This project had challenges during the process of desiging it and also while coding it. This was one of the first game projects that was designed and developed with 2D SVGs and animation.
The very first step was brainstroming about the topic. Secondly, all the graphics and content was designed with Adobe Illustrator and come up with choice of typography and colour scheme. Lastly, the interactive and the animation design was using HTML,CSS, Javascript; By implementing graphic design made in Adobe Illustrator.
This matching game is built for computers screen. Here is avalable the finale project for you to play with. Click the button "Launch" and have fun playing the matching game!
Launch