GithubHelp home page GithubHelp logo

anubhavshakya / musicblocks Goto Github PK

View Code? Open in Web Editor NEW

This project forked from sugarlabs/musicblocks

0.0 1.0 0.0 118.14 MB

Music Blocks -- A musical microworld

License: GNU Affero General Public License v3.0

CSS 7.43% HTML 8.59% JavaScript 82.70% ActionScript 1.09% Python 0.19%

musicblocks's Introduction

MUSIC BLOCKS

“All musicians are subconsciously mathematicians” – Monk

Music Blocks is a programming language and collection of manipulative tools for exploring musical and mathematical concepts in an integrative and fun way.

alt tag

alt tag

Running Music Blocks

Music Blocks is available under the GNU Affero General Public License (AGPL), a free, copyleft license.

Music Blocks is designed to run in a web browser.

The easiest way to run Music Blocks is to open Music Blocks in your browser (Firefox, Chrome, and Opera work best).

If you want to run Music Blocks offline, download or git clone this repo and run through a local server.

How to set up a local server

Some web browsers (e.g., Firefox v68) have restrictions that prevent Music Blocks from running from the file://. To circumvent this, we provide instructions for launching a web server on your computer to which you can connect to Music Blocks.

(1) In a terminal, cd to the directory where you downloaded Music Blocks (e.g., cd /musicblocks)

(2) If you do not have Python installed, you'll need to install it. (Get it from https://www.python.org) You can test for Python in a terminal: python. Type exit() to exit Python.

(3) After cloning the musicblocks repository, run the command:

$ npm run serve

This works on all Operating Systems with Python.

On Windows sytems with multiple Python installations, it is recommended to use this command instead:

$ npm run winserve

NOTE: Make sure you can run either python or py from your terminal.

(4) You should see a message: Serving HTTP on 0.0.0.0 port 3000 ... since the HTTPServer is set to start listening on Port 3000.

(5) Open your favorite browser and run localhost:3000 or 127.0.0.1:3000.

Using Music Blocks

Once Music Blocks is running, you'll want suggestions on how to use it. See Using Music Blocks and Music Blocks Guide.

Looking for a block? Find it in the Palette Tables.

Modifying Music Blocks

The core code for Music Blocks resides in the js directory. Individual modules are described in more detail in js README.md

Note: As with any change, please make your own copy by cloning this respository. Make your changes, test them, and then make a pull request.

See Contributing Code for more details.

Credits

Music Blocks is a fork of TurtleBlocksJS created by Walter Bender.

Devin Ulibarri has contributed functional and user-interface designs. Many of his contributions were inspired by the music education ideas, representations and practices (e.g. aspects of matrix, musical cups) developed and published by Larry Scripp with whom Devin studied at New England Conservatory and for whom he worked at Affron Scripp & Associates, LLC, Center for Music and the Arts in Education (CMAIE), and Music in Education Some of the initial graphics were contributed by Chie Yasuda.

Much of the initial coding specific to Music Blocks was done by Yash Khandelwal as part of Google Summer of Code (GSoC) 2015. Hemant Kasat contributed to additional widgets as part of GSoC 2016. Additional contributions are being made by Tayba Wasim, Dinuka Tharangi Jayaweera, Prachi Agrawal, Cristina Del Puerto, and Hrishi Patel as part of GSoC 2017. During GSoC 2018, Riya Lohia developed a Temperament Widget. Ritwik Abhishek added a keyboard widget and a pitch-tracking widget.

Many students contributed to the project as part of Google Code-in (2015–16, 2016–17, and 2017–2018). Sam Parkinson built the Planet during GCI 2016–17. Emily Ong designed our mouse icon and Euan Ong redesigned the Planet code as a series of GCI tasks in 2017–18; Austin George refactored the toolbars as a series of GCI tasks in 2018. In GCI 2019, Bottersnike redesigned the widgets and the Block API, AndreaGon made the widgets responsive, Pidddgy refactored the update code, resulting in an order-of-magnitude improvement in CPU usage, and Nepaltechguy2 updated the local storage mechanism to use localforage.

A full list of contributors is available.

Reporting Bugs

Bugs can be reported in the issues section of this repository.

If possible, please include the browser console log output when reporting bugs. To access the console, type Ctrl-Shift-J on most browsers. You may need to set the "Default level" for the console to "Verbose" in order to see all of the output.

Contributing

Please consider contributing to the project, with your ideas, your music, your lesson plans, your artwork, and your code.

Programmers, please follow these general guidelines for contributions.

Music Blocks in Japan

Gakken STEAM

musicblocks's People

Contributors

a-ritwik avatar andreagon avatar ashnidh avatar aust-n avatar aviral243 avatar b18050 avatar benlangham avatar bottersnike avatar emilyong avatar euanong avatar fakela avatar hemantkasat avatar hrishi1999 avatar jshreyans avatar kachachan avatar khandelwalyash avatar kipply avatar mayankkuthar avatar pidddgy avatar pikurasa avatar pipix51 avatar prachiagrawal269 avatar riyalohia avatar samyok avatar sarthakagr104 avatar sdziuda avatar sparsh0204 avatar tabs16 avatar tradzik avatar walterbender 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.