add bkbk

vipzero · Jan 6, 2024 · 7db0721 · 7db0721
1 parent e8d30d5
commit 7db0721
Show file tree

Hide file tree

Showing 4 changed files with 67 additions and 0 deletions.
diff --git a/src/components/Home/Cvote/constants.ts b/src/components/Home/Cvote/constants.ts
@@ -11,6 +11,7 @@ export const eekeysGimic = [
 	'masshiro', // R
 	'halowa',
 	'rain', // R
+	'bkbk',
 	'rainbow',
 	'gaming',
 	'subetef',
@@ -141,6 +142,7 @@ export const EX_PATTERNS_ANIME_OR_ALBUM: [string | RegExp, Eekey][] = [
 	// ['極黒のブリュンヒルデ', 'bryunhild'],
 	// [/山田.*魔女/, 'yamajo'],
 	['コードギアス', 'codegeass'],
+	[/サイバーパンク|cyberpunk/i, 'cyberpunk'],
 ]
 export const EX_PATTERNS_CUSTOM: [(_song: Song) => boolean, Eekey][] = [
 	// [ (song) => song.animeTitle === '人生', 'jinsei' ],
@@ -179,6 +181,7 @@ export const EX_PATTERNS_ICY: [string | RegExp, Eekey][] = [
 	],
 	[/ちょこ|チョコ|choco/i, 'choco'],
 	[/サイバーパンク|cyberpunk/i, 'cyberpunk'],
+	[/シュワシュワ|シークヮーサー|ソーダ|サイダー|ビタミン/i, 'bkbk'],
 ]
 
 // protobuf 逆引き用, 再割り当てと欠落不可
@@ -237,4 +240,5 @@ export const eeId: Record<EekeyStr, number> = {
 	choco: 50,
 	codegeass: 51,
 	cyberpunk: 52,
+	bkbk: 53,
 }
diff --git a/src/components/Home/ex/ExtraComp.tsx b/src/components/Home/ex/ExtraComp.tsx
@@ -94,6 +94,25 @@ const RainEx = () => {
 	)
 }
 
+const BkbkEx = () => (
+	<div id="bkbk">
+		{range(20).map((i) => (
+			<div
+				className="bubbles"
+				key={i}
+				style={{
+					left: `${Math.random() * 100}vw`,
+					opacity: `${Math.random() * 0.5 + 0.5}`,
+					animation: `up ${Math.random() * 10 + 4}s linear infinite`,
+					transform: `scale(${Math.random() * 0.5 + 0.1})`,
+				}}
+			>
+				<div style={{}}></div>
+			</div>
+		))}
+	</div>
+)
+
 const MtsEx = ({ s }: { s: string }) => {
 	if (!s) return null
 	const lineUp = (s: string) => {
@@ -176,6 +195,8 @@ function ExCompMain({ eeKey, rand, eeOpt, eeMemo }: ExCompProp) {
 				</FloatingBox>
 			</div>
 		)
+	} else if (eeKey === 'bkbk') {
+		return <BkbkEx />
 	}
 	return null
 }

diff --git a/src/components/Home/ex/exStyles.tsx b/src/components/Home/ex/exStyles.tsx
@@ -80,6 +80,47 @@ export const exStyles = css`
 			animation-duration: 8s;
 		}
 	}
+	&[data-ex='bkbk'] {
+		#bkbk {
+			position: absolute;
+			right: 0;
+			top: 0;
+			width: 100vw;
+			height: 100vh;
+			border: solid 1px orange;
+			/* Bubbles */
+			.bubbles {
+				position: absolute;
+				bottom: 0;
+				/* z-index: 5; */
+				margin-right: 50px;
+				background-color: white;
+				border-radius: 50%;
+				/* opacity: 0.5; */
+				width: 40px;
+				height: 40px;
+				animation: up 4s infinite;
+			}
+
+			/* Bubbles Animation */
+			@keyframes up {
+				100% {
+					transform: translateY(-100vh);
+				}
+			}
+		}
+		@keyframes plasma {
+			0% {
+				transform: scale(6) translate3d(20px, 0, 0);
+			}
+			50% {
+				transform: scale(1) translate3d(-60px, 0, 0);
+			}
+			100% {
+				transform: scale(6) translate3d(20px, 0, 0);
+			}
+		}
+	}
 
 	&[data-theme='kokaku'] {
 		--ex-color: #0385f4;

diff --git a/src/stories/Home.stories.tsx b/src/stories/Home.stories.tsx
@@ -81,6 +81,7 @@ export const Flip = eeArgs('flip')
 export const Aria = eeArgs('ariascarlet')
 export const Shiki = eeArgs('subetef')
 export const Parapara = eeArgs('parapara')
+export const Bkbk = eeArgs('bkbk')
 export const Mts10A = {
 	args: {
 		setting: {