Giter VIP home page Giter VIP logo

chart-hero's Introduction

Chart Hero 1.1.0

Chart Hero is a web based chart editing application for Guitar Hero style rhythm games. With Chart Hero, you can create new custom charts in your browser on any desktop operating system.

Head to https://nb48.github.io/chart-hero/ to check out the application. All you need is an audio file. (.mp3, .ogg, or anything else your browser supports)

There are some examples here - https://drive.google.com/open?id=1T5JM1XR1tfY1WS6N4kgyKyeFU94zLd5Z

Running

git clone [email protected]:nb48/chart-hero.git
cd chart-hero
yarn install
yarn start

This starts the application at http://localhost:8080

Testing

yarn test

Building

yarn build

Built With

Styled With

License

This project is licensed under the MIT License - see the LICENSE file for details

Acknowledgments

Thanks to the Guitar Hero community for helping to design, test, and improve Chart Hero

chart-hero's People

Contributors

nb48 avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar

Forkers

exhogreen

chart-hero's Issues

Play Multiple Audio Files

Be able to load in multiple audio files at once and play them together

A lot of charts have their guitar section split out from the rest of the song so this will be helpful for editing existing charts

Mobile Support

Make sure the application works fine on mobile and make any changes needed.

Tap Notes

Be able to:

  • Parse tap notes from *.chart files
  • Changes notes to be tap notes in the chart editor

Solo Sections

Be able to:

  • Parse solo section events from *.chart files
  • Add and view solo section events in the chart preview / editor

Edit Chart

Be able to:

  • Render a scrollable fretboard that displays the entire song while the song is not playing
  • Click on individual notes and change their time values / note color

Sustains

Be able to:

  • Edit note length to create sustained notes
  • Parse sustained notes from *.chart files

Practice Sections

Be able to:

  • Parse practice section events from *.chart files
  • Add and view practice section events in the chart preview / editor

Import / Export Chart

Be able to:

  • Select a *.chart file
  • Parse the file into a typed object
  • Convert that typed object back into a *.chart file
  • Download that *.chart file

For this feature, only single green/red/yellow/blue/orange/open notes will be supported.

BPM Changes

Be able to:

  • Parse BPM changes from *.chart files
  • Add BPM changes to the chart editor / preview

Metadata Editor

A way to edit chart metadata in the app.

One idea is to have a button that brings up a modal with all the metadata in it.

Adjust Chart Preview Speed

Add a way to adjust the speed of the chart preview

Try to match it with the Clone Hero "Note Speed" setting.

Drums Support

Add a mode that draws the fretboard with only 4 lanes, and generates charts that work with drums

Copy Paste

Select multiple notes, copy them, and then paste them at another time.

Star Power Sections

Be able to:

  • Parse star power section events from *.chart files
  • Add and view start power section events in the chart preview / editor

Tap Input

Be able to:

  • Tap along to the song while it is playing to generate time values
  • Click on a time value and turn it into a new note (at that time)
  • Click on a button that turns all time values into new notes

Some songs are out of sync

Some of the test songs are out of sync when previewed. The clone hero importer must be doing something I'm not but no idea what that is yet.

Examples:

  • Rise Against - Savior
  • Dragonforce - Fury of the Storm

Force Strums / Hammer Ons

Be able to:

  • View which notes are strums and which are hammer ons
  • Manually force certain notes to be strums and hammer ones
  • Parse strums/hammer ons from *.chart files

Time Signature Changes

Be able to:

  • Parse time signature changes from *.chart files
  • Add time signature changes to the chart editor / preview

Preview Chart

Be able to:

  • Render the fretboard on screen
  • While the song is playing, draw the notes on the fretboard in sync with the song

Chords

Be able to:

  • Group multiple notes at the same time value together
  • Automatically make chords from notes that are at the same time value in *.chart files

Automatic Saving

It could store the current chart in local storage and then load that by default when you open the app.

Play Audio

Be able to:

  • Select an audio file
  • Play the audio file
  • Pause
  • Stop
  • Fast forward

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.