Giter VIP home page Giter VIP logo

find-the-beat's Introduction

PROJECT NAME: Find The Beat : Hackathon Nov 2022

Deployed link

Click here to play!

How to play

  • There will be a random 7-sequence beat scattered around the board's instrumments.
  • You will then be given 3 seconds to memorise the beat/locations of the sounds.
  • Select all the correct instrumments in the correct order to earn 1 point.
  • If you fail to select atleast 1 sound you will lose 1 Life.
  • If any beat is missed you will lose 1 Life.
  • If the sequence is not correct you will lose 1 Life.
  • You will then be given a new sequance in the next round.

Project Overview

Find the beat is a music-based memory pattern game.
The application was made by Monika, Michal, Bogdan, and Sador.

  • When start the game is pressed player is introduced to 3 seconds loading stage until the game board is shown. After that what is supposed to happen is, a 7-beat pattern scattered around the board of instruments. If the user fails to register at least 1 beat the program should remove 1 life When the player guessed all beats they will then move on to the next sequence.
  • There is a levels button option - this should increase the number of beats to a higher number to memorize.
  • The reset button will reset the sequence mid-game if user chooses so.

Wireframes

Wireframe has been designed based on on high level functionality of the music game, some of this might not be displayed in the final product of the game memory board.

Desktop

WireframesStart Wireframesgame

  • Final Result Pcview
Mobile

Wireframesmobile

  • Final result

mobileview

Flowchart of game play

Flowchart

Existing Features

  • The landing page image

Credits

  • Monika
  • Michal
  • Bogdan
  • Sador

find-the-beat's People

Watchers

 avatar

find-the-beat's Issues

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.