ファイルの移動について
解凍したフォルダ内のファイル構成を変えると動かなくなります。 移動する際は必ず「フォルダごと」移動してください。
loading.html を、そのままOBSの画面上にドラッグ&ドロップします。1920/高さ1080)このツールは、OBSのプロパティ内にある**「カスタムCSS」**にテキストを追記することで、自分好みにデザインを変更できます。
ベースの設定コードを追加する
OBSのソース一覧から「loading.html」をダブルクリックしてプロパティを開き、一番下にある**「カスタムCSS」**の欄に、以下のコードをすべてコピー&ペーストしてください。
body { background-color: rgba(0, 0, 0, 0); margin: 0px auto; overflow: hidden; }
#text { content: 'NowLoading...' }
#loadAnime { content: '1000' }
#strAnime { content: '3000' }
#type { content: '1' }
#color { content: '#000000' }
#textColor { content: '#000000' }
コードを書き換えてカスタマイズする
追加したコードの'' (シングルクォーテーション)の中身を書き換えることで、様々な変更が可能です。
※注意: '' は絶対に消さないでください!
#text (表示テキスト)
'NowLoading...' の部分を好きな文字に変更できます。
#loadAnime (マークの回転速度)
ローディングマークが1周する時間です。単位はミリ秒(1000=1秒)です。
#strAnime (文字のぴょこぴょこ速度)
文字が動くアニメーションが1周する時間です。単位はミリ秒(3000=3秒)です。
#type (マークの形)
'1'~'3' の数字で形を変えられます。
1: カプセル状2: 丸状3 : 円周を線が回るタイプ#color (マークの色)
'#000000' を好きな16進数カラーコード(例: 赤は#ff0000)に変更します。
#textColor (文字の色)
'#000000' を好きな16進数カラーコードに変更します。
フォントを変更する
以下のコードを追加し、[ここにフォント名] の部分を自分のPCに入っているフォント名に書き換えます。
#text { font-family: '[ここにフォント名]' }
(例: #text { font-family: 'MS ゴシック' })
フォント名の調べ方(Windows)