pre{font-family:Menlo,Consolas,"メイリオ",sans-serif}ホームプログラミングPythonJavaScript裏技お問い合わせバンドリの創作譜面をウェブ上で作成できるツール「Bestdori」が登場!使い方も解説しますバンドリ2019.10.17バンドリに関する新しいウェブサービスが登場したのでそれを紹介します。ウェブサイトの名前は「Bestdori」Bestdoriと書いて「ベストドリ」と読むみたいです。以下がBestdoriのトップページです。制作したのは日本人ではありませんが、サイトはほとんど日本語対応しています。バンドリに関する情報がまとめられており以前から存在するBandori.gaに似たデータベースサイトです。創作譜面を作る環境が揃っている譜面エディタとプレイヤーのクオリティが高い譜面を作るまでの流れBestdoriに会員登録ログイン譜面作成ページにいくエディタで譜面を作る譜面エディタの使い方ツールについて譜面プレイヤー(シミュレーター)従来のシミュレーターで再生したい音ズレしてしまうまとめ創作譜面を作る環境が揃っているこのサイトのスゴイところはバンドリの譜面エディタや譜面シミュレーターも実装されているところです。バンドリの譜面シミュレーターは存在していましたが、ダウンロードが必要でした。譜面エディタが無いのでオリジナルの譜面を作るには別途ソフトウェアが必要でした。このサイトでは譜面を作るための環境が揃っているので楽曲さえ用意してしまえばすぐに作業に取り掛かれます。いままでやり方がわからなくて困ってた人にも希望の光が!Bestdori内にコミュニティもあるのでそこに作った譜面を公開することもできますよ譜面エディタとプレイヤーのクオリティが高い画像は譜面エディタのものです。使い方は後ほど説明しますが、BMSエディタのようなかんじでクリックでノーツを好きな箇所に置くことができます。BMSエディタで譜面をすぐ再生するには別途プラグイン的なものを導入する作業が必要でしたが、Bestdoriの譜面エディタはすぐに再生モードに切り替えて確認を行えます。譜面プレイヤーのスクショです。こちらも本家バンドリとかなり似たものになっています。クオリティ高い・・・!タップエフェクトやコンボ数表示あり。設定で音量の調整、ノーツやレーンのスキン変更も行えます。スポンサーリンク譜面を作るまでの流れ直感でわかる人も多いかと思いますが、初めて使用する人のために流れを書いておきます。Bestdoriのウェブサイトにアクセスします。Languageで日を選択Bestdoriに会員登録いきなり会員登録かよ・・・って思うかもしれませんが、好きな楽曲で譜面を作る際には音声ファイルをアップロードしなければなりません。アップロードするときにログインしてないとログイン要求されてしまいます。ログイン会員登録は1分もかからないので完了したらすぐログインしちゃっってください。譜面」に行くと「譜面発表」というボタンがあるのでそれをクリック。タイトルを入力して楽曲選択をします。mp3などの音声ファイルをアップロードすれば自動的にURLを生成してくれます。ちなみにバンドリ本家の楽曲とラブライブ!の楽曲は用意されているみたいなので自分でアップロードする必要はないです。osu!の楽曲も検索できます。終わったら「確認」をクリックして「譜面」タブに切り替えます。エディタで譜面を作る譜面タブに切り替えたらこのような画面になると思います。上の画像のようなエディタが表示されず、真っ黒になっている場合はブラウザのWebGLが無効になっているか対応していない可能性があります。Chromeを使っている場合の対処法https://masshiro.blog/webgl-chrome/譜面エディタの使い方エディタの機能や使い方を紹介します。エディタの設定は歯車のアイコンをクリックして表示できます。ツールについてツールの切り替えはこのアイコンをクリックしてできますが、それぞれホットキーがあるので覚えたほうが効率アップします。Rキーを押すと再生モードに切り替え、など再生ツールを選択してエディタの画面をクリックすると好きな位置から再生できます。オブジェクト追加ツールはノーツやBPM変更のときに使うツールです。オブジェクトを選択してエディタの好きな位置をクリックでノーツを置けます。鉛筆ツールはまだ使ったことないのでよくわかってませんが、おそらく配置したオブジェクトの種類を変えるときに使うのだと思います。削除ツールを選択して消したいオブジェクトをクリックすると削除できます。グリッド線ツールはエディタのグリッド線を変更します。ノーツなどのオブジェクトはグリッド線上にしか置けないので、細かく配置したいときは変えてみてください。譜面源ツールはまだ使ってませんが、ほかの人の譜面を読み込んだりすることができるみたいです。最初は楽曲のBPMを設定しないといけません。bpm」とかで検索するとすぐ出てくると思います。不明な場合は「bpm-analyzer」というBPMを自動で検出してくれるソフトがあるので調べてダウンロードするといいかも。BPMの追加はオブジェクト追加ツールでできます。設定するとこんなかんじBMSエディタとか使ったことない人は最初は慣れないと思いますが、試行錯誤してみてくださいwスポンサーリンク譜面プレイヤー(シミュレーター)となりの「プレビュー」タブをクリックし、「シミュレーター」をクリック。譜面を作っている途中でもすぐにプレイヤーで譜面確認できます。simulatorというシミュレーターがあります。そちらもBestdoriの譜面に対応しているので再生だけなら可能です。(v1.1以降)音ズレしてしまう譜面と音がどうしても合わない!そういった場合はもしかすると音声ファイルの修正が必要かも。Creator英語ですが、チュートリアル動画があります。6:30あたりから音声ファイルの修正についての解説があります。音ズレ修正で挫折してしまう人がいそうなので、できればBestdoriにオフセット機能を追加してほしいところ。まとめバンドリ創作譜面を作れる新しいツールについて紹介しました。以前と比べたら譜面作りのハードルはかなり下がったと思うので、いままで難しそうで手を出せなかった人もよかったら使ってみてください。simulatorで読み込む方法【バンドリ創作譜面】バンドリ創作譜面SDKとも呼べるBestdoriで作れらた譜面をBanG!simulatorで読み込んで再生する方法を解説。simulator」で本家譜面を簡単にダウンロードする方法を紹介したいと思います。バンドリ【バンドリ】パスパレがカバーする5人で歌うアニソン=五等分の花嫁...?バンドリガルパで新たなカバー曲が追加されることが発表されました。コメントをキャンセルメールアドレスが公開されることはありません。*サイト次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。"https://tialight.com/wp-content/plugins/highlighting-code-block/assets/js/prism.js-end");タイトルとURLをコピーしました。