Code Monkey home page Code Monkey logo

anyyolk's Introduction

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.

anyyolk's People

Contributors

lacker avatar mattieuga avatar

Watchers

 avatar  avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.