cleaned up css, gotta rip n format change disc sprites

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: <SSknScene />,
       polytan: <PolytanScene />,
       tak: <TaKScene />,
+      change_disc: <ChangeDiscScene />,
     };
   }, []);
 

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 (
+    <>
+      <sprite scale={[3, 1, 0]} position={[0, 2, 0]}>
+        <spriteMaterial map={lofTex} attach="material" />
+      </sprite>
+      <sprite scale={[5, 1, 0]} position={[0, 0, 0]}>
+        <spriteMaterial map={changeSiteTextTex} attach="material" />
+      </sprite>
+    </>
+  );
+};
+
+export default ChangeDiscScene;

src/store.ts

@@ -423,7 +423,7 @@ export const useSSknStore = create<SSknState>((set) => ({
 }));
 
 export const useSceneStore = create<SceneState>((set) => ({
-  currentScene: "main",
+  currentScene: "change_disc",
   setScene: (to) => set(() => ({ currentScene: to })),
 }));