Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

[project-s] Scoreからのピアノロール表示 #986

Closed
9 tasks done
romot-co opened this issue Oct 18, 2022 · 6 comments
Closed
9 tasks done

[project-s] Scoreからのピアノロール表示 #986

romot-co opened this issue Oct 18, 2022 · 6 comments
Assignees
@romot-co

Comments

@romot-co
Copy link
Contributor

romot-co commented Oct 18, 2022 •
edited
Loading

内容

ピアノロールの表示実装およびScoreからのノートの表示を追加します。
表示までとし、編集や操作は行わない予定です。

ピアノロール

ピアノロールの表示・ズーム考慮

  • 鍵盤
  • Y軸の表示:
    • キーごとのグリッド(黒鍵/白鍵で塗り分け)
    • オクターブごとのグリッド
  • X軸の表示:
    • 小節ごとのグリッド
    • 拍ごとのグリッド

ノート

ピアノロールに対しScoreからノートを表示できるようにする
歌詞なし・横ズーム考慮・縦幅固定

  • ピアノロールに対しノートをScoreから位置表示できるようにするX軸: キー(midi) / Y軸(tick)
  • ピアノロールに対しのノート長さを表示できるようにする(durationおよびX軸ズーム率より)

実現方法

  • 現状ファイルから読み込めないため、先にダミーのScoreを用意 → すでに実装いただいたものを使う
  • midiからキー(ピッチ)/オクターブ/黒・白鍵をマップする関数を用意
  • 再描画に留意

その他

作業がかぶらない・齟齬がないよう事前調整できればと思います！
#981
@romot-co romot-co self-assigned this Oct 18, 2022
@Patchethium
Copy link
Contributor

Patchethium commented Oct 18, 2022 •
edited
Loading

An advice, I recommend OpenUtau. It's open source and cross platform, which means you can modify it to dock with voicevox engine, saving a lot of time from building the whole SVS UI from scratch.

edit: typos

@Hiroshiba
Copy link
Member

Thanks for the advice, @Patchethium san!
We cannot reuse the OpenUtau code as we are motivated to implement this in Electron.

Please take a look here!
VOICEVOX/voicevox_project#15

@Patchethium さん、アドバイスありがとうございます！
我々にはElectronで実装したいというモチベーションがあるため、OpenUtauのコードは流用できません。

こちらをご覧ください！
VOICEVOX/voicevox_project#15

@Patchethium
Copy link
Contributor

I mean, why do we have to build it ourselves on electron? I don't see the point in doing so, especially given such mature open source projects like openutau. Since the engine is separated from the editor, it can't be hard to use one for TTS, one for SVS, and it's obvious less time consuming.

@Hiroshiba
Copy link
Member

What we can do is quite different!
In the case of Electron, the language is JavaScript (TypeScript). So we may be be able to run it on a browser or on a smartphone. Also, there are many engineers these days, so it will be easier to contribute and use.

Well, in any case, this discussion may be different from the purpose of this issue. Let's discuss it here if you need more!
VOICEVOX/voicevox_project#15

できることがかなり違います！
Electronの場合、言語がJavaScript(TypeScript)です。なので、ブラウザ上やスマートフォンでも動かせるようになるかもしれません。また最近はエンジニアの数が多いので、貢献や利用がしやすいでしょう。

まあいずれにせよ、この議論はissueの目的と異なるかもしれません。続きが必要な場合はこちらで議論しましょう！
VOICEVOX/voicevox_project#15

@Patchethium
Copy link
Contributor

ではvoicevox_projectのissueに移ります、失礼しました。

@Patchethium Patchethium mentioned this issue Oct 19, 2022
Closed
49 tasks
romot-co pushed a commit that referenced this issue Nov 4, 2022
#986 鍵盤およびY軸表示
0371a02
romot-co pushed a commit that referenced this issue Jan 5, 2023
#986 MIDIからの表示
749b48a
romot-co pushed a commit that referenced this issue Jan 5, 2023
#986 一応ながら追加/削除/歌詞入力が行えるようにする
88582e5
romot-co pushed a commit that referenced this issue Jan 6, 2023
#986 表示時にスク ロール位置をC4周辺に+スクロール速度確認
24d2316
romot-co pushed a commit that referenced this issue Jan 13, 2023
#986 表示調整
88892ba
romot-co pushed a commit that referenced this issue Jan 13, 2023
#986 調整
af5b7d2
@romot-co romot-co mentioned this issue Jan 13, 2023
Merged
romot-co pushed a commit that referenced this issue Jan 16, 2023
#986 指摘点修正ほか
9037df4
romot-co pushed a commit that referenced this issue Jan 16, 2023
#986 指摘点修正他
6b8f301
romot-co pushed a commit that referenced this issue Jan 17, 2023
#986 遅いためSVG化(仕掛かり)
0a0e119
romot-co pushed a commit that referenced this issue Jan 17, 2023
#986 ノートのSVGグリッド にあわせた処理
d63b4d4
romot-co pushed a commit that referenced this issue Jan 18, 2023
#986 スタイル指定をCSSクラスに修正
8dcc536
romot-co pushed a commit that referenced this issue Jan 18, 2023
#986 表示最適化+ズームをoninputで即時
a3bf133
romot-co pushed a commit that referenced this issue Jan 18, 2023
#986 表示最適化+ズームをoninputで即時
df58348
romot-co pushed a commit that referenced this issue Jan 18, 2023
#986 ノートコンポーネント(予約空ファイル)
3da73ae
romot-co pushed a commit that referenced this issue Jan 18, 2023
#986 小節ライン
c03e5e4
romot-co pushed a commit that referenced this issue Jan 18, 2023
#986 バー追加時は1/4
c4d8dea
romot-co pushed a commit that referenced this issue Jan 18, 2023
#986 ノート追加後そのままドラッグを考慮しmousedownに変更
09baaac
romot-co pushed a commit that referenced this issue Jan 19, 2023
#986 見た目調整
e7d15eb
romot-co pushed a commit that referenced this issue Jan 19, 2023
#986 translateで位置指定
e76446b
romot-co added a commit that referenced this issue Feb 5, 2023
@romot-co @sigprogramming
[project-s] ピアノロールにノートを表示/追加/削除できるようにする (#1102)
495b9d4 
* #986 鍵盤およびY軸表示

* 11月仕掛かり分

* #986 MIDIからの表示

* #986 一応ながら追加/削除/歌詞入力が行えるようにする

* #936 ズーム動作(試行)

* #986 表示時にスク ロール位置をC4周辺に+スクロール速度確認

* #986 表示調整

* #986 調整

* #986 指摘点修正他

* #986 遅いためSVG化(仕掛かり)

* #986 ノートのSVGグリッド にあわせた処理

* #986 スタイル指定をCSSクラスに修正

* #986 表示最適化+ズームをoninputで即時

* #986 ノートコンポーネント(予約空ファイル)

* #986 小節ライン

* #986 バー追加時は1/4

* Update src/store/singing.ts

Co-authored-by: Sig <sigprogrammer@gmail.com>

* Update src/store/singing.ts

Co-authored-by: Sig <sigprogrammer@gmail.com>

* #986 ノート追加後そのままドラッグを考慮しmousedownに変更

* #986 見た目調整

* #986 translateで位置指定

---------

Co-authored-by: Romot <romot@romotmbp16.local>
Co-authored-by: Sig <sigprogrammer@gmail.com>
@Hiroshiba
Copy link
Member

project-s達成に従って解決されたと思われるのでcloseします！
お疲れ様でした！！

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@romot-co romot-co

Labels
None yet
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
3 participants
@Hiroshiba @romot-co @Patchethium