diff --git a/src/components/game/Tutorial.jsx b/src/components/game/Tutorial.jsx deleted file mode 100644 index 148b036..0000000 --- a/src/components/game/Tutorial.jsx +++ /dev/null @@ -1,21 +0,0 @@ -import React from "react"; -import Modal from "../../components/ui/Modal.jsx"; -import { useGame } from "../../hooks/useGame.jsx"; -import TestAnimation from "../../components/animations/test.jsx"; - -export default function Tutorial() { - const { hasCheckedTutorial, setHasCheckedTutorial, setIsTimeRuning } = useGame(); - return ( -
- { - setHasCheckedTutorial(true); - setIsTimeRuning(true); - }}> - Tutorial - - -
- ); -} diff --git a/src/pages/_old_Game.jsx b/src/pages/_old_Game.jsx deleted file mode 100644 index b45a53f..0000000 --- a/src/pages/_old_Game.jsx +++ /dev/null @@ -1,96 +0,0 @@ -import { useEffect } from "react"; -import { useWordpressData } from "../hooks/WordpressFetchData"; -import { useState } from "react"; - -import Menu from "../components/Menu"; -import Modal from "../components/Modal"; - -export default function Game() { - const [isModalOpen, setIsModalOpen] = useState(false); - - const screenData = useWordpressData("/search-and-find"); - const [isDragging, setIsDragging] = useState(false); - const [startX, setStartX] = useState(0); - - // HANDLE DRAGGING - function handleMouseDown(e) { - const container = document.querySelector(".lhoist-blocks-search-and-find"); - setIsDragging(true); - setStartX(e.clientX + container.scrollLeft); - } - - function handleMouseMove(e) { - if (!isDragging) return; - const container = document.querySelector(".lhoist-blocks-search-and-find"); - const newScrollLeft = startX - e.clientX; - container.scrollLeft = newScrollLeft; - } - - function handleMouseUp() { - setIsDragging(false); - } - function handleObjectClick() { - console.log("object clicked"); - } - - function initGame(container) { - if (!container) return; - - const objects = container.querySelectorAll(".lhoist-blocks-focus-object"); - - objects.forEach((object) => { - object.addEventListener("click", () => { - handleObjectClick(); - }); - }); - } - - function cleanGame(container) { - if (!container) return; - - const objects = container.querySelectorAll(".lhoist-blocks-focus-object"); - objects.forEach((object) => { - object.removeEventListener("click", () => { - handleObjectClick(); - }); - }); - } - - useEffect(() => { - if (!screenData) return; - const container = document.querySelector(".lhoist-blocks-search-and-find"); - - initGame(container); - - return () => { - cleanGame(container); - }; - }, [screenData]); - - if (!screenData) return; - - return ( - <> - - setIsModalOpen(false)}> -

salut

-
- -
-
- - {screenData && ( -
- )} -
-
- - ); -}