見出し画像

格ゲー配信オーバーレイのライフポイント対抗戦アップデート

こちらはnodeCGで出来た一連のオーバーレイのアップデートになります。どなた様も無料でお使いいただけますので配信等で活用していただければと思います。初めての方はまずこちらをご確認ください。

全部入りの配布はこちらになります

bundleファイルのソースはこちらになります。bundleのみご入用の方、自力でnodeCGインストールした方やMacの方はこちらをご使用ください。


今回追加のポイント対抗戦は、一番最初に作りました対抗戦と操作が似ています。ダッシュボード「ライフポイント対抗戦」テキストエリア紅組・白組に追加したい名前を改行で入れ、追加ボタン→保存でメンバー表となります。

スクリーンショット 2020-10-18 19.28.11

「ライフポイント」のセレクトボックスで最初に付与できるポイントが選べます。1以上ですが、後から数字を足したり引いたり出来ます。

「+」ボタン→ ポイントを一つ増加。
「−」ボタン→ ポイントを一つ減少。
「消」ボタン→ メンバーを消す。
チェックボックス→ チェックで選択、現在の対戦中の印

ポイントが0になると敗者扱いとなり、チェックすることが出来ません。

スクリーンショット 2020-10-18 19.45.42

例:「アンブラム」のポイントが0なのでチェックが出来なくなっている。
ポイントをプラスすれば復活できるのでまたチェックできる

敗者になってもポイント増減やメンバー消去と順番の入れ替えは可能。前回の対抗戦と違い、順番とライフ数や状態などの関係はなくなりました。

今回のアップデートで未保存のデータの場合、下のステータス文字が赤くなるため画面の反映・見反映がわかりやすくなったと思います。

スクリーンショット 2020-10-18 19.51.25

例:参加者:6〜のところ。

こちらは通常の紅白戦も同じく未保存時は赤字でわかりやすくなったと思います。

配信側の画面説明

graphicのLIFEPOINT.HTMLが今回追加のページです

画像5

スクリーンショット 2020-10-18 19.54.45

左側に紅組、右側に白組のメンバー表で、敗者はグレイアウト、対戦中はやや黄色、待機は白色の名前担っているかと思います。名前の左側にポイントを表示します。

左下に紅組のライフ総ポイント、対戦中の名前表示、同じく右下に白組の総ポイントと名前表示があります。

これらの表示はhtmlでカスタマイズが可能です。また別記事でカスタマイズ方を紹介します。

とりあえず、見た目をカスタマイズして配信で実際に使ってみたのがこちらにありますので(11:00ごろから)ご覧いただければと思います!(宣伝)



この記事が気に入ったらサポートをしてみませんか?