musicLine(iOS)についての進捗。
消しゴムツールの実装が大体完了したので報告します。
実装状況
カテゴリ | タイトル | 補足 | |
View | |||
Composition UI配置
ガイド表示 | ツールガイド(消しゴム) | 削除範囲、和音のみの削除範囲 | |
Composition | |||
EraserTool 消しゴムツール
音符の削除 | データ構造 | 和音と連符の認識、フレーズから音符を削除する | |
音符の削除 | タップで音符を削除 | ||
和音・連符の削除 | 和音・連符をタップで和音・連符のみを削除(iOS独自) | ||
音符種別判定 | タップした音符が和音・連符・ルート音符なのか判定する | ||
音符列の削除 | スワイプで指定する削除範囲内の複数の音符を削除。 | ||
和音列の削除 | リズム音符をスワイプで複数の和音のみを削除。(iOS独自) | ||
休符に切り替え | リズム音符タップで休符に切り替える | ||
PhraseTool フレーズツール
フレーズの編集 |
全進捗マップを表示
カテゴリ | タイトル | 補足 | |
View | |||
Composition UI配置
ガイド表示 | ピアノ | ||
スクロールエリア | |||
小節番号 | |||
小節線 | |||
分割線 | 拡大率によって間隔を変化 | ||
フレーズ | フレーズがないところはフレーズ作成ボタンを表示 | ||
ツールボタン | 選択中のツールはツール色にハイライトする | ||
メロディーライン | ペンツールでの音符作成時の入力線 | ||
メロディー音符 | 音符の先頭にチョボをつける | ||
リズム音符 | ベース音符のみ下に表示 | ||
サンプルデータ | 手入力したサンプルデータの音符を配置 | ||
連符 | 連符は数字で表示、拡大率によって省略 | ||
ツールガイド(ペン) | 長さ編集しているリズム音符、伸ばした時の削る範囲 | ||
ツールガイド(指) | 移動中の音符影、矩形選択の枠 | ||
ツールガイド(消しゴム) | 削除範囲、和音のみの削除範囲 | ||
音符音階 | メロディ音符に音階表示 | ||
Community UI配置
| |||
Composition | |||
Common 作曲共通
| データ構造 | 座標とサイズ、状態を保持する。レンダラーやコライダー、通知等のロジック | |
コンバーター | Domainのデータ構造へ変換・逆変換 | ||
FingerTool 指ツール
音符の編集 | データ構造 | フレーズの音符を取得、基点と移動ベクトルを保持して移動する | |
音符の移動 | 和音や連符は上下のみに制御 | ||
音符の影 | 移動中に操作できているかわかりやすいように(iOS独自) | ||
内外判定 | 音符の移動をフレーズ内に留める | ||
衝突判定 | 移動する音符が他の音符に重なったときの挙動 | ||
タップ選択 | タップした音符の子音符も選択・解除 | ||
矩形選択 | 囲った音符を選択 | ||
音符の入れ替え | リズム音符のスライドで重なった音符と入れ替える(iOS独自) | ||
和音の削除 | 和音を移動した時に重なる時に削除する | ||
連符に切り替え | リズム音符タップで切り替え | ||
PenTool ペンツール
音符の作成 | データ構造 | 音符を作成・分割・統合、フレーズへ音符を追加する | |
音符の作成 | タップで音符を作成。分割線に合わせて長さを決定 | ||
音符列の作成 | スワイプに沿って複数の音符を作成。音階変わる時に音符分割 | ||
有無判定 | タップやスワイプした縦ラインに既に音符があるか判定 | ||
音符の移動 | 音符が既にある場合は、作成ではなく移動。一定距離進むと移動終了 | ||
音符の分割 | リズム音符をタップした時、音符を分割、メロディ線に沿ってY位置を動かす | ||
音符の統合 | 2つのリズム音符の間をタップした場合、音符を統合 | ||
音符の伸縮 | リズム音符を左右にスワイプすることで音符の長さを伸縮、始点で分割なし(仕様変更) | ||
音符の消滅 | 音符の伸縮をした時に長さが0になると削除する(iOS独自) | ||
領域差演算 | 音符伸縮で他の音符に重なる時は差演算して他の音符長さを削る | ||
サンプリング補間 | 素早くスワイプしても音符が移動できるようにサンプリング間を補間する | ||
細かい音符 | 分割線内の細かな音符を移動する挙動 | ||
EraserTool 消しゴムツール
音符の削除 | データ構造 | 和音と連符の認識、フレーズから音符を削除する | |
音符の削除 | タップで音符を削除。 | ||
和音・連符の削除 | 和音・連符をタップで和音・連符のみを削除(iOS独自) | ||
音符種別判定 | タップした音符が和音・連符・ルート音符なのか判定する | ||
音符列の削除 | スワイプで指定する削除範囲内の複数の音符を削除。 | ||
和音列の削除 | リズム音符をスワイプで複数の和音のみを削除。(iOS独自) | ||
休符に切り替え | リズム音符タップで休符に切り替える | ||
PhraseTool フレーズツール
フレーズの編集 | |||
StampTool スタンプツール
モチーフの編集 | |||
Transform 画面移動
座標変換 | 画面を上下移動 | ピアノのスワイプにより | |
画面を左右移動 | スクロールエリアのスワイプにより | ||
画面を拡大・縮小 | ピンチアウト・インにより基点を画面中心に設定する | ||
画面を拡大・縮小(軸指定) | 長押しからのドラッグ。ピアノでX軸方向、スクロールエリアでY軸方向 | ||
MIDI | |||
Common MIDI共通
| データ構造 | MIDIフォーマットへ出力できる構造 | |
コンバーター | Compositionのデータ構造へ変換・逆変換 | ||
Commnity | |||
Common コミュニティ
共通 | データ構造 | カテゴリ等の曲情報、いいねやお気に入り等のリスポンスを保持 | |
Domain | |||
データ構造 Json形式 | Melody | MelodyTrack, *MelodyPhrase, NoteContainer, NoteBlock, Note | |
Drum | DrumTrack, *DrumPhrase, BeatContainer, Beat | ||
共通化 | Original, Repeat, Syncの3種のPhraseをジェネリッククラスとプロトコルで抽象化 | ||
Service サービスモデル
| SongReder | Jsonファイルを読み込み、Domainのデータへ変換 | |
SongWriter | DomainのデータからJsonファイルへ書き出し | ||
Common | |||
Service サービスモデル
| MidiPlayer | Midiファイルを再生する | |
リポジトリ | 保存データを管理 |
消しゴムツールの実装
音符の削除
音符(休符でも可)をタップした時に、音符を削除します。
なお、細かい音符も分割線は関係なく、タップ位置に近い音符を削除します。
Androidの仕様
Androidではタップ位置の縦ラインに音符がある場合でも削除していました。
しかし、誤タップを防止するため、iOSではタップした周辺に音符がない場合は削除しません。ただし、スワイプした場合(音符列の削除)は時間の範囲を指定するため、縦ラインの音符も削除します。
しかし、誤タップを防止するため、iOSではタップした周辺に音符がない場合は削除しません。ただし、スワイプした場合(音符列の削除)は時間の範囲を指定するため、縦ラインの音符も削除します。
和音・連符の削除
(音符種別判定)
音符をタップした時に、和音や連符等の音符種別を識別します。
音符種別が和音の場合、和音を削除します。
音符種別が連符の場合、音符の長さは維持して連符を削除します。(分割数を減らす)
音符列の削除
メロディ編集エリアを左右にスワイプして、削除範囲を指定します。削除範囲は時間軸のみ指定でき、範囲内の音符を削除します。
なお音符の削除と同様、範囲内の音符種別も判定して、種別に応じた削除操作をします。
和音列の削除
リズム編集エリアを左右にスワイプすることで複数の和音を削除します。
休符に切り替え
リズム音符をタップして、休符のON/OFFを切り替えます。
三連符の一部を消音にするような時に使用します。
おわりに
消しゴムツールはスムーズに実装できました。
次はフレーズツールの実装ですね。
なんだか苦戦する予感。。