mirror of
https://github.com/ad044/lainTSX.git
synced 2024-10-22 23:19:06 +00:00
32 lines
866 B
TypeScript
32 lines
866 B
TypeScript
import React, { useEffect, useState } from "react";
|
|
import MainScene from "./components/MainScene/MainScene";
|
|
import "./static/css/hub.css";
|
|
import "./static/css/main.css";
|
|
import { Canvas } from "react-three-fiber";
|
|
import { RecoilRoot } from "recoil";
|
|
|
|
const App = () => {
|
|
const [moveToGame, setMoveToGame] = useState(false);
|
|
|
|
useEffect(() => {
|
|
document.title = "< index >";
|
|
document.getElementsByTagName("body")[0].className = "main-body";
|
|
return () => {
|
|
document.getElementsByTagName("body")[0].className = "";
|
|
};
|
|
}, []);
|
|
|
|
return (
|
|
<div id="game-root" className="game">
|
|
{/* {moveToGame ? <MainScene /> : <Intro setMoveToGame={setMoveToGame} />} */}
|
|
{/* <Intro /> */}
|
|
<Canvas concurrent>
|
|
<RecoilRoot>
|
|
<MainScene />
|
|
</RecoilRoot>
|
|
</Canvas>
|
|
</div>
|
|
);
|
|
};
|
|
|
|
export default App;
|