Add: audioの追加

src/components/garary/index.tsx

@@ -1,25 +1,27 @@
-import styles from "./index.module.css"
+import styles from "./index.module.css";
 
 function Garally() {
-    return (
-        <div>
-            <h1 className={styles.title}>VIRTUAL_NATSUMATSURI</h1>
-            <div className={styles.nobori}>
-                <img src="/2D_material/nobori.webp" alt="夏祭り_のぼり" />
-            </div>
-            <div className={styles.light}>
-                <img src="/2D_material/red_small_lite.webp" alt="提灯" />
-            </div>
-            <div className={styles.container}>
-                <div className={styles.logo}>
-                    <img src="/logo.webp" alt="logo" />
-                </div>
-                <p className={styles.shop}>VIRTUAL_NATSUMATSURI</p>
-            </div>
-            <div className={styles["light-right"]}>
-                <img src="/2D_material/red_small_lite.webp" alt="提灯" />
-            </div>
-        </div>
-    )
+	return (
+		<div>
+			{/* biome-ignore lint/a11y/useMediaCaption: <explanation> */}
+			<audio src="/sound/natsu_matsuri.mp3" autoPlay loop />
+			<h1 className={styles.title}>VIRTUAL_NATSUMATSURI</h1>
+			<div className={styles.nobori}>
+				<img src="/2D_material/nobori.webp" alt="夏祭り_のぼり" />
+			</div>
+			<div className={styles.light}>
+				<img src="/2D_material/red_small_lite.webp" alt="提灯" />
+			</div>
+			<div className={styles.container}>
+				<div className={styles.logo}>
+					<img src="/logo.webp" alt="logo" />
+				</div>
+				<p className={styles.shop}>VIRTUAL_NATSUMATSURI</p>
+			</div>
+			<div className={styles["light-right"]}>
+				<img src="/2D_material/red_small_lite.webp" alt="提灯" />
+			</div>
+		</div>
+	);
 }
-export default Garally;
+export default Garally;

src/pages/yatai/index.tsx

@@ -9,14 +9,14 @@ import type {
 	Object3DEventMap,
 } from "three";
 import { randFloat } from "three/src/math/MathUtils.js";
+import Garally from "../../components/garary";
 import { useSocketRefStore } from "../../store";
 import {
 	type ActionSchema,
 	MessageType,
 	type Target,
 } from "../../type/shooting";
 import styles from "./index.module.css";
-import Garally from "../../components/garary";
 
 const YataiStage = memo(() => {
 	// 土台
@@ -217,7 +217,7 @@ function Yatai() {
 		<div className={styles.container}>
 			<YataiStage />
 			<TargetOverlay />
-			<Garally/>
+			<Garally />
 		</div>
 	);
 }