譜面画像製作は善意で成り立つ作業です。どうかご協力をお願いします。

譜面を作成する過程で譜面の細部まで把握することができるので、作成者側にもその譜面の攻略がやりやすくなるメリットがあります。

また、譜面を作りまくれば認識力上げと地力上げに繋がる可能性も。

さらに、popdraw(又はぽぷどろ)の使い方などに慣れておけば、PMSで譜面自作する際にも役立つかもしれません。

• ここは気軽に譜面画像を作成できるように協力し合うためのページです。
• 下に製作方法などが書いてあるので興味があればぜひご覧ください。
• 譜面作成過程でわからないことがあればコメント欄に書き込むと誰かが助けてくれるかもしれません。
• 作成中の譜面が被るのを防ぐためにこれから作る譜面をコメント欄に書き込むといいかもしれません。
• ボス曲など需要の高い譜面は申告待ちより完成品をいち早くアップロードしてもらうことの方が大事かもしれません。
• 旧作の高難易度曲の鏡譜面や低速曲の2倍間隔譜面も作成するときや、修正及び取扱対象外でも補完の必要性のある譜面(ナイトメアメタルNなど)など新曲以外の譜面についてもコメント及び一覧に追加してもらってもかまいません。

譜面画像のアップロードページはこちら→譜面画像一覧

1. 既に譜面画像がアップロードされていないか、または他の人が作成中でないか確認する
   (リンク切れ譜面のリメイク時は、他の譜面画像サイトに同じ曲がないか確認する)
2. 動画サイトでプレイ動画を探す
   • 動画が見つからない場合は誰か投稿してくれそうな動画投稿主さんに、最近出た適当な動画のyoutubeコメント欄等からリクエストを送る。
     • 生放送で頼んだ場合だと、アーカイブされずにただその場でやってもらっただけになってしまう可能性があるので非推奨
3. 譜面画像を製作する (※詳細は後述)
   • Lv47以上の曲に関してはミラー譜面も作っておくことを推奨
4. 譜面画像が png でない場合は png に変換する
   • jpg や bmp だと色彩が劣化して見づらくなったりサイズ容量が大きすぎてアップロードできなくなるため。
5. ファイル名を[曲名](難易度).pngにする
   • ※修正、鏡、2 倍速、1/2 倍速、等速などはファイル名に、
     _fixed, _mirror, _twice, _half, _regul などを付けると良い。
   • ※旧曲のジャンル名有りの場合は、[ジャンル名](難易度).png
6. 譜面画像一覧にアップロードする (※ログインが必要)
7. 曲別ページを編集し、画像ファイルへのリンクを貼る (他の曲別ページ参考)
   • ※「編集」ボタン、もしくはサイト上部の「文章の編集」から編集をする (※ログインが必要)
   • ※どうしても編集の仕方が分からない場合は、このページでコメントで他の人に頼むなどして下さい
8. ポップンピース曲譜面完成早見表 の一覧を編集して更新する

これから譜面画像を自分でも作ってみたい！と思う方の参考になれば。

• 譜面にノーツを打ち込むソフト （これをメインにノーツを打ち込んでいく。基本はぽぷどろを中心に作っていくのがオススメ）
  • popdraw
    • ロングポップくん未対応。古いので使うメリットは正直なところ無い。
  • popdrawex
    • Windows専用。ぽぷどろに機能を吸収された下位互換ツール。
    • ただし細かいロングの配置は、ぽぷどろよりもこちらの方が使いやすい。
    • また、ソフラン線を緑線で引く機能がある。（減速を緑、加速を赤といった風にしてソフラン譜面を見やすくすることが可能）
  • ぽぷどろ
    • 現時点では最強のツール。
    • ノーツを塊で移動させることが出来る+ブラウザ上で作成するため環境を問わない
    • ただし、色々とバグが多く動作が不安定な部分がある。(※詳細は後述)
• ペイントソフト （譜面画像を1枚の画像に連結する際に使います）
  • Windows標準のペイントソフト
  • GIMP …など
• 計算機 （〇分音符が何ピクセルで表示されているのか計算する際に使います）
  • WindowsやMacに標準搭載されている計算機アプリなど
  • PopnChartCalculator
    • ポップン譜面作成用計算機を作ってみました。使い方とかはGithubのReadmeに載ってます。（Windows専用）
• ピクセル定規ソフト（重要。ズレたノーツの測定に利用します。使うのはどれか一つでOK）
  • Medir
    • Windows専用。定規の透明度変えられるのでノーツが見やすい
  • jRuler
    • Windows専用。
  • Linear
    • Mac専用。実機確認してないので使えるかどうかは不明
  • Ruler
    • Chrome拡張機能。
• メトロノーム
  • apple storeでアプリを調べるか、Web Audio Metronomeを使おう。
    • ただ、一般的なメトロノームアプリだと、8分の9拍子などの変拍子に対応していないものが多い（加えて音が本当に合っているかも怪しい）ので、
      複雑な拍子が出てくる場合は、DTM付属のメトロノームや、musescoreのメトロノームを使うことを推奨します。
  • 使い道
    • ノーツの間隔が何分か分からない場合に使います。
    • また、曲が何分の何拍子なのか調べる際にも使います。
  • 使い方
    1. メトロノームのBPMを曲と同じBPMにセット
    2. メトロノームの拍子を曲と同じ拍子に合わせ、鳴らす。
       • 4拍子でセットした場合、2回鳴った間隔がちょうど4分の間隔になります。動画再生と同時に鳴らせば4分のノーツ間隔がどれくらいで表示されているのか知ることが出来ます。
• マルチディスプレイ
  • 出来れば1台あった方がいいです。（21～23インチのものがオススメ）
  • 一時停止状態の動画を見ながら打ち込んでいくため、これがあるかないかで作業効率が倍以上に違ってきます。
• 楽典の知識
  • コードや転回などは別に知らなくても問題無いですが、
    拍子やシンコペーション、連符、テンポなどは知っておかないと作成する上で困ります。
  • 楽典についての解説サイト（楽典.com）
  • 楽典についての解説サイト（jp.yamaha.com）
  • 拍子について(wikipedia)

• 譜面作成に取り掛かる前に
  • ノーツの打ち込みを始める前に、先に動画を再生して、
    譜面全体の確認をしておくことを強く推奨します。
    • 全体像を先に把握しておかないと作り終わってからミスに気づき、
      大掛かりな修正や作り直しが必要になる可能性が高まるため。
      • 基本的に、以下の点を先に確認しておくといいです。
        • 変拍子の有無
        • ズレ押しの有無
        • ソフランの有無（加えてBPM変化は激しいのかどうか）
        • 曲の全体の長さは長いほうか、遅いほうか
        • 譜面画像をどの辺りで分割するか（どこら辺で曲の流れが変わっているか）
        • 弱起があるのか、ないのか
        • 他のEX, H, Nに完成譜面が上がっているかどうか（上がっていたらその画像を参考にしながら作る）…など。
    • 変拍子の有無はメトロノーム鳴らしとけば大体耳で分かると思います。
      • 変拍子譜面の参考例
        • ムラクモ(EX)
        • 西馬込交通曲(EX)
        • パーカッシヴ2(EX)
        • 少女と時の花(EX) …など。
    • 「どの辺りから何拍子か分からない…！」という場合は曲のページのコメント欄で聞けば誰か答えてくれるかもしれないので、必ず正確に把握出来てから作成に取り掛かりましょう。
• 小節の一番最初は休符小節から！
  • 弱起で始まるタイプの曲も中にはある。
    • 例:Fate No.23(EX)、最小三倍完全数(EX)、toy boxer(EX)など。
  • Timeを測るときのように、「Are you Ready?」の文字が縮んだ瞬間からメトロノームを鳴らしておけば、小節線の位置をミスることなくそのまま譜面画像を作れます。
    • 下の2曲のプレイ動画見れば、どの辺からがスタートなのか把握出来ます。
      • Six String Proof
      • 50th Memorial Songs -Beginning Story-
  • なので、最初のノーツが表れるまでの間隔は休符小節で補うようにしよう。
    • 弱起を考慮しなくても問題無く作れてしまう場合が多いが、
      この方法を用いれば100%上手くいくので是非ともやっておいた方がいい。
• BPM変化する際の譜面作成注意点
  • 実際のポップン画面では、加速する場合に少し加速→該当BPM値に加速するという挙動、減速する際に急に減速→該当BPM値に減速する挙動という仕組みになっています。
  • そのため、実際のプレイは等間隔のリズムで押せば良くても、見た目に惑わされやすいです。
• EX譜面とH譜面の互換性について
  • 基本的に、EX譜面はH譜面のノーツを骨組みとしてボリュームを増したような感じに作られている。
  • そのため、先にどちらかを作っておけば完成した後にパッと見比べてズレが無いか比較することができ、作成が楽になります。
    • 特にこのテクニックは128分のズレが多い譜面を作る際に役立ちます。（9割方はズレの位置はEX, H, Nで全て同じ）
• 入力モード「12分」「24分」「32分」の性質について
  • 12分＝3回連続で入力すると合計で4分上に移動する
    • 1回移動が128分10〜11個に相当（10〜11ドット）
  • 24分＝3回連続で入力すると合計で8分上に移動する
    • 1回移動が128分5〜6個に相当（5〜6ドット）
  • 32分＝2回連続で入力すると合計で16分上に移動する
    • 1回移動が128分4個に相当（4ドット）
  • ※ぽぷどろの場合、それぞれ独立させて使わないと1ドットズレることがあるので注意。
    • 細かいズレの複合などは、必ず入力モード「128分」で入力するようにしよう。
  • 24分や12分といった3連符は、譜面画像では正確には表現出来ないので四捨五入されたりします。
• 等倍(等速)譜面の作り方について
  1. まず基準BPMを決める（一般的に、一番小節数が多い地帯のBPM）
  2. BPMが変動したら、 基準BPM ÷ 変動した地帯のBPM を計算し倍率を求める。
  3. 上の計算で求めた倍率を参考に、小節長を変え、等倍譜面を作成する
     （例：倍率が2倍だったら小節長を2倍の長さにして、ノーツの各間隔も2倍にして打ち込んでいく。）
     • 等倍譜面の参考例: 25 o’clock the WORLD(EX)
     • 2倍間隔譜面もこれと同様の作り方で作成出来る。
       • 2倍間隔の参考例: 少女と時の花(EX)
  • 譜面画像は曲のBPMが遅いほど詰まって見づらくなる傾向にあるため、
    BPM110以下の曲に関しては余裕があったら2倍間隔も作るようにしておくのがいい。

1. ツールを起動し、キーボード操作 (※説明書参照) で譜面動画を見ながら正確にノーツを写していく(BPM 変化や小節番号も入れる)
2. きりの良いところで 1 ページ画像を保存し、別のページとして続きを作る (曲ごとにフォルダを作成してそこにページ番号のファイル名にするのがオススメ)
3. 音楽的なまとまりに応じて、小節やページを改めると良い
4. 曲の最後まで作成したら、ノート数の合計が正しいか確認する
5. ペイントなどで各ページを一枚の画像ファイルにまとめる
   • ※変拍子の小節の長さを手作業で調節したり、見映えがよくなるように小節の配置を直したりする

• 注意
  • 赤ロングノーツを配置したときに一部色が脱色するバグがあるので、着色の編集は忘れずに。
  • ソフラン曲をミラーにした場合、BPM表示も一緒に反転してしまうのでその場合はもう一回BPM数値を入れる必要がある。
    • 同様に、小節番号が100を超えていた場合も謎の反転が起きてしまうので、先に反転させてから小節番号を入れるか、ペイントソフトで編集して修正する必要がある。

1. まず行数を指定する。普通5で十分だが変拍子が複雑な曲では6必要なことも。
   • もちろん変えなくても良いが、途中で行数を変えることは実質できない。
     • したとしても後述の空小節の数などが合わずバラバラな見た目になる。
     • これに加えて最後以外の小節を追加したり消したりできない仕様のため作り直しとなる。
2. 動画を見ながらノーツを配置する。
   • 「ノート追加削除」モードでは、クリックで配置、再度クリックで消去。
     • ロングノーツ、BPM変更はこのモードでしか配置できない。
   • 「簡易popndraw」モードでは、zsxdcfvgbキーを押すとノーツ配置、BackSpaceで消去。
     その他の機能もおおむねpopndraw準拠。
     • 基本的には、このモードを使うのがオススメ。
3. ズレがあった場合は「ピクセル定規」などで16分の長さを基準に、譜面画像上で何ドットずれているか測定・計算する。
   • 例： 16分が64ピクセル、ズレが24ピクセルの場合、ズレは16分に対して相対的に0.375倍である。
     16分は譜面画像上で8ドットなのでズレは3ドットとなる。ドット単位の編集単位は128分である。
   • 上の方にある「PopnChartCalculator」を使えば、いちいちこの計算をする手間が省けるかと思います。
4. 音楽的なまとまりに応じて1列の長さを調節すると見やすい。
   • 空小節を追加することで一列あたりの小節数を調節できる。
     • 例： 1列を2小節で終えたい場合、行数4の時は空小節を2個配置すればよい。
5. 最後まで作り終えたら「ノート数カウント」でチェックをする。
   • データと異なる場合絶対に間違っているので要確認。
     • ミスとして多いのは同時押し部分の抜けなので2つ以上の部分を重点的に見ること。
     • ただし、空小節に配置したノーツがカウントされている場合もあるので注意。
     • とは言え全部確認するのは面倒だと思うので、ざっくりと動画流しながら譜面画像をチラ見するのがオススメ。
6. 作り終えたら「画像出力」と、「譜面データ出力」をする。
   • 前者は作った譜面をpng画像で出力する。
   • 後者は譜面を再編集可能なjsonファイルとして出力する。
     • jsonファイルは再度読み込んで修正したりできるのでバックアップとして保存しておくことを推奨。

• 注意＆ツールのバグ等について
  • 「ノート追加削除」モードのまま譜面画像を保存してしまうと残像ポップ君が一緒に書き出されてしまうバグがあるので、
    必ず「簡易popndraw」モードにしてから画像を保存するようにしよう。
  • 行数を4以外にしてjsonで保存し、再度読み込む場合は、
    先に行数を変えてからjsonを読み込まないとノーツの位置がズレるので注意。
  • 24分～192分のロングポップ君を小節の最初に配置することが出来ないバグが存在する。
    • やろうとしても24～192分先に飛ばされる
    • このため、コアダスUPPER(EX)などの譜面はぽぷどろ単体だと作成することが出来ない。
      • なので細かいロングポップ君が出てくる箇所はpopdrawexで作成するなどの工夫をしよう。
  • 128分などの細かいロングポップ君を配置するとロングの終端部分がバグって描画されてしまうので注意。
    • バグった場合は、ペイントソフトを使って自分で修正するようにしよう。
  • 「おぷしょん」欄の【鏡】をクリックした後、【正規】をクリックすると、
    キーボード入力の配置が右に一つズレてバグる。(Windows 10 Chrome環境)
    • こうなってしまった場合、一度json保存して再度ぽぷどろを立ち上げないと直らない。
      • （一応鏡モードのままなら大丈夫だが配置ミスをする可能性が高まるので非推奨）

• ぽぷどろを用いれば、「小節長= 」の部分に16分の個数分の数値を入力するだけで簡単に小節長を変えることが出来る。

• “version”
  • ぽぷどろのバージョン。1～3まである
• “notes”
  • 各ノーツの情報
  • “measure”
    • そのノーツが存在している小節の番号
    • （ぽぷどろで開始小節番号を1以外の数値にして保存した際も最初は必ず1からスタートになる。）
    • 保存しても降順にはソートされず、編集した順にスタックされてそのまま保存される模様。
  • “timing”
    • ノーツの縦方向の位置
    • 初期ノーツの位置を0として基準にしている。
      • 12分間隔の場合は4
      • 16分間隔の場合は3
      • 24分間隔の場合は2
      • 32分間隔の場合は1.5
      • 48分間隔の場合は1
      • 64分間隔の場合は0.75
      • 96分間隔の場合は0.5
      • 128分間隔の場合は0.375
      • 192分間隔の場合は0.25
  • “color”
    • ノーツの横方向の位置
    • 範囲は1～9まで。（1～9はボタンの位置を示す）
    • ロングポップ君だった場合は、最初の“color”の情報は5で設定される。
  • “start”
    • ロングポップ君の開始位置の情報
    • その後の配列に“measure”, “timing”, “color”でノーツ情報が書いてある。
  • “end”
    • ロングポップ君の終了位置の情報
    • その後の配列に“measure”, “timing”, “color”でノーツ情報が書いてある。
• “measures”
  • 各小節の情報
  • “split”
    • 小節長が16分間隔でいくつなのかの情報
      • 例：4分の4拍子＝16, 4分の3拍子＝12, 8分の5拍子＝10 …など
    • 最初の要素は0で固定。
  • “x”
    • 横方向の位置
    • 最初の要素は画像全体の座標位置。0で固定
    • 右横方向に行くにつれ130間隔で増えていく。

      • 式: 21 + 130(n-1)

  • “y”
    • 縦方向の位置
    • 最初の要素は画像全体の座標位置。-125で固定。
    • 上方向に行くにつれ128間隔で減っていく。

      • 式: 408 - 128(n-1)

  • “w”
    • その小節の右横の余白部分の座標位置
    • 最初の要素は画像全体の余白部分の座標位置。-125で固定。
    • 2番目以降の要素は117で固定。
  • “h”
    • その小節の上方向の余白部分の座標位置
    • 最初の要素は画像全体の余白部分の座標位置。0で固定。
    • 2番目以降の要素は128で固定。
• “soflans”
  • ソフランの情報
  • その後の配列に“measure”、“timing”、“color”、“bpm”で情報が書かれている。
    • “bpm”はそのまんまBPMの数値。
• “startMeasureNum”
  • ぽぷどろで指定した開始小節の番号
  • しかしぽぷどろで再度jsonを読み込むと、この情報が無視されてまた1からスタートになるので現状ぽぷどろでは扱われていない模様。

• 譜面作ってみようと思ったけど、どの曲の譜面から作ればいいのかわからない！ or 作りやすい譜面の特徴ってどんなの？
  • ポップンピース曲譜面完成早見表に載っている未完成の譜面を作っていきましょう。
    • 初心者の方は、この一覧表に載っているEXかHのどちらかが既に完成している曲の、未完成な方の譜面から作ってみるのがオススメです。
      （片方の譜面とズレ等が無いか比較しながら作成出来る為）
  • 基本的に、同時押し、乱打・縦連打、拍子が全て4分の4拍子の譜面が作りやすいです。
    • 逆に、ソフラン、ズレ押し（正直これが一番大変）、変拍子、高難易度曲(Lv47以上)といったやつは作るのが難しく大変です。
      • これらの特徴のうちのどれかが当てはまってた場合は、初心者の方は作らず他の人に頼んでもらった方がいいです。
      • ちなみにズレ押しは猫叉Masterの曲に多く、
        また変拍子はボス曲（Lv50）やサイモンマンの曲に多いです。
• 編集単位を変更するには？
  • @キーで編集間隔を広く、Shift+@キーで細かくする
  • popdrawexの場合、「+キー」、「-キー」で128分移動が可能
    （+キー1回で128分なので、8回押すと16分、つまり実線から次の点線の位置まで動く）
• 画面に収まらないほど長いノーツ間隔はどうやって測る？
  • 下の方法はライン撮り動画を撮影した本人にしか出来ないので注意
    • 動画をフレーム単位で再生できるソフト(筆者の場合AviUtl)で10フレームのノーツ降下ピクセルを測定する。次に基準となるノーツが画面下端付近に来る位置で動画を停止しピクセル定規を当てる。10フレーム単位で動画を再生し、画面内に測定対象ノーツが来たら下端付近にあった基準ノーツとの距離を測定する。これらの和を16分の長さで割ればよい。
    • (例)10フレーム降下距離が200ピクセル、フレーム経過が30フレーム、基準ノーツと測定ノーツの距離が180ピクセル、16分の長さが60ピクセルの場合、基準・測定間の距離は200*3+180=780ピクセルであり16分*13の長さである。
  • youtubeの場合、「.キー」または「,キー」を押すことにより1フレームごとのコマ送りが可能。
    • niconicoでもスペースキー長押しで一応コマ送りが出来るが、1フレームごとに移動する機能が備わっていない（つまりゴミ）
    • 測り方の一例
      • まず間隔がはっきりと判明している16分間隔の場所のフレーム間隔を調べる。-①
        （基準点を決めてそこから「.キー」を入力していき、ポップ君が基準点と重なるまでの「.キー」入力回数を調べればよい。）
      • 次に測りたい間隔のフレーム間隔を調べる。 -②
      • ② ÷ ① を行えば計算終了。これで「16分 x 何段上」かが判明する。
  • メトロノームを使って測る方法もある。こちらは上の方法に比べ楽ではあるが、16分配置等のズレの検出にはあまり向いていない。
• 「ぽぷどろ」で消せないノーツが出てきた
  • 稀に消せないノーツが現れるが、「ノート範囲選択」モードで選択、BackSpaceで消せる。これでも消せないこともあるが何度も試したり編集単位を変えてBackSpaceをしたりしてみよう。
  • ノーツを配置したままその小節を消し、そこに小節長の違う小節を追加した際にこの現象が発生する。
    • この場合、一旦jsonでファイルを保存して、
      jsonの中身を直接テキストエディタで弄らない限り消すことが出来ない。
      • json編集のやり方分からない人は潔く諦めて、（苦ではあるが）譜面画像をpngで保存して、また一から作り直そう。
• いくら確認してもノーツ数が合わない
  • ぽぷどろでは小節を消してもノーツは消えない。
  • さらに「簡易popndraw」モードでは小節がないところにもノーツを配置できる。
  • このような画面に表示されていないノーツも「ノート数カウント」に計上されるので、小節を消す時はノーツを消してからにすること、小節は多めに確保しておくことを心がける。
  • popdrawexでは行を跨いだロングポップ君を1本4ノーツとして数えてしまう場合があるので注意。
• 「popdraw (popdrawex)」と「ぽぷどろ (簡易popndrawモード)」との差異は？
  • popdrawでは、ドット単位の編集は「+」「-」キーで行うが、
    ぽぷどろでは、「Shift + @」で入力モードを128分にして行う。
  • popdrawでは「BackSpace」で常に16分単位で消去していたのに対し、
    ぽぷどろでは編集単位に沿って消すので3連符の編集がしやすくなっている。
  • popdrawではロングノーツを「=」キーで配置出来るが、
    ぽぷどろでは「ノート追加削除モード」でしかロングノーツを配置出来ない。
• 3連符は厳密には配置できない？
  • popndrawと同様、譜面画像1小節の長さが128ドットである以上3連符を厳密に配置することはできない。
  • しかし2つのツールの間で多少の差異があり、popndrawでは四捨五入なのに対しぽぷどろでは12分24分ごとに固有の間隔で配置する。

• ページ分割の為、ポップンピース曲譜面完成早見表へ表（及び未完成譜面一覧）を移動しました。