Coder Social home page Coder Social logo

circularrhythm's Introduction

CircularRhythm

a rhythm game using bmson format and running in browser

Play here!: http://circularrhythm.github.io/

How to play

ドルフィン, one of the organizers of Be-Music West created a detailed how-to-play! Here is a copy of it:

Here is an animated GIF to demonstrate: http://echo.s-ul.eu/0u33oAXQ.gif
You then select the song and which difficulty you want to play on.
Once you can see the play screen, hit ENTER to start playing!

You play the game using the keys [H][J][K][L][Spacebar]

[H] - Red Circle (Innermost Circle)
[J] - Orange Circle (Second Innermost)
[K] - Green Circle (Second Outmost)
[L] - Blue Circle (Outermost Circle)
[Spacebar] - Special (Centre)

If you are playing Doubles, you will need these keybinds in addition to [S][D][F][G] for the left side.
The keybinds above will be used for the right side.

[G] - Red Circle (Innermost Circle)
[F] - Orange Circle (Second Innermost)
[D] - Green Circle (Second Outmost)
[S] - Blue Circle (Outermost Circle)
[Spacebar] will trigger both sides' special.

Anyway, I hope you enjoy this unique way of playing music games!

circularrhythm's People

Contributors

suitougreentea avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar

circularrhythm's Issues

Mixer

e.g. keysound volume

unarranged

from wosderge's improvement suggestion:

全体

 ●とりあえずSEつけよう!SEってつけるだけで一気にゲームっぽくなるんだぜ!
  ※なんなら俺がSE作ってもいい

 ●一枚絵クリックでいいからタイトルシーン作ろう、ないと凄く「未完成品」っぽい

 ●全体な配色デザインは現状でfixしてしまうのか?
  ・現在はライトグレーベース+心理4原色の構成になってるけど、
   これってすごく教育テレビっぽい配色、いっちゃえば子供っぽい配色。
  ・後述するけど、ベース、背景カラーがガジェットより明度が高い色になってるのは
   ゲームUI的に凄く悪いことになっていると思う。
  ・個人的には、ダークグレー+蛍光系カラーを提案したい。(トレンディなフラットデザインとも言う)

楽曲セレクト

 ●押せる箇所と押せない箇所の区別が出来てない
  ・上のselect musicと下の各楽曲は同じフォームデザインになってる。けど上は押せなくて下はボタン。
   わけわからんので、ここは何かしらルールを決めてそれに徹さないといけない。。
  ・押せるものは何かしらアクションしてくれると解りやすいってのがセオリー。(色の明滅とかちょっと拡縮してたり)

 ●ゲージモードセレクトの箇所がおかしい
  ・ゲージの4つモードはゲーム全体におけるユーザの選択スタイルであるわけで、
   それぞれの楽曲毎に設定するわけではない。つまり現状の配置箇所はおかしい。
  ・最初の状態からどこかで選べればいいんじゃないかね

 ●楽曲情報もおかしい
  ・楽曲選ぶ⇒難易度選ぶ⇒プレイボタン押すの3段階遷移だけど、これほんとに3段階必要か?
  ・基本的に段階は少なく済むなら少なくした方がいいものです。
  ・3段階目の情報はどれも必須とは思えない。
   ・ハイスピ機能があるわけでもないので、BPMは表示する必要がない。オブジェも然り。
   ・前述したように、ゲージスタイルは外に置けばいい
   ・左の情報も、2段階目で全て解る訳で、改めて表示する必要がない
   ⇒以上を踏まえると、2つ目の難易度を選択した時点でゲームに入っていいんじゃないかと。

キーコンフィグ

 ●デフォルトのキー配置がキーボードの配置と逆になってるの気持ち悪すぎ
  ・デフォルト逆で良くね?
=> #24

 ●選択と非選択の区別が判りづらい
  ・暗い色が選択しているっていう判別に必然性が感じられない
  ・寧ろ明るい色の方が今適用している方って感じすら受ける
  ・最も一般的でわかりやすいのは選択しているものを明滅させ、選択してない方の明度、彩度を下げる方法。

bmson v1.0.0 support bug

  • default value
  • judge_rank
  • total
  • back_image
  • eyecatch_image
  • banner_image
  • preview_music
  • resolution
  • not planned to support bga
  • stop duration
  • layered notes

TODO/Roadmap

  • Loading local files
  • Change charts of default songs
  • Networking
  • bmson 1.0.0 (#13)
  • Loading screen (#11)

bmson importing doesn't work

Dragging and dropping the folder containing my bmson file into the CircularRhythm tab doesn't load the charts.
Currently using Google Chrome, trying to import a bmson v1.0 with mode-hint set to "circularrhythm-single"

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.