search

nnnnusui / Rhythm

Work in progress: Music game with html(DOM).
https://rhythm.nnnnusui.ga
Other
0 stars 0 forks source link

譜面作成画面 #5

Closed nnnnusui closed 2 years ago

nnnnusui commented 3 years ago

譜面作成機能から再構築し直すか〜 になった

ScoreMakerはTimerを持つ

ScoreMakerはdurationを上限にスクロール操作ができる

? スクロールの為の要素はアクション検知の役割を兼ねる

nnnnusui commented 3 years ago

「特定のContext(前提)を持つ "集まり"」(Layer?) を配置していく形でどうかしら。

type Layer = { offset, length, ... }

offset, length は例えば [bpmと拍数の集合] とかから求めたくもあるので、 () => number がいいかもしれない。

nnnnusui commented 3 years ago

ガイドライン表示の機能から作りたさある。ない？

type GenerateAdjusterProps = { kind } // ex) { kind: Lane, size: 7 }

-> 画面を7分割する5本の線を表示 　　↑ 各レーンをタッチしたいのでElementを表示するか座標計算するか迷い味

座標補正機能を持つオブジェクトを書こう……

type Adjuster = { adjust: (Point) => Point }
const createAdjuster = (props: GenerateAdjusterProps): Adjuster => {
  ...
}