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 })), }));