Instructions
On mobile you swipe photos to left or right, on desktop use arrows (left/right) or mouse to swipe. To change user, click on profile picture and provide a nickname.
Foundation
I talked with my brother about photography business. He claimed that his friends is one of the best photographer and his photos are just amazing. I was trying to find out what makes his friend outstanding.
We couldn’t get any conclusions, so I decided to create simple game that will show if there is some difference between random photos and photos taken by his friend. I used his photos from DeviantArt, mixed them with random photos and displayed them in tinder-like gallery: you decide who’s the author by swiping photo.
My brother couldn’t get a 100% score so I assume that I won ;) After all I added ability to provide other deviants and play in one versus other game (for example to check if you can recognize a unique style of your favorite photographer).
Technology
- jTinder - jQuery plugin for tinder-like cards, first result on Google, works at first run, nothing to add, example
- ProgressBar.js - I choose this lib from > 50 others, it has the greatest design and functionality that I was looking for (changing colors), example
- DeviantArt Gallery Plugin - I used some snippets from this repo to parse user photos
What I used
- Fisher-Yates Shuffle - I was looking for some algorithm to shuffle photos in array (to not display the same photo in every game), I chose Fisher-Yates
- YQL - "Yahoo Query Langauge" yahooapis that change xml to json (which is nice)
- DeviantArt API - is pretty strange, never used RSS API before, example