react-simple-game-engine 0.2.62 → 0.2.64

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (11) hide show
  1. package/lib/classes/p5.d.ts +2 -2
  2. package/lib/classes/p5.d.ts.map +1 -1
  3. package/lib/classes/p5.js +1 -3
  4. package/lib/ui-components/modal.d.ts +2 -1
  5. package/lib/ui-components/modal.d.ts.map +1 -1
  6. package/lib/ui-components/modal.js +2 -7
  7. package/lib/ui-components/scene-runner.d.ts.map +1 -1
  8. package/lib/ui-components/scene-runner.js +3 -2
  9. package/lib/ui-components/sketch.d.ts.map +1 -1
  10. package/lib/ui-components/sketch.js +3 -6
  11. package/package.json +1 -1
package/lib/classes/p5.d.ts CHANGED
@@ -4,9 +4,9 @@ declare type ItemWithPercent<I> = [I, number];
4
4
  declare type LastItem<I> = [I];
5
5
  export declare type Collection<I> = [...ItemWithPercent<I>[], LastItem<I>];
6
6
  export declare class P5 extends p5 {
7
- scaler: Scaler;
8
7
  running: boolean;
9
- constructor(sketch: (p5: P5) => void, scaler: Scaler);
8
+ scaler: Scaler;
9
+ constructor(sketch: (p5: P5) => void);
10
10
  get isForeground(): boolean;
11
11
  constrainMax(value: number, max: number): number;
12
12
  constrainMin(value: number, min: number): number;
package/lib/classes/p5.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"p5.d.ts","sourceRoot":"","sources":["../../src/classes/p5.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,IAAI,CAAC;AACpB,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAElC,aAAK,eAAe,CAAC,CAAC,IAAI,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC;AACtC,aAAK,QAAQ,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;AAEvB,oBAAY,UAAU,CAAC,CAAC,IAAI,CAAC,GAAG,eAAe,CAAC,CAAC,CAAC,EAAE,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC;AAEnE,qBAAa,EAAG,SAAQ,EAAE;IAGqB,MAAM,EAAE,MAAM;IAF3D,OAAO,UAAQ;gBAEH,MAAM,EAAE,CAAC,EAAE,EAAE,EAAE,KAAK,IAAI,EAAS,MAAM,EAAE,MAAM;IAK3D,IAAI,YAAY,YAEf;IAED,YAAY,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM;IAQvC,YAAY,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM;IAQvC,MAAM,CAAC,CAAC,GAAG,GAAG,EAAE,UAAU,EAAE,UAAU,CAAC,CAAC,CAAC,GAAG,CAAC;CA+B9C"}
1
+ {"version":3,"file":"p5.d.ts","sourceRoot":"","sources":["../../src/classes/p5.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,IAAI,CAAC;AACpB,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAElC,aAAK,eAAe,CAAC,CAAC,IAAI,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC;AACtC,aAAK,QAAQ,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;AAEvB,oBAAY,UAAU,CAAC,CAAC,IAAI,CAAC,GAAG,eAAe,CAAC,CAAC,CAAC,EAAE,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC;AAEnE,qBAAa,EAAG,SAAQ,EAAE;IACxB,OAAO,UAAQ;IACf,MAAM,EAAE,MAAM,CAAC;gBAEH,MAAM,EAAE,CAAC,EAAE,EAAE,EAAE,KAAK,IAAI;IAIpC,IAAI,YAAY,YAEf;IAED,YAAY,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM;IAQvC,YAAY,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM;IAQvC,MAAM,CAAC,CAAC,GAAG,GAAG,EAAE,UAAU,EAAE,UAAU,CAAC,CAAC,CAAC,GAAG,CAAC;CA+B9C"}
package/lib/classes/p5.js CHANGED
@@ -16,11 +16,9 @@ var __extends = (this && this.__extends) || (function () {
16
16
  import p5 from "p5";
17
17
  var P5 = /** @class */ (function (_super) {
18
18
  __extends(P5, _super);
19
- function P5(sketch, scaler) {
19
+ function P5(sketch) {
20
20
  var _this = _super.call(this, sketch) || this;
21
- _this.scaler = scaler;
22
21
  _this.running = true;
23
- window.Renderer = _this;
24
22
  return _this;
25
23
  }
26
24
  Object.defineProperty(P5.prototype, "isForeground", {
package/lib/ui-components/modal.d.ts CHANGED
@@ -1,10 +1,11 @@
1
- import { ReactElement, ReactNode } from "react";
1
+ import { ReactElement, ReactNode, CSSProperties } from "react";
2
2
  declare type ModalProps = {
3
3
  children?: ReactElement;
4
4
  content: ReactNode;
5
5
  defaultOpen?: boolean;
6
6
  event?: string;
7
7
  onClose?: () => void;
8
+ backgroundStyle?: CSSProperties;
8
9
  };
9
10
  export declare type RefModalFunctions = {
10
11
  open: () => void;
package/lib/ui-components/modal.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"modal.d.ts","sourceRoot":"","sources":["../../src/ui-components/modal.tsx"],"names":[],"mappings":"AAAA,OAAO,EAKL,YAAY,EACZ,SAAS,EAKV,MAAM,OAAO,CAAC;AAGf,aAAK,UAAU,GAAG;IAChB,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB,OAAO,EAAE,SAAS,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAEF,oBAAY,iBAAiB,GAAG;IAC9B,IAAI,EAAE,MAAM,IAAI,CAAC;IACjB,KAAK,EAAE,MAAM,IAAI,CAAC;CACnB,CAAC;AAEF,eAAO,MAAM,KAAK,0GAwHhB,CAAC"}
1
+ {"version":3,"file":"modal.d.ts","sourceRoot":"","sources":["../../src/ui-components/modal.tsx"],"names":[],"mappings":"AAAA,OAAO,EAKL,YAAY,EACZ,SAAS,EAKT,aAAa,EACd,MAAM,OAAO,CAAC;AAGf,aAAK,UAAU,GAAG;IAChB,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB,OAAO,EAAE,SAAS,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,eAAe,CAAC,EAAE,aAAa,CAAC;CACjC,CAAC;AAEF,oBAAY,iBAAiB,GAAG;IAC9B,IAAI,EAAE,MAAM,IAAI,CAAC;IACjB,KAAK,EAAE,MAAM,IAAI,CAAC;CACnB,CAAC;AAEF,eAAO,MAAM,KAAK,0GA0HhB,CAAC"}
package/lib/ui-components/modal.js CHANGED
@@ -14,7 +14,7 @@ import { useMemo, useEffect, useState, useCallback, forwardRef, cloneElement, us
14
14
  import * as ReactDOM from "react-dom";
15
15
  export var Modal = forwardRef(function (_a, ref) {
16
16
  var _b;
17
- var trigger = _a.children, content = _a.content, _c = _a.defaultOpen, defaultOpen = _c === void 0 ? false : _c, onClose = _a.onClose, _d = _a.event, event = _d === void 0 ? "onClick" : _d;
17
+ var backgroundStyle = _a.backgroundStyle, trigger = _a.children, content = _a.content, _c = _a.defaultOpen, defaultOpen = _c === void 0 ? false : _c, onClose = _a.onClose, _d = _a.event, event = _d === void 0 ? "onClick" : _d;
18
18
  var refModal = useRef(null);
19
19
  var _e = useState(defaultOpen), isOpen = _e[0], setOpen = _e[1];
20
20
  var container = useMemo(function () {
@@ -75,12 +75,7 @@ export var Modal = forwardRef(function (_a, ref) {
75
75
  display: "flex",
76
76
  alignItems: "center",
77
77
  justifyContent: "center",
78
- }, ref: refModal }, { children: [_jsx("div", { style: {
79
- width: "100%",
80
- height: "100%",
81
- position: "absolute",
82
- zIndex: 0,
83
- }, onClick: handleClose }), _jsx("main", __assign({ style: {
78
+ }, ref: refModal }, { children: [_jsx("div", { style: __assign({ width: "100%", height: "100%", position: "absolute", zIndex: 0 }, backgroundStyle), onClick: handleClose }), _jsx("main", __assign({ style: {
84
79
  position: "relative",
85
80
  zIndex: 1,
86
81
  minWidth: "200px",
package/lib/ui-components/scene-runner.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"scene-runner.d.ts","sourceRoot":"","sources":["../../src/ui-components/scene-runner.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,aAAa,EAEb,SAAS,EAKV,MAAM,OAAO,CAAC;AAEf,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAQzC,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC7C,OAAO,EAAW,YAAY,EAAE,MAAM,WAAW,CAAC;AAElD,OAAO,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAErD,oBAAY,sBAAsB,GAAG;IACnC,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,SAAS,GAAG,aAAa,CAAC;IACzC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,kBAAkB,CAAC,EAAE,kBAAkB,CAAC;IACxC,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,QAAQ,CAAC,EAAE,IAAI,CAAC,YAAY,EAAE,OAAO,CAAC,GAAG,IAAI,CAAC;CAC/C,CAAC;AAEF,aAAK,gBAAgB,GAAG,sBAAsB,GAAG;IAC/C,OAAO,EAAE,KAAK,CAAC;CAChB,CAAC;AAEF,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,MAAM,EACN,OAAO,EACP,UAAiC,EAEjC,SAAS,EACT,WAAW,EACX,kBAAkB,EAClB,YAAY,EAAE,YAAY,EAC1B,QAAQ,GACT,EAAE,gBAAgB,eAqJlB"}
1
+ {"version":3,"file":"scene-runner.d.ts","sourceRoot":"","sources":["../../src/ui-components/scene-runner.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,aAAa,EAEb,SAAS,EAKV,MAAM,OAAO,CAAC;AAEf,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAQzC,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC7C,OAAO,EAAW,YAAY,EAAE,MAAM,WAAW,CAAC;AAElD,OAAO,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAErD,oBAAY,sBAAsB,GAAG;IACnC,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,SAAS,GAAG,aAAa,CAAC;IACzC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,kBAAkB,CAAC,EAAE,kBAAkB,CAAC;IACxC,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,QAAQ,CAAC,EAAE,IAAI,CAAC,YAAY,EAAE,OAAO,CAAC,GAAG,IAAI,CAAC;CAC/C,CAAC;AAEF,aAAK,gBAAgB,GAAG,sBAAsB,GAAG;IAC/C,OAAO,EAAE,KAAK,CAAC;CAChB,CAAC;AAEF,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,MAAM,EACN,OAAO,EACP,UAAiC,EAEjC,SAAS,EACT,WAAW,EACX,kBAAkB,EAClB,YAAY,EAAE,YAAY,EAC1B,QAAQ,GACT,EAAE,gBAAgB,eAsJlB"}
package/lib/ui-components/scene-runner.js CHANGED
@@ -93,11 +93,12 @@ export function SceneRunner(_a) {
93
93
  }
94
94
  return rendered;
95
95
  })()
96
- : assetsLoader })) : (_jsx(_Fragment, { children: isBootDone ? (_jsxs(_Fragment, { children: [_jsx(current.UI, __assign({ scene: current }, current.getUIProps())), _jsx("div", { id: "scene-modal-stack", style: {
96
+ : assetsLoader })) : (_jsx(_Fragment, { children: isBootDone ? (_jsxs(_Fragment, { children: [_jsx(current.UI, __assign({ scene: current }, current.getUIProps())), joystick && (_jsx(Control, __assign({ scene: current }, (joystick === true ? {} : joystick)))), _jsx("div", { id: "scene-modal-stack", style: {
97
97
  position: "absolute",
98
98
  top: 0,
99
99
  left: 0,
100
100
  width: 0,
101
101
  height: 0,
102
- } }), joystick && (_jsx(Control, __assign({ scene: current }, (joystick === true ? {} : joystick))))] })) : (_jsx("div", {})) })) }))] })));
102
+ zIndex: 2,
103
+ } })] })) : (_jsx("div", {})) })) }))] })));
103
104
  }
package/lib/ui-components/sketch.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"sketch.d.ts","sourceRoot":"","sources":["../../src/ui-components/sketch.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAC3C,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAExD,aAAK,WAAW,GAAG;IACjB,OAAO,EAAE,CAAC,YAAY,EAAE,YAAY,KAAK,IAAI,CAAC;IAC9C,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,MAAM,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,wBAAgB,MAAM,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE,EAAE,WAAW,eA+CzE"}
1
+ {"version":3,"file":"sketch.d.ts","sourceRoot":"","sources":["../../src/ui-components/sketch.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAC3C,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAExD,aAAK,WAAW,GAAG;IACjB,OAAO,EAAE,CAAC,YAAY,EAAE,YAAY,KAAK,IAAI,CAAC;IAC9C,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,MAAM,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,wBAAgB,MAAM,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE,EAAE,WAAW,eA2CzE"}
package/lib/ui-components/sketch.js CHANGED
@@ -5,15 +5,12 @@ import { SimpleCamera } from "../classes/simple-camera";
5
5
  export function Sketch(_a) {
6
6
  var onSetup = _a.onSetup, onDraw = _a.onDraw, onPreload = _a.onPreload, scaler = _a.scaler;
7
7
  var refContainer = useRef(null);
8
- useEffect(function () {
9
- if (window.Renderer) {
10
- window.Renderer.scaler = scaler;
11
- }
12
- }, [scaler]);
13
8
  useEffect(function () {
14
9
  var sketch = function (s) {
15
10
  var camera = new SimpleCamera();
16
11
  s.preload = function () {
12
+ window.Renderer = s;
13
+ window.Renderer.scaler = scaler;
17
14
  return onPreload === null || onPreload === void 0 ? void 0 : onPreload();
18
15
  };
19
16
  s.setup = function () {
@@ -26,7 +23,7 @@ export function Sketch(_a) {
26
23
  onDraw();
27
24
  };
28
25
  };
29
- var p5 = new P5(sketch, scaler);
26
+ var p5 = new P5(sketch);
30
27
  return function () {
31
28
  p5.remove();
32
29
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "react-simple-game-engine",
3
- "version": "0.2.62",
3
+ "version": "0.2.64",
4
4
  "description": "",
5
5
  "main": "lib/index.js",
6
6
  "types": "lib",