mirror of
https://github.com/ad044/lainTSX.git
synced 2024-10-22 23:19:06 +00:00
cleaned up css, gotta rip n format change disc sprites
This commit is contained in:
parent
02cdfa5dfe
commit
3e9f0ced1b
3 changed files with 32 additions and 2 deletions
|
@ -1,6 +1,5 @@
|
||||||
import React, { useEffect, useState, Suspense, useMemo } from "react";
|
import React, { useEffect, useState, Suspense, useMemo } from "react";
|
||||||
import MainScene from "./scenes/MainScene";
|
import MainScene from "./scenes/MainScene";
|
||||||
import "./static/css/main_scene.css";
|
|
||||||
import "./static/css/page.css";
|
import "./static/css/page.css";
|
||||||
import { Canvas } from "react-three-fiber";
|
import { Canvas } from "react-three-fiber";
|
||||||
import MediaPlayer from "./components/MediaScene/MediaPlayer";
|
import MediaPlayer from "./components/MediaScene/MediaPlayer";
|
||||||
|
@ -12,6 +11,7 @@ import BootScene from "./scenes/BootScene";
|
||||||
import SSknScene from "./scenes/SSknScene";
|
import SSknScene from "./scenes/SSknScene";
|
||||||
import PolytanScene from "./scenes/PolytanScene";
|
import PolytanScene from "./scenes/PolytanScene";
|
||||||
import TaKScene from "./scenes/TaKScene";
|
import TaKScene from "./scenes/TaKScene";
|
||||||
|
import ChangeDiscScene from "./scenes/ChangeDiscScene";
|
||||||
|
|
||||||
const App = () => {
|
const App = () => {
|
||||||
const currentScene = useSceneStore((state) => state.currentScene);
|
const currentScene = useSceneStore((state) => state.currentScene);
|
||||||
|
@ -32,6 +32,7 @@ const App = () => {
|
||||||
sskn: <SSknScene />,
|
sskn: <SSknScene />,
|
||||||
polytan: <PolytanScene />,
|
polytan: <PolytanScene />,
|
||||||
tak: <TaKScene />,
|
tak: <TaKScene />,
|
||||||
|
change_disc: <ChangeDiscScene />,
|
||||||
};
|
};
|
||||||
}, []);
|
}, []);
|
||||||
|
|
||||||
|
|
29
src/scenes/ChangeDiscScene.tsx
Normal file
29
src/scenes/ChangeDiscScene.tsx
Normal file
|
@ -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;
|
|
@ -423,7 +423,7 @@ export const useSSknStore = create<SSknState>((set) => ({
|
||||||
}));
|
}));
|
||||||
|
|
||||||
export const useSceneStore = create<SceneState>((set) => ({
|
export const useSceneStore = create<SceneState>((set) => ({
|
||||||
currentScene: "main",
|
currentScene: "change_disc",
|
||||||
setScene: (to) => set(() => ({ currentScene: to })),
|
setScene: (to) => set(() => ({ currentScene: to })),
|
||||||
}));
|
}));
|
||||||
|
|
||||||
|
|
Loading…
Reference in a new issue