gaesup-world 0.9.3 → 0.9.51

package/dist/gaesup/controller/index.js

@@ -17,7 +17,6 @@ import { GaesupComponent } from "../component";
 import { GaesupWorldContext } from "../world/context";
 import { GaesupControllerContext, GaesupControllerDispatchContext, gaesupControllerDefault, } from "./context";
 import { gaesupControllerReducer } from "./context/reducer";
-import initDebug from "./debug";
 import initControllerProps from "./initialize";
 export function GaesupController(props) {
     var keyBoardMap = useContext(GaesupWorldContext).keyBoardMap;
@@ -66,10 +65,6 @@ export function GaesupControllerInner(props) {
     var prop = __assign(__assign(__assign(__assign({}, initControllerProps({
         refs: refs,
     })), { children: props.children, groupProps: props.groupProps, rigidBodyProps: props.rigidBodyProps, controllerOptions: gaesupControl.value.controllerOptions, parts: props.parts }), gaesupControl.value.callbacks), refs);
-    initDebug({
-        controllerContext: gaesupControl.value,
-        controllerDispatch: gaesupControl.dispatch,
-    });
     var ContextBridge = useContextBridge(GaesupWorldContext, GaesupControllerContext);
     return (_jsx(ContextBridge, { children: _jsx(GaesupControllerContext.Provider, { value: gaesupControl.value, children: _jsx(GaesupControllerDispatchContext.Provider, { value: gaesupControl.dispatch, children: _jsx(GaesupComponent, { props: prop, refs: refs }) }) }) }));
 }

package/dist/gaesup/controller/style.css

@@ -0,0 +1,48 @@
+@import url("https://rsms.me/inter/inter.css");
+
+* {
+  box-sizing: border-box;
+}
+
+html,
+body,
+#root {
+  width: 100%;
+  height: 100%;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  background: #f0f0f0;
+  font-family: inter;
+}
+
+.container {
+  position: relative;
+  width: 100%;
+  height: 100%;
+}
+
+.canvas {
+  pointer-events: none;
+  position: absolute !important;
+  top: 0px;
+  left: 0px;
+  width: 100vw;
+  height: 100vh;
+}
+
+.view1 {
+  position: absolute;
+  width: 100%;
+  height: 100%;
+}
+
+.view2 {
+  position: absolute;
+  top: 2em;
+  right: 2em;
+  width: calc(250px - 2em);
+  height: calc(250px - 2em);
+}

package/dist/gaesup/tools/MiniMap/style.css

@@ -0,0 +1,243 @@
+@font-face {
+  font-family: "Open Sans", sans-serif;
+  src: local("Open Sans"),
+    url("https://fonts.googleapis.com/css2?family=Open+Sans:wght@300&display=swap");
+}
+
+@keyframes pulseWhite {
+  0% {
+    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7);
+    opacity: 1;
+  }
+  70% {
+    box-shadow: 0 0 0 10px rgba(255, 255, 255, 0);
+    opacity: 0.7;
+  }
+  100% {
+    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
+    opacity: 1;
+  }
+}
+
+/* avatar style */
+.avatar {
+  position: absolute;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  text-align: center;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  width: 2rem;
+  height: 2rem;
+  border-radius: 50%;
+  background: rgba(5, 222, 250, 1);
+  box-shadow: 0 0 10px rgba(5, 222, 250, 1);
+  border: 2px solid transparent;
+  object-fit: cover;
+  z-index: 100;
+  animation: pulseWhite 2s infinite;
+}
+
+/* plusMinus style */
+.plusMinus {
+  position: relative;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  width: 2rem;
+  height: 2rem;
+  border-radius: 50%;
+  background: rgba(0, 0, 0, 0.5);
+  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
+  transition: all 0.5s ease-in;
+  cursor: pointer;
+  border: 2px solid transparent;
+}
+
+.plusMinus:hover {
+  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
+}
+
+/* border style */
+.border {
+  width: 4rem;
+  height: 4rem;
+  border-radius: 50%;
+  box-shadow: 0 0 0 0 rgba(255, 255, 255, 1);
+  transform: scale(1);
+  animation: pulseWhite 2s infinite;
+  cursor: pointer;
+  transition: all 0.5s ease-in;
+}
+
+.border:hover {
+  transform: scale(1.1);
+}
+
+/* minimap style */
+.minimap {
+  margin: 1rem;
+  border-radius: 50%;
+  background: rgba(0, 0, 0, 0.6);
+  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
+  backdrop-filter: blur(1rem);
+  -webkit-backdrop-filter: blur(1rem);
+  width: 18rem;
+  height: 18rem;
+  border: 4px solid rgba(0, 0, 0, 0.5);
+  overflow: hidden;
+}
+
+@media (max-width: 1024px) {
+  .minimap {
+    width: 17rem;
+    height: 17rem;
+  }
+}
+
+@media (max-width: 768px) {
+  .minimap {
+    width: 16rem;
+    height: 16rem;
+  }
+}
+
+/* minimapOuter style */
+.minimapOuter {
+  position: absolute;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  text-align: center;
+  width: 18rem;
+  height: 18rem;
+  overflow: hidden;
+}
+
+/* minimapInner style */
+.minimapInner {
+  position: relative;
+  display: flex;
+  top: 50%;
+  left: 50%;
+  width: 18rem;
+  height: 18rem;
+  transform-origin: 50% 50%;
+  border-radius: 50%;
+  overflow: hidden;
+}
+
+@media (max-width: 1024px) {
+  .minimapInner {
+    width: 17rem;
+    height: 17rem;
+  }
+}
+
+@media (max-width: 768px) {
+  .minimapInner {
+    width: 16rem;
+    height: 16rem;
+  }
+}
+/* text style */
+.text {
+  position: relative;
+  font-size: 1rem;
+  color: black;
+  padding: 0.5rem;
+  border-radius: 0.5rem;
+  background: rgba(255, 255, 255, 0.5);
+  box-shadow: 0 0 10px rgba(255, 255, 255, 0.5);
+  z-index: 3;
+}
+
+/* scale style */
+.scale {
+  position: absolute;
+  width: 13rem;
+  bottom: -5rem;
+  left: 50%;
+  transform: translateX(-50%);
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  text-align: center;
+  font-size: 1.2rem;
+  color: white;
+  text-shadow: 0 0 10px black;
+  padding: 0.5rem;
+  border-radius: 0.5rem;
+  box-shadow: 0 0 10px solid black;
+  background: rgba(0, 0, 0, 0.5);
+  z-index: 3;
+  -webkit-backdrop-filter: blur(2rem);
+  backdrop-filter: blur(2rem);
+  font-family: "Open Sans", sans-serif;
+  font-weight: 300;
+}
+
+/* minimapObject style */
+.minimapObject {
+  position: absolute;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  text-align: center;
+  border-radius: 2px;
+  background: rgba(0, 0, 0, 0.3);
+
+  /* border: 2px solid rgba(88, 88, 88, 0.5); */
+}
+
+/* minimapObject style */
+.imageObject {
+  position: absolute;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  text-align: center;
+  background:
+    linear-gradient(to bottom, transparent 95%, rgba(0, 0, 0, 0.2) 20%) 0 0 /
+      100% 40px repeat-y,
+    linear-gradient(to right, transparent 38px, rgba(0, 0, 0, 0.2) 38px) 0 0 /
+      40px 100% repeat-x transparent;
+}
+
+.textObject {
+  position: absolute;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  text-align: center;
+  /* border: 2px solid rgba(88, 88, 88, 0.5); */
+}
+
+.direction {
+  position: absolute;
+  color: white;
+  font-size: 1.5rem;
+  z-index: 2000;
+}
+
+.east {
+  top: 50%;
+  right: 0;
+}
+
+.west {
+  top: 50%;
+  left: 0;
+}
+
+.north {
+  bottom: 0;
+  left: 50%;
+}
+
+.south {
+  top: 0;
+  left: 50%;
+}

package/dist/gaesup/tools/gameboy/style.css

@@ -0,0 +1,92 @@
+body {
+  -webkit-touch-callout: none;
+}
+
+.gameboy {
+  display: grid;
+  align-items: center;
+  justify-content: center;
+  border-radius: 50%;
+  grid-template-columns: 1fr 1fr 1fr;
+  grid-template-rows: 1fr 1fr 1fr;
+  background: rgba(0, 0, 0, 0.5);
+  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
+}
+
+.gameboy .gameboy-button {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  text-align: center;
+  position: relative;
+  backdrop-filter: blur(2rem);
+  -webkit-backdrop-filter: blur(2rem);
+  all: unset;
+  width: 3rem;
+  height: 3rem;
+  margin: 0.3rem;
+  border-radius: 50%;
+  background: linear-gradient(
+    68.4deg,
+    rgba(99, 251, 215, 1) -0.4%,
+    rgba(5, 222, 250, 1) 100.2%
+  );
+  box-shadow: 0 0 10px #78ffd6;
+  font-size: 1.6rem;
+  color: black;
+  text-shadow: 0 0 10px black;
+  cursor: pointer;
+  transition: all 0.3s ease-in;
+}
+
+.gameboy-button.up {
+  grid-row: 1/2;
+  grid-column: 2/3;
+  background: linear-gradient(
+    68.4deg,
+    rgba(99, 251, 215, 1) -0.4%,
+    rgba(5, 222, 250, 1) 100.2%
+  );
+  box-shadow: 0 0 10px #78ffd6;
+}
+
+.gameboy-button.left {
+  grid-row: 2/3;
+  grid-column: 1/2;
+  background: linear-gradient(
+    68.4deg,
+    rgba(176, 255, 237, 1) -0.4%,
+    rgba(161, 244, 255, 1) 100.2%
+  );
+  box-shadow: 0 0 10px rgba(176, 255, 237, 1);
+}
+
+.gameboy-button.down {
+  grid-row: 3/4;
+  grid-column: 2/3;
+  background: linear-gradient(
+    68.4deg,
+    rgba(99, 251, 215, 1) -0.4%,
+    rgba(5, 222, 250, 1) 100.2%
+  );
+  box-shadow: 0 0 10px #78ffd6;
+}
+
+.gameboy-button.right {
+  grid-row: 2/3;
+  grid-column: 3/4;
+  background: linear-gradient(
+    68.4deg,
+    rgba(176, 255, 237, 1) -0.4%,
+    rgba(161, 244, 255, 1) 100.2%
+  );
+  box-shadow: 0 0 10px rgba(176, 255, 237, 1);
+}
+
+.gameboy * {
+  -webkit-touch-callout: none;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+}

package/dist/gaesup/tools/gamepad/style.css

@@ -0,0 +1,61 @@
+.gamePad {
+  display: grid;
+  align-items: center;
+  justify-content: center;
+  grid-template-columns: repeat(3, 1fr);
+  grid-template-rows: repeat(3, 1fr);
+}
+
+.padButton {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  position: relative;
+  width: 5rem;
+  height: 5rem;
+  border-radius: 50%;
+  font-size: 1rem;
+  background-color: rgba(0, 0, 0, 0.5);
+  color: white;
+  box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5);
+  cursor: pointer;
+  transition: all 0.3s ease-in;
+  margin: 0.5rem;
+}
+
+.padButton:hover {
+  box-shadow: 0 0 1rem rgba(0, 0, 0, 0.5);
+}
+
+.padButton::after {
+  content: "";
+  position: absolute;
+  width: 4rem;
+  height: 4rem;
+  border-radius: 50%;
+  background: rgba(0, 0, 0, 0.2);
+  z-index: 100000;
+}
+
+.padButton.isClicked {
+  background: radial-gradient(
+    circle at center,
+    rgba(245, 177, 97, 1) 0.4%,
+    rgba(236, 54, 110, 1) 100.2%
+  );
+  box-shadow: 0 0 1rem rgba(245, 177, 97, 1);
+  color: black;
+  transition: all 0.3s ease-in;
+}
+
+.padButton.isClicked:hover {
+  box-shadow: 0 0 2rem rgba(245, 177, 97, 1);
+}
+
+.gamePad * {
+  -webkit-touch-callout: none;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+}

package/dist/gaesup/tools/joystick/style.css

@@ -0,0 +1,38 @@
+.joystick {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  text-align: center;
+  width: 12rem;
+  height: 12rem;
+  overflow: auto;
+  border-radius: 50%;
+  background: rgba(0, 0, 0, 0.5);
+  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
+}
+
+/* .joystick::after {
+  content: "";
+  width: 10rem;
+  height: 10rem;
+  border-radius: 50%;
+  background: rgba(0, 0, 0, 0.2);
+} */
+
+.joystickBall {
+  width: 5rem;
+  height: 5rem;
+  transform: translate(-50%, -50%);
+  border-radius: 50%;
+  background: rgba(0, 0, 0, 0.5);
+  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
+  cursor: pointer;
+}
+
+.joystick * {
+  -webkit-touch-callout: none;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+}

package/dist/gaesup/tools/jumpPortal/style.css

@@ -0,0 +1,16 @@
+.jumpPortal {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  text-align: center;
+  margin: 1rem;
+  font-size: 0.8rem;
+  border-radius: 50%;
+  width: 5rem;
+  height: 5rem;
+  color: white;
+  background: rgba(0, 0, 0, 0.6);
+  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.6);
+  transition: all 0.2s ease-in;
+  cursor: pointer;
+}

package/dist/gaesup/tools/keyBoardToolTip/style.css

@@ -0,0 +1,24 @@
+.keyBoardToolInner {
+  display: grid;
+  justify-content: center;
+  align-items: center;
+  grid-template-columns: repeat(20, 2.5rem);
+  grid-template-rows: repeat(10, 2.5rem);
+  gap: 0.5rem;
+  width: 40rem;
+  height: 20rem;
+}
+
+.keyCap {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  font-size: 0.8rem;
+  border-radius: 5px;
+  width: 100%;
+  height: 100%;
+  color: white;
+  background: rgba(0, 0, 0, 0.2);
+  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
+  transition: all 0.2s ease-in;
+}

package/dist/gaesup/tools/rideable/style.css

@@ -0,0 +1,16 @@
+.ridable {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  text-align: center;
+  margin: 1rem;
+  font-size: 0.8rem;
+  border-radius: 50%;
+  width: 5rem;
+  height: 5rem;
+  color: white;
+  background: rgba(0, 0, 0, 0.6);
+  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.6);
+  transition: all 0.2s ease-in;
+  cursor: pointer;
+}

package/dist/gaesup/utils/innerHtml.js

@@ -28,9 +28,7 @@ import * as THREE from "three";
 export function InnerHtml(_a) {
     var children = _a.children, props = __rest(_a, ["children"]);
     var ref = useRef();
-    var _b = useState(), isOccluded = _b[0], setOccluded = _b[1];
-    var _c = useState(), isInRange = _c[0], setInRange = _c[1];
-    var isVisible = isInRange && !isOccluded;
+    var _b = useState(), isInRange = _b[0], setInRange = _b[1];
     var vec = new THREE.Vector3();
     useFrame(function (state) {
         var range = state.camera.position.distanceTo(ref.current.getWorldPosition(vec)) <= 10;

package/dist/gaesup/world/context/index.js

@@ -42,7 +42,6 @@ export var gaesupWorldDefault = {
             rightward: false,
         },
     },
-    debug: false,
     minimap: {
         props: {},
     },

package/dist/gaesup/world/context/reducer.d.ts

@@ -7,7 +7,6 @@ export declare function gaesupWorldReducer(props: Partial<gaesupWorldContextType
     mode?: import("./type").modeType;
     urls?: import("./type").urlsType;
     states?: import("./type").statesType;
-    debug?: boolean;
     minimap?: import("../../tools/MiniMap/type").minimapInnerType;
     joystick?: import("../../tools/joystick/type").joyStickInnerType;
     control?: {

package/dist/gaesup/world/context/type.d.ts

@@ -167,7 +167,6 @@ export type gaesupWorldContextType = {
     mode: modeType;
     urls: urlsType;
     states: statesType;
-    debug: boolean;
     minimap: minimapInnerType;
     joystick: joyStickInnerType;
     control: KeyboardControlsState<string>;

package/dist/gaesup/world/initalize/index.d.ts

@@ -6,7 +6,6 @@ export default function initGaesupWorld(props: gaesupWorldPropsType): {
             mode?: import("../context/type").modeType;
             urls?: import("../context/type").urlsType;
             states?: import("../context/type").statesType;
-            debug?: boolean;
             minimap?: import("../../tools/MiniMap/type").minimapInnerType;
             joystick?: import("../../tools/joystick/type").joyStickInnerType;
             control?: {

package/dist/gaesup/world/initalize/index.js

@@ -10,10 +10,8 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 import { useEffect, useMemo, useReducer } from "react";
-import { isDesktop } from "react-device-detect";
 import { gaesupWorldDefault } from "../../world/context";
 import { gaesupWorldReducer } from "../../world/context/reducer";
-import initDebug from "../debug";
 export default function initGaesupWorld(props) {
     var _a = useReducer(gaesupWorldReducer, {
         activeState: __assign(__assign({}, gaesupWorldDefault.activeState), { position: props.startPosition || gaesupWorldDefault.activeState.position }),
@@ -23,7 +21,6 @@ export default function initGaesupWorld(props) {
         refs: null,
         states: gaesupWorldDefault.states,
         rideable: gaesupWorldDefault.rideable,
-        debug: (props.debug && isDesktop) || gaesupWorldDefault.debug,
         minimap: gaesupWorldDefault.minimap,
         joystick: gaesupWorldDefault.joystick,
         control: gaesupWorldDefault.control,
@@ -53,7 +50,6 @@ export default function initGaesupWorld(props) {
         });
     }, []);
     var gaesupProps = useMemo(function () { return ({ value: value, dispatch: dispatch }); }, [value, value.block, dispatch]);
-    initDebug({ value: gaesupProps.value, dispatch: dispatch });
     return {
         gaesupProps: gaesupProps,
     };

package/dist/gaesup/world/style.css

@@ -0,0 +1,13 @@
+#leva__root > * {
+  top: 25rem;
+  left: 1rem;
+  width: 30rem;
+}
+
+@media (max-width: 1024px) {
+  #leva__root > * {
+    top: 25rem;
+    left: 1rem;
+    width: 25rem;
+  }
+}

package/dist/index.d.ts

@@ -4,13 +4,13 @@ export { PassiveCharacter } from "./gaesup/component/passive/character";
 export { PassiveVehicle } from "./gaesup/component/passive/vehicle";
 export { GaesupController } from "./gaesup/controller";
 export { GaeSupProps } from "./gaesup/gaesupProps";
+export { MiniMap } from "./gaesup/tools/MiniMap";
 export { Clicker } from "./gaesup/tools/clicker";
 export { GameBoy } from "./gaesup/tools/gameboy";
 export { GamePad } from "./gaesup/tools/gamepad";
 export { JoyStick } from "./gaesup/tools/joystick";
 export { JumpPortal } from "./gaesup/tools/jumpPortal";
 export { KeyBoardToolTip } from "./gaesup/tools/keyBoardToolTip";
-export { MiniMap } from "./gaesup/tools/MiniMap";
 export { Rideable } from "./gaesup/tools/rideable";
 export { InnerHtml } from "./gaesup/utils/innerHtml";
 export { Elr, Qt, V3, V30, V31 } from "./gaesup/utils/vector";

package/dist/index.js

@@ -4,13 +4,13 @@ export { PassiveCharacter } from "./gaesup/component/passive/character";
 export { PassiveVehicle } from "./gaesup/component/passive/vehicle";
 export { GaesupController } from "./gaesup/controller";
 export { GaeSupProps } from "./gaesup/gaesupProps";
+export { MiniMap } from "./gaesup/tools/MiniMap";
 export { Clicker } from "./gaesup/tools/clicker";
 export { GameBoy } from "./gaesup/tools/gameboy";
 export { GamePad } from "./gaesup/tools/gamepad";
 export { JoyStick } from "./gaesup/tools/joystick";
 export { JumpPortal } from "./gaesup/tools/jumpPortal";
 export { KeyBoardToolTip } from "./gaesup/tools/keyBoardToolTip";
-export { MiniMap } from "./gaesup/tools/MiniMap";
 export { Rideable } from "./gaesup/tools/rideable";
 export { InnerHtml } from "./gaesup/utils/innerHtml";
 export { Elr, Qt, V3, V30, V31 } from "./gaesup/utils/vector";

package/index.ts

@@ -18,7 +18,6 @@ export {
   V3,
   V30,
   V31,
-  ZoomButton,
   useClicker,
   useGaesupAnimation,
   useGaesupController,