diff --git a/src/App.tsx b/src/App.tsx
index 0952a00..f0816ea 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -1,6 +1,5 @@
import React, { useEffect, useState, Suspense, useMemo } from "react";
import MainScene from "./scenes/MainScene";
-import "./static/css/main_scene.css";
import "./static/css/page.css";
import { Canvas } from "react-three-fiber";
import MediaPlayer from "./components/MediaScene/MediaPlayer";
@@ -12,6 +11,7 @@ import BootScene from "./scenes/BootScene";
import SSknScene from "./scenes/SSknScene";
import PolytanScene from "./scenes/PolytanScene";
import TaKScene from "./scenes/TaKScene";
+import ChangeDiscScene from "./scenes/ChangeDiscScene";
const App = () => {
const currentScene = useSceneStore((state) => state.currentScene);
@@ -32,6 +32,7 @@ const App = () => {
sskn: ,
polytan: ,
tak: ,
+ change_disc: ,
};
}, []);
diff --git a/src/scenes/ChangeDiscScene.tsx b/src/scenes/ChangeDiscScene.tsx
new file mode 100644
index 0000000..811702c
--- /dev/null
+++ b/src/scenes/ChangeDiscScene.tsx
@@ -0,0 +1,29 @@
+import React, { useEffect } from "react";
+
+import lof from "../../src/static/sprite/disc_lof.png";
+import changeSiteText from "../../src/static/sprite/disc_change_site.png";
+import { useLoader } from "react-three-fiber";
+import * as THREE from "three";
+
+const ChangeDiscScene = () => {
+ const lofTex = useLoader(THREE.TextureLoader, lof);
+ const changeSiteTextTex = useLoader(THREE.TextureLoader, changeSiteText);
+
+ useEffect(() => {
+ document.getElementsByTagName("canvas")[0].className =
+ "change-disc-scene-background";
+ }, []);
+
+ return (
+ <>
+
+
+
+
+
+
+ >
+ );
+};
+
+export default ChangeDiscScene;
diff --git a/src/store.ts b/src/store.ts
index f1db2b5..db49b47 100644
--- a/src/store.ts
+++ b/src/store.ts
@@ -423,7 +423,7 @@ export const useSSknStore = create((set) => ({
}));
export const useSceneStore = create((set) => ({
- currentScene: "main",
+ currentScene: "change_disc",
setScene: (to) => set(() => ({ currentScene: to })),
}));