立ち絵：単一・光彩

https://scrapbox.io/files/63945a114dafb0001dbe33de.mov

OBSの設定

table:obsの設定

ソースの種類 ブラウザ

URL Discord streamkit overlayのURL

よこ 画像の横幅＋光彩の幅

たて 画像の縦幅＋光彩の幅

code:css

/** 上から数えてn番目だけ表示する */

.Voice_voiceState__OCoZh:not(:nth-child(n)) {

display: none !important;

}

:root {

/** 画像のよこ幅 */

--image-width: 200px;

/** 画像のたて幅 */

--image-height: 200px;

/** 立ち絵の画像 */

--image-url: url(【画像のURL】);

/** 画像の角の丸み */

--image-radius: 8%;

/** 光彩の幅 */

--light-scale: 40px;

/** 光彩の色 */

/** 喋っていないときの暗さ */

--not-speak-brightness: brightness(100%);

/** 喋っているときの明るさ */

--speak-brightness: brightness(100%);

}

.Voice_avatar__htiqH {

content: var(--image-url) !important;

width: var(--image-width) !important;

height: var(--image-height) !important;

margin-top: var(--light-scale) !important;

margin-left: var(--light-scale) !important;

border: 10px !important;

border-radius: var(--image-radius) !important;

filter: var(--not-speak-brightness);

}

.Voice_name__TALd9 {

display: none !important;

}

.Voice_avatarSpeaking__lE\+4m {

border: 10px !important;

filter: var(--speak-brightness);

box-shadow: 0px 0px var(--light-scale) var(--light-color) !important;

}