@gamelearn/arcade-components 0.14.8 → 0.15.1
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.
- package/dist/components/arcade-render/scene/index.js +4 -2
- package/dist/components/pattern-component/components/PatternComponent.js +56 -0
- package/dist/components/pattern-component/index.js +13 -0
- package/dist/components/pattern-component/mocks/mockForStory.js +35 -0
- package/dist/helpers/drawLOD.js +2 -1
- package/package.json +1 -1
|
@@ -44,6 +44,8 @@ var Scene = function Scene(_ref) {
|
|
|
44
44
|
elements = _ref$elements === void 0 ? [] : _ref$elements,
|
|
45
45
|
_ref$hasControls = _ref.hasControls,
|
|
46
46
|
hasControls = _ref$hasControls === void 0 ? false : _ref$hasControls,
|
|
47
|
+
_ref$has3Stats = _ref.has3Stats,
|
|
48
|
+
has3Stats = _ref$has3Stats === void 0 ? false : _ref$has3Stats,
|
|
47
49
|
_ref$backgroundData = _ref.backgroundData,
|
|
48
50
|
backgroundData = _ref$backgroundData === void 0 ? {} : _ref$backgroundData,
|
|
49
51
|
_ref$loadingText = _ref.loadingText,
|
|
@@ -83,7 +85,7 @@ var Scene = function Scene(_ref) {
|
|
|
83
85
|
}, [emitEvent]);
|
|
84
86
|
(0, _react.useEffect)(function () {
|
|
85
87
|
setShowLoad(true);
|
|
86
|
-
}, [backgroundData, elements, lodSettings.currentLOD]);
|
|
88
|
+
}, [backgroundData, elements, lodSettings.currentLOD, lodSettings.rgbSimulation, lodSettings.showHelpers, lodSettings.showStats]);
|
|
87
89
|
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_fiber.Canvas, {
|
|
88
90
|
className: "main-canvas",
|
|
89
91
|
style: {
|
|
@@ -119,7 +121,7 @@ var Scene = function Scene(_ref) {
|
|
|
119
121
|
data: backgroundData
|
|
120
122
|
}), /*#__PURE__*/_react.default.createElement(_drei.Preload, {
|
|
121
123
|
all: true
|
|
122
|
-
})), /*#__PURE__*/_react.default.createElement(_drei.Stats, null), hasControls && /*#__PURE__*/_react.default.createElement(_drei.OrbitControls, null)), /*#__PURE__*/_react.default.createElement("div", {
|
|
124
|
+
})), has3Stats && /*#__PURE__*/_react.default.createElement(_drei.Stats, null), hasControls && /*#__PURE__*/_react.default.createElement(_drei.OrbitControls, null)), /*#__PURE__*/_react.default.createElement("div", {
|
|
123
125
|
id: "elements-projection"
|
|
124
126
|
}));
|
|
125
127
|
};
|
|
@@ -0,0 +1,56 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.default = void 0;
|
|
7
|
+
|
|
8
|
+
var _react = _interopRequireDefault(require("react"));
|
|
9
|
+
|
|
10
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
11
|
+
|
|
12
|
+
var PatternComponent = function PatternComponent(_ref) {
|
|
13
|
+
var img = _ref.img,
|
|
14
|
+
name = _ref.name,
|
|
15
|
+
viewed = _ref.viewed,
|
|
16
|
+
emitEvent = _ref.emitEvent;
|
|
17
|
+
|
|
18
|
+
if (!img) {
|
|
19
|
+
return null;
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
var imgUrl = img.url;
|
|
23
|
+
|
|
24
|
+
var close = function close() {
|
|
25
|
+
emitEvent({
|
|
26
|
+
type: 'emitSavePattern',
|
|
27
|
+
payload: {
|
|
28
|
+
imgId: img.imgId,
|
|
29
|
+
name: name,
|
|
30
|
+
viewed: true
|
|
31
|
+
}
|
|
32
|
+
});
|
|
33
|
+
};
|
|
34
|
+
|
|
35
|
+
return /*#__PURE__*/_react.default.createElement("div", {
|
|
36
|
+
className: viewed ? 'notes--results' : 'readings--container'
|
|
37
|
+
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
38
|
+
className: viewed ? 'notes--results__text' : 'readings readings--image'
|
|
39
|
+
}, imgUrl && /*#__PURE__*/_react.default.createElement("img", {
|
|
40
|
+
src: imgUrl,
|
|
41
|
+
alt: "pattern"
|
|
42
|
+
}), !viewed ? /*#__PURE__*/_react.default.createElement("div", {
|
|
43
|
+
className: "position--absolute top right"
|
|
44
|
+
}, /*#__PURE__*/_react.default.createElement("button", {
|
|
45
|
+
type: "button",
|
|
46
|
+
className: "gat--btn__round",
|
|
47
|
+
onClick: function onClick() {
|
|
48
|
+
return close();
|
|
49
|
+
}
|
|
50
|
+
}, /*#__PURE__*/_react.default.createElement("span", {
|
|
51
|
+
className: "icon-close"
|
|
52
|
+
}))) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null)));
|
|
53
|
+
};
|
|
54
|
+
|
|
55
|
+
var _default = PatternComponent;
|
|
56
|
+
exports.default = _default;
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.default = void 0;
|
|
7
|
+
|
|
8
|
+
var _PatternComponent = _interopRequireDefault(require("./components/PatternComponent"));
|
|
9
|
+
|
|
10
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
11
|
+
|
|
12
|
+
var _default = _PatternComponent.default;
|
|
13
|
+
exports.default = _default;
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.mockProps2 = exports.mockProps = void 0;
|
|
7
|
+
|
|
8
|
+
var emitEvent = function emitEvent() {
|
|
9
|
+
console.log('Emit event called');
|
|
10
|
+
};
|
|
11
|
+
|
|
12
|
+
var mockProps = {
|
|
13
|
+
emitEvent: emitEvent,
|
|
14
|
+
img: {
|
|
15
|
+
imgId: 'alfalfa',
|
|
16
|
+
url: 'https://min.int.gamelearn.io/cooked.gl-lms-storage/clients/58dccfba26561500117caf53/image/603fb8b1901f3e001238e297/gif.gif',
|
|
17
|
+
resourceId: '5e79e0c8f5b3a6000fd81472'
|
|
18
|
+
},
|
|
19
|
+
imgName: 'Hand gif',
|
|
20
|
+
name: 'pika pika pikachu',
|
|
21
|
+
nodeId: 'node'
|
|
22
|
+
};
|
|
23
|
+
exports.mockProps = mockProps;
|
|
24
|
+
var mockProps2 = {
|
|
25
|
+
emitEvent: emitEvent,
|
|
26
|
+
img: {
|
|
27
|
+
imgId: 'space',
|
|
28
|
+
url: 'https://min.gamelearn.io/css-resources/gamelearn/resources/cosmos-bg.jpg',
|
|
29
|
+
resourceId: '5e79e0c8f5b3a6000fd81472'
|
|
30
|
+
},
|
|
31
|
+
imgName: 'Hand gif',
|
|
32
|
+
name: 'el espacio la ultima frontera',
|
|
33
|
+
nodeId: 'node2'
|
|
34
|
+
};
|
|
35
|
+
exports.mockProps2 = mockProps2;
|
package/dist/helpers/drawLOD.js
CHANGED
|
@@ -310,8 +310,9 @@ var drawLOD = function drawLOD(scene, camera, settings) {
|
|
|
310
310
|
params._rgbSimulation = settings !== null && settings !== void 0 && settings.rgbSimulation ? settings.rgbSimulation : rgbSimulation;
|
|
311
311
|
params._showHelpers = settings !== null && settings !== void 0 && settings.showHelpers ? settings.showHelpers : showHelpers;
|
|
312
312
|
params._showStats = settings !== null && settings !== void 0 && settings.showStats ? settings.showStats : showStats;
|
|
313
|
-
params._forceRender = (scene === null || scene === void 0 ? void 0 : scene.lastLOD) !== (settings === null || settings === void 0 ? void 0 : settings.currentLOD);
|
|
313
|
+
params._forceRender = (scene === null || scene === void 0 ? void 0 : scene.lastLOD) !== (settings === null || settings === void 0 ? void 0 : settings.currentLOD) || (scene === null || scene === void 0 ? void 0 : scene.lastRGB) !== params._rgbSimulation;
|
|
314
314
|
scene.lastLOD = settings === null || settings === void 0 ? void 0 : settings.currentLOD;
|
|
315
|
+
scene.lastRGB = params._rgbSimulation;
|
|
315
316
|
params._texturesFrustum = texturesFrustum;
|
|
316
317
|
params._texturesDistance = texturesDistance;
|
|
317
318
|
params._scene = scene;
|