GithubHelp home page GithubHelp logo

bruugey / bounce-frontend Goto Github PK

View Code? Open in Web Editor NEW

This project forked from gilsunshine/bounce-frontend

0.0 0.0 0.0 3.83 MB

An interactive music-synthesizing application that lets users start with a preloaded “scene” generated from the database, or reset the scene and make their own. Sound output is modified by users adding “blocks” and “balls” to the screen, and these custom creations can be saved

Home Page: http://bounce-123.s3-website-us-east-1.amazonaws.com/

HTML 4.26% JavaScript 90.52% CSS 5.22%

bounce-frontend's Introduction

Bounce

Bounce is an interactive music sequencing application. Start with a preloaded "scene" or reset it and make your own.

Click "Create Block" then choose two points on the grid to make a new block. Blocks add a boundary that prevents the balls from passing through.

Click "Create Ball" then set the parameters below, to control the ball's movement and the sound it creates. Click anywhere on the grid to set the ball in motion.

The grid is designed to allow you to arrange your music in 4/4 time. You can create a composition in a different time signature by shrinking the grid using blocks.

Bounce was built using Javascript and the P5 library.

checkpoint

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.