[DELETE] 필요없는 파일 삭제

Author: rong5026

src/App.js

@@ -1,4 +1,3 @@
-import MainPage from "./game/MainPage.jsx";
 import HomePage from "./membership/HomePage.jsx";
 import FirstPage from "./navigation/Home.jsx";
 import LobbyPage from "./navigation/Lobby.jsx";
@@ -35,7 +34,6 @@ function App() {
         <Route path="/word-tracing/play" element={<GamePage />} />
         <Route path="/2p-word-tracing/play/:code" element={<GamePageForTwo />} />
 
-        <Route path="/main" element={<MainPage />} />
         <Route path="/selection" element={<SelectionPage />} />
         <Route path="/decorative" element={<DecorativeGamePage />} />
         <Route path="/decorative/game" element={<DecorationGamePage />} />

src/game/MainPage.css

@@ -58,11 +58,11 @@ function TwoDecorativeGame() {
         console.log(otherNumber);
     }
 
-    const onClickedBack = ()=> {
+    const onClickedBack = () => {
         deleteRoom(code);
         setIsBackButton(!isBackButton)
     }
-    
+
     const otherShapes = useRef([]);
 
     useEffect(() => {
@@ -126,17 +126,17 @@ function TwoDecorativeGame() {
                     <div className="body-container-of-left-decoration-game-two">
                         <div className="screen-admin-decoration-game-two">
                             <div style={{ width: (window.innerHeight * constants.TWO_DECORATIVE_GAME_HEIGHT_RATIO * (4.0 / 3.0)), height: windowHeight, margin: "auto" }}>
-                                <TwoGameScreen 
-                                getOtherData={setOtherNumber}
-                                getData={setNumber} 
-                                getWord={setWord} 
-                                ref={gameScreenRef} 
-                                roomid={code} 
-                                sender={Math.random().toString(36).substring(2, 11)} 
-                                anotherVideoRef={anotherVideoRef} 
-                                otherDrawingRef={otherDrawingRef} 
-                                otherEmojiRef={otherEmojiRef}
-                                isBackButton = {isBackButton} />
+                                <TwoGameScreen
+                                    getOtherData={setOtherNumber}
+                                    getData={setNumber}
+                                    getWord={setWord}
+                                    ref={gameScreenRef}
+                                    roomid={code}
+                                    sender={Math.random().toString(36).substring(2, 11)}
+                                    anotherVideoRef={anotherVideoRef}
+                                    otherDrawingRef={otherDrawingRef}
+                                    otherEmojiRef={otherEmojiRef}
+                                    isBackButton={isBackButton} />
 
                             </div>
                         </div>
@@ -179,10 +179,7 @@ function TwoDecorativeGame() {
                                 className="canvas"
                                 ref={otherDrawingRef}
                                 mirrored={true}
-                                // tabIndex={0}s
-                                //onKeyDown={f1Down}
                                 style={{
-                                    // background: "red",
                                     position: "absolute",
                                     marginLeft: "auto",
                                     marginRight: "auto",

src/game/MainPage.jsx

@@ -7,7 +7,6 @@ import SimpleBarReact from "simplebar-react";
 import 'simplebar-react/dist/simplebar.min.css';
 import axios from 'axios';
 import * as constants from "../utils/Constants"
-import { type } from "@testing-library/user-event/dist/type";
 import Modal from 'react-modal';
 import Select from "react-select";
 import { AiTwotoneCheckCircle, AiTwotoneCloseCircle} from "react-icons/ai";

src/game/TwoDecorativeGame.jsx

@@ -3,7 +3,6 @@ import Webcam from "react-webcam";
 import { Hands, HAND_CONNECTIONS } from "@mediapipe/hands/hands";
 import { drawConnectors, drawLandmarks } from "@mediapipe/drawing_utils/drawing_utils";
 import { Camera } from "@mediapipe/camera_utils/camera_utils";
-import "./MediapipeHands.css"
 import { detectHandGesture } from "./HandGesture";
 import { preprocessImage } from "./PreprocessImage";
 import frame from "./frame.png";
@@ -25,7 +24,6 @@ const GameScreen = forwardRef((props, ref) => {
     }))
 
 
-
     // 웹캡 변수
     const webcamRef = useRef(null);
     const canvasRef = useRef(null);
@@ -259,10 +257,6 @@ const GameScreen = forwardRef((props, ref) => {
     function rect(r) {
         const image = new Image();
         image.src = r.fill;
-        // canvasRef4.current.getContext('2d').fillStyle = image;
-        // canvasRef4.current.getContext('2d').fillRect(r.x, r.y, r.width, r.height);
-        // const image = new Image();
-        // image.src = r.fill;
         image.onload = function () {
             canvasRef4.current.getContext('2d').drawImage(image, r.x, r.y, r.width, r.height);
         }
@@ -353,14 +347,9 @@ const GameScreen = forwardRef((props, ref) => {
             const mx = parseInt(nativeEvent.clientX - canvasOffSetX.current);
             const my = parseInt(nativeEvent.clientY - canvasOffSetY.current);
 
-            // calculate the distance the mouse has moved
-            // since the last mousemove
             const dx = mx - startX;
             const dy = my - startY;
 
-            // move each rect that isDragging
-            // by the distance the mouse has moved
-            // since the last mousemove
             for (let i = 0; i < shapes.current.length; i++) {
                 const s = shapes.current[i];
                 if (s.isDragging) {
@@ -482,17 +471,6 @@ const GameScreen = forwardRef((props, ref) => {
         // img.crossOrigin = "anonymous";
         img.src = canvas.toDataURL('image/png');
 
-
-        // var blobBin = atob(img.src.split(',')[1]);	// base64 데이터 디코딩
-        // var array = [];
-        // for (var i = 0; i < blobBin.length; i++) {
-        //     array.push(blobBin.charCodeAt(i));
-        // }
-
-        // var file = new Blob([new Uint8Array(array)], { type: 'image/png' });	// Blob 생성
-        // const image = URL.createObjectURL(file);
-
-
         //a태그를 만들고 다운로드한뒤 갖다 버린다
         let link = document.createElement('a');
         link.download = "my_image.png";
@@ -501,7 +479,7 @@ const GameScreen = forwardRef((props, ref) => {
         link.click();
         document.body.removeChild(link);
         canvasRef5.current.getContext('2d').clearRect(0, 0, windowSize.width, windowSize.height); // 저장 후 지우기
-        // canvasRef2.current.focus();
+        canvasRef2.current.focus();
     }
 
     return (
@@ -547,7 +525,6 @@ const GameScreen = forwardRef((props, ref) => {
                 ref={canvasRef2}
                 mirrored={true}
                 tabIndex={0}
-                //onKeyDown={f1Down}
                 onKeyDown={spaceDown}
                 style={{
                     position: "absolute",