Giter Club home page Giter Club logo

harmonio-inator's Introduction

Harmonio-Inator

This repository contains the code for Harmonio-Inator, a music grid powered by Tone.js. It allows users to create melodies by clicking on cells in the grid, triggering musical notes to be played.

This project is an assignment under the course UXDG-320 provided by the Savannah College of Art and Design, which allow students to propose solutions to real-world problems with novel, interactive technology solutions. Students can explore variety of coding languages and their intended user experience design applications, and effectively collaborate to design solutions, evaluate design feasibility, and test user experiences.

Table of Contents

Introduction

Harmonio-Inator is a web-based music grid built using HTML, CSS, and JavaScript. It utilizes the Tone.js library to generate and play musical notes based on user interactions with the grid.

The grid consists of multiple rows and cells, where each cell represents a musical element. By clicking on a cell, the corresponding musical note or chord is played. The melodies are predefined and stored in an array, and each cell is associated with an index that maps to a specific melody.

Usage

To use Harmonio-Inator, simply open the index.html file in a web browser. The grid will be displayed, and you can start creating melodies by clicking on the cells. Each click will trigger a melody based on the associated index of the cell. The melodies are played sequentially, allowing you to create unique musical patterns by selecting different cells.

Feel free to modify the melodies in the melodyArray to experiment with different chord progressions and musical ideas. You can also customize the styling of the grid by editing the style.css file.

Dependencies

Harmonio-Inator relies on the following external library:

  • Tone.js: A Web Audio framework for creating interactive music in the browser.

The necessary version of Tone.js is included in the HTML file using a Content Delivery Network (CDN) link.

Contributing

Contributions to Harmonio-Inator are welcome! If you have any ideas, suggestions, or bug reports, please open an issue or submit a pull request.

License

This project is licensed under the MIT License. Feel free to use and modify the code according to your needs.


Enjoy creating melodies with Harmonio-Inator! If you have any further questions or need assistance, please let me know.

harmonio-inator's People

Contributors

mataleogml 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.