2020-08-31 15:08:27 +00:00
|
|
|
import React, { useEffect, useState } from "react";
|
2020-09-11 16:09:38 +00:00
|
|
|
import MainScene from "./components/MainScene/MainScene";
|
2020-08-26 18:10:59 +00:00
|
|
|
import "./static/css/hub.css";
|
2020-08-31 15:08:27 +00:00
|
|
|
import "./static/css/main.css";
|
2020-09-07 15:07:26 +00:00
|
|
|
import { Canvas } from "react-three-fiber";
|
2020-09-11 16:09:38 +00:00
|
|
|
import { RecoilRoot } from "recoil";
|
2020-08-25 23:17:29 +00:00
|
|
|
|
|
|
|
const App = () => {
|
|
|
|
const [moveToGame, setMoveToGame] = useState(false);
|
|
|
|
|
|
|
|
useEffect(() => {
|
|
|
|
document.title = "< index >";
|
|
|
|
document.getElementsByTagName("body")[0].className = "main-body";
|
|
|
|
return () => {
|
|
|
|
document.getElementsByTagName("body")[0].className = "";
|
|
|
|
};
|
|
|
|
}, []);
|
2020-08-25 08:49:05 +00:00
|
|
|
|
|
|
|
return (
|
2020-08-25 23:17:29 +00:00
|
|
|
<div id="game-root" className="game">
|
2020-09-11 16:09:38 +00:00
|
|
|
{/* {moveToGame ? <MainScene /> : <Intro setMoveToGame={setMoveToGame} />} */}
|
2020-08-25 23:17:29 +00:00
|
|
|
{/* <Intro /> */}
|
2020-09-07 15:07:26 +00:00
|
|
|
<Canvas concurrent>
|
2020-09-11 16:09:38 +00:00
|
|
|
<RecoilRoot>
|
|
|
|
<MainScene />
|
|
|
|
</RecoilRoot>
|
2020-09-07 15:07:26 +00:00
|
|
|
</Canvas>
|
2020-08-25 08:49:05 +00:00
|
|
|
</div>
|
|
|
|
);
|
2020-08-25 23:17:29 +00:00
|
|
|
};
|
2020-08-25 08:49:05 +00:00
|
|
|
|
|
|
|
export default App;
|