Git Product home page Git Product logo

quickchef's Introduction

Quick Chef is a cooking game where the goal is to collect as much points as possible by fulfilling recipe/order requests over a set timer (5min).

Key Features:

  • The Player can use key-combos to perform actions required to make recipes (event listeners and currying).
  • Fetching and processing ingredients will take time to finish, represented by falling ingredient/processed food items over the timer duration (queue structure and async functions).
  • The Player can move left, right and jump to catch falling items, as well as drop and pick-up items in the Aseembly Station (Canvas moving object and collision recognition logic).
  • To "complete" a recipe, the Player needs to collect ingredients and chain processing actions in the correct order (node tree structure used to generate sequence key for matching logic)
  • At any time, the Player can serves held item(s), which will either increase points and generate a new recipe if it matches an order, otherwise everything is thrown out.

Additional Features:

  • Music:
    • Background music will change/speed-up depending on the time remaining (Tone.js).
    • various sound effects will play on different actions.
    • Player can mute the music at any time.

Technologies, Libraries, APIs

  • Canvas API to render images and moving objects
  • Tone.js library to control three different background music (fading, overlaying, timing, muting)
  • Webpack and Babel to bundle and transpile the source JavaScript code
  • npm to manage project dependencies

Bonus Features

  • Enabling stack structure for assembly station: allows Player to to pick up items one at a time (game strategy flexability)
  • Enable stack-queue structure for Chef held items: allows Player to hold more than one item at a time and to discard top and bottom items (game strategy flexability)
  • Pop-up fade in and out animation on actions (e.g. confetti, baking action gifs, etc.) to provide more sensory stimulation (player engagement)
  • Multiplayer Mode (co-op / competitive)
  • Click Mode/Controls (full functionality without keyboard for mobile compatibility)
  • Top Scoreboard (back-end)
  • Different restaurant themes to choose from with own set recipes, required ingredients and kitchenware
  • Clearer instructions with gifs for actions/ explaining interface/ logic, etc.
  • Timer for orders/recipes

Game Interface

Intro Interface

Game Interface

Game Over Interface

quickchef's People

Contributors

xlucyluo avatar

Watchers

 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.