AnyYolk

AnyYolk is a fun HTML5 game powered by Parse. The game uses CSS 3 animations and the highscore is submitted via facebook authentication and stored on Parse. You can check out the live version on the AnyYolk website.

Setup

Web Setup

1. Sign up for Parse and create a new Parse Application.
2. Copy paste your Application ID and JavaScript Key in the Parse.initialize() function in the index.html file.

Parse.initialize("APPLICATION_ID", "CLIENT_KEY");

Cloud Code Setup

1. Install the Parse command line tool using curl -s https://www.parse.com/downloads/cloud_code/installer.sh | sudo /bin/bash
2. Run the parse new cloudCode command from the root directory to initialize the cloud code with your Parse app keys (follow the on screen instructions).
3. Navigate to the /cloudCode directory using cd cloudCode and run the parse deploy command to deploy the Cloud Code.

Facebook Setup

1. Create a new Facebook application and under the app's settings, under the Mobile Web header, set the Mobile Site URL to your localhost web server.
2. Update the Facebook App ID in the Parse.FacebookUtils.init function.

Parse.FacebookUtils.init({
    appId : 'FACEBOOK_APP_ID',
    ...

CSS and SASS

AnyYolk uses Sass and Compass to generate its CSS. You will find the main SCSS file in sass/screen.scss. To generate the css from this file, install Compass and run the compass watch command from the root directory.