「最新技術」で写真を譜面に変換するツールを作ってみた！

はじめに

こんにちは。ArqbeatプログラマーのKazuweeです。

いつもArqbeatを楽しみにして頂き、誠にありがとうございます！

このたびArqbeatチームは、ゲーム内で実装している譜面において、最新の譜面作成技術の開発に成功いたしました。

そこで今回、開発に成功した最新技術の一部をご紹介いたします！

Arqbeatチームが開発した「最新譜面作成技術」では、ライゼン的な何かが入った超ハイテクらしきペン(以下：ペン)と、どこのご家庭にもあるコピー用紙(以下：紙)が必要になります。

また、このペンと紙は、Arqbeatのキャラクター「ラデック・テイル」が見える場所で使用を開始することが必要となりますが、通常の譜面制作陣のご家庭でも威力を発揮いたしますので、ご安心ください。

またこのペンには検温機能がついており、人間の場合は37.5℃以上だとインクが出ず仕事ができないようになっています。

このペンと紙を使用し、ラデックくんが見える場所で、譜面内に登場させたい文字や記号を実際に書き出していきます。

※今回は、「音ゲーに勝手に入れていいコンピ」#RGMES2 より、「ゴリラ大佐」で何故か頭の中で流れる「ゴリラ」を書き出しました。

譜面にしたいものを書き出したら、Arqbeat譜面制作陣が持っている「スマートフォン」らしきもの(以下：スマホ)に紙を読み込ませます。
スマホを使い、紙に描いたものを細部まで読み込むことで、正確な譜面化が可能になります。
(※スマホのように見えますが、スマホです。)

トリミングや色の調整をスマホ上で行います。

データはスマホに入っているArqbeatの譜面制作ツールで読み込むことで実装が完了し、スキャンのみで譜面を作成することができる画期的な技術となっております。

元ネタは2016年のチュウニズムのエイプリルフールです。5年前…ｳｯ

簡単にですが仕組みを説明していきますので、ぜひお手元の譜面制作ツールに実装してみてください。実装報告待ってます。

説明用に「単位」と描かれた画像(32×64)を用意しました。

この画像をエディタにて読み込み、読み取り条件を設定していきます。
~~エディタの構造が見たことある？気のせいじゃないかな~~

ノーツの判定条件(各ノーツ種ごとにRGBの範囲を入力)
この条件をうまく設定すると、紙に書いたものを色反転させずに読み取ったり、路上のタイルをそのままタップに変換することができます。今回はデフォルト値である以下の値を使用しました。
TAP : R>200 かつ G>200 かつ B>200
FLICK : R>200 かつ G>200 かつ B<50
TRACE(RED) : R>200 かつ G<50 かつ B<50
TRACE(BLUE) : R<50 かつ G<50 かつ B>200
HOLD : R<50 かつ G>200 かつ B<50
飛ばし(1以上の整数値)
ノーツとして判定したいオブジェクトが縦方向に広い場合(タイルとかマークシートとか)、間隔を開けて読み取ることで二重にノーツが生成されることを防ぎます。
幅設定
画像から読み取ったノーツをどの範囲に置くかを設定します。例えばArqbeatで真正面に幅いっぱいに置きたい場合は-90～90になります。
ノーツ間隔
「何分音符」ごとにノーツを配置するかを設定します。例えば32だと32分ごとにノーツが配置されます。

全ての条件を設定し、「変換開始」を押すと読み取りが開始されます。

画像の一番下の行の、一番左の列から1列ずつ色を読み取り、各ノーツの条件に合致しているかの判定を行います。