Drafter.lol - ガイド

OBSオーバーレイをお探しですか？

カスタム配信ガイドをお読みください。このページでは、従来の配信モードとURLパラメーターによる方法を説明しています。

はじめに

Drafter.lol配信者ガイドへようこそ。コミュニティ大会でもプロの制作現場でも、Drafter.lolは柔軟で、配信に簡単に組み込めるように作られています。

お困りですか？

質問や機能リクエストはDiscordコミュニティへどうぞ。

Drafter.lolを配信に載せる最も簡単な方法は配信モードです。このモードでは不要なUI要素が自動的に非表示になり、視聴者に必要なものだけが残ります。

ドラフトURLの末尾に&stream=trueを追加します。

ドラフトリンクにはすでにパラメーター（?game=1など）が含まれているため、&記号でつなげてください。

例：https://drafter.lol/draft/ABC-123?game=1&stream=true

ピック、バン、フィアレスのピック、チーム名、カウントダウンタイマー。

ナビゲーションバー、背景画像、チャンピオン選択リスト、ドラフトボタン、シリーズ情報。

ヒント

OBSでURLをブラウザソースとして追加してください。配信モードでは背景が非表示になるためドラフトは透過表示され、独自のオーバーレイの上に重ねられます。

Drafter.lolには配信の雰囲気に合わせた複数のビジュアルレイアウトがあります。標準レイアウトはクリーンでモダンですが、プロ品質の放送向けに特別な見た目も用意しています。

ドラフトルームを開き、上部のコントロールバーにあるメニューボタンをクリックすると、デフォルトとLCKのレイアウトを切り替えられます。

URLに&layout=lckを追加すると、特定のレイアウトを強制できます。

定番のDrafter.lol体験。クリーンで馴染みのあるレイアウトは私たちならではの見た目と操作感を提供し、カジュアルな練習から競技試合まであらゆる場面に適しています。

LCKにインスパイアされたプロの放送風の見た目。洗練されたアニメーションと上質な「プロの試合」の雰囲気が特徴です。

環境設定システムでドラフトのレイアウトを細かく調整できます。放送の必要に応じて、特定の機能をオン・オフできます。

OBSで設定を固定するには、環境設定メニューの下部に生成される設定パラメーターを使用してください。

https://drafter.lol/draft/123?game=1&preferences=10101...

この長い数字の文字列は、どのボタンをクリックしたかをDrafter.lolに正確に伝えるため、読み込むたびにまったく同じ見た目になります。

フォントや色を変えたり、要素の位置を変えたいですか？Drafter.lolはほぼすべての要素に安定したクラス名とIDを持たせているため、CSSで高度にカスタマイズできます。

個々のピックカード（#pick-card-1）やチームヘッダーなどの特定の要素には、直接指定できる一意のIDがあります。

すべてのバンスロットやすべてのチーム名といった要素のグループは共通のクラスを持っており、まとめて簡単にスタイリングできます。

css

/* チーム名の色をゴールドに変更 */
.team-name {
  color: #ffd700 !important;
}

/* すっきりした見た目のためにタイマーを非表示 */
#draft-timer {
  display: none;
}