mage-engine 3.23.15 → 3.23.20

package/dist/mage.js

@@ -55048,51 +55048,52 @@ var createElementFromSelector = function createElementFromSelector(selector) {
 };var DEFAULT_HEIGHT$2 = 600;
 var DEFAULT_WIDTH = 800;
 var DEFAULT_RATIO = DEFAULT_WIDTH / DEFAULT_HEIGHT$2;
+var DEFAULT_CONFIG = {
+  tests: [],
+  scripts: {// [scriptId]: Script
+    // e.g. "BaseCar": BaseCar,
+    // where at the top of the file we have:
+    // import BaseCar from "../scripts/BaseCar.js";
+  },
+  levelsData: {// [levelId]: { url: URL, data: JSON, options: {} }
+  },
+  screen: {
+    frameRate: 60,
+    alpha: true
+  },
+  postprocessing: {
+    enabled: false
+  },
+  fog: {
+    enabled: false,
+    density: 0,
+    color: "#ffffff"
+  },
+  lights: {
+    shadows: true,
+    shadowType: SHADOW_TYPES.BASIC,
+    textureAnisotropy: 16
+  },
+  physics: {
+    enabled: false,
+    path: "./mage.physics.js"
+  },
+  camera: {
+    //handling useful informations about our camera.
+    fov: 75,
+    near: 0.1,
+    far: 100
+  },
+  ui: {
+    enabled: true
+  }
+};
 
 var Config = /*#__PURE__*/function () {
   function Config() {
     _classCallCheck(this, Config);
 
-    this.default = {
-      tests: [],
-      scripts: {// [scriptId]: Script
-        // e.g. "BaseCar": BaseCar,
-        // where at the top of the file we have:
-        // import BaseCar from "../scripts/BaseCar.js";
-      },
-      levelsData: {// [levelId]: { url: URL }
-      },
-      screen: {
-        frameRate: 60,
-        alpha: true
-      },
-      postprocessing: {
-        enabled: false
-      },
-      fog: {
-        enabled: false,
-        density: 0,
-        color: "#ffffff"
-      },
-      lights: {
-        shadows: true,
-        shadowType: SHADOW_TYPES.BASIC,
-        textureAnisotropy: 16
-      },
-      physics: {
-        enabled: false,
-        path: "./mage.physics.js"
-      },
-      camera: {
-        //handling useful informations about our camera.
-        fov: 75,
-        near: 0.1,
-        far: 100
-      },
-      ui: {
-        enabled: true
-      }
-    };
+    this.default = DEFAULT_CONFIG;
     this.isDefault = true;
   }
 
@@ -56834,6 +56835,7 @@ var Physics$1 = new Physics();var Scene = /*#__PURE__*/function () {
       var fog = Config$1.fog();
       this.scene = new Scene$2();
       this.scene.name = name;
+      this.elements = [];
 
       if (fog.enabled) {
         this.fog(fog.color, fog.density);
@@ -56967,7 +56969,9 @@ var Physics$1 = new Physics();var Scene = /*#__PURE__*/function () {
       // destroy renderer
       this.renderer.dispose(); // remove listener to resize
 
-      this.detachListeners();
+      this.detachListeners(); // clear elements array
+
+      this.elements = [];
     }
   }, {
     key: "createCamera",
@@ -58253,7 +58257,7 @@ function applyMiddleware() {
 
 var thunk = createThunkMiddleware();
 thunk.withExtraArgument = createThunkMiddleware;var name$1 = "mage-engine";
-var version$1 = "3.23.15";
+var version$1 = "3.23.20";
 var description = "A WebGL Javascript Game Engine, built on top of THREE.js and many other libraries.";
 var main = "dist/mage.js";
 var author$1 = {
@@ -63764,9 +63768,6 @@ var Sprite = /*#__PURE__*/function (_Element) {
     _this.width = width;
     _this.height = height;
     _this.spriteTexture = spriteTexture;
-
-    _this.setAnisotropy(anisotropy);
-
     var material = new SpriteMaterial(_objectSpread2$1({
       map: texture
     }, rest));
@@ -63776,6 +63777,8 @@ var Sprite = /*#__PURE__*/function (_Element) {
       body: body
     });
 
+    _this.setAnisotropy(anisotropy);
+
     _this.setWidth(width);
 
     _this.setHeight(height);
@@ -90990,6 +90993,9 @@ var Level = /*#__PURE__*/function (_EventDispatcher) {
   }, {
     key: "onCreate",
     value: function onCreate() {}
+  }, {
+    key: "onStart",
+    value: function onStart() {}
   }, {
     key: "onUpdate",
     value: function onUpdate() {}
@@ -92888,20 +92894,25 @@ var Importer = /*#__PURE__*/function () {
   _createClass(Importer, null, [{
     key: "importLevelSnapshot",
     // Importer gets config, containing either a level or a url
-    value: function importLevelSnapshot(_ref) {
-      var url = _ref.url,
-          data = _ref.data;
+    value: function importLevelSnapshot() {
+      var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
+          url = _ref.url,
+          data = _ref.data,
+          _ref$options = _ref.options,
+          options = _ref$options === void 0 ? {} : _ref$options;
 
       if (getWindow() && url) {
         return fetch$1(url).then(function (res) {
           return res.json();
         }).then(function (data) {
           return data || {};
-        }).then(Importer.parseLevelData).catch(function () {
+        }).then(function (data) {
+          return Importer.parseLevelData(data, options);
+        }).catch(function () {
           return Promise.resolve();
         });
       } else if (data) {
-        return Promise.resolve(Importer.parseLevelData(data));
+        return Promise.resolve(Importer.parseLevelData(data, options));
       }
 
       console.warn(NO_VALID_LEVEL_DATA_PROVIDED);
@@ -92924,7 +92935,9 @@ var Importer = /*#__PURE__*/function () {
           _options$skipName = options.skipName,
           skipName = _options$skipName === void 0 ? false : _options$skipName,
           _options$skipWorldTra = options.skipWorldTransform,
-          skipWorldTransform = _options$skipWorldTra === void 0 ? false : _options$skipWorldTra; /// position
+          skipWorldTransform = _options$skipWorldTra === void 0 ? false : _options$skipWorldTra,
+          _options$skipTags = options.skipTags,
+          skipTags = _options$skipTags === void 0 ? false : _options$skipTags; /// position
 
       if (!skipPosition) element.setPosition(elementData.position); // rotation
 
@@ -92962,12 +92975,16 @@ var Importer = /*#__PURE__*/function () {
 
       Object.keys(elementData.data).forEach(function (k) {
         element.setData(k, elementData.data[k]);
-      });
+      }); // setting tags
+
+      if (!skipTags && elementData.tags) {
+        element.addTags(elementData.tags);
+      }
     }
   }, {
     key: "completeElementCreation",
-    value: function completeElementCreation(element, elementData) {
-      Importer.completeCommonCreationSteps(element, elementData); // setting material
+    value: function completeElementCreation(element, elementData, options) {
+      Importer.completeCommonCreationSteps(element, elementData, options); // setting material
 
       if (elementData.materials.length) {
         var defaultMaterialOptionKeys = MATERIAL_PROPERTIES_MAP[elementData.materialType];
@@ -92988,10 +93005,11 @@ var Importer = /*#__PURE__*/function () {
     }
   }, {
     key: "completeLightCreation",
-    value: function completeLightCreation(light, lightData) {
-      Importer.completeCommonCreationSteps(light, lightData, {
+    value: function completeLightCreation(light, lightData, options) {
+      // always setting skipOpacity to true
+      Importer.completeCommonCreationSteps(light, lightData, _objectSpread2$1(_objectSpread2$1({}, options), {}, {
         skipOpacity: true
-      }); // setting color and intensity
+      })); // setting color and intensity
 
       light.setColor(lightData.color);
       light.setIntensity(lightData.intensity); // setting light-specific properties
@@ -93041,17 +93059,17 @@ var Importer = /*#__PURE__*/function () {
         var targetElement = new Element$1({
           body: new Object3D()
         });
-        Importer.completeCommonCreationSteps(targetElement, lightData.target);
+        Importer.completeCommonCreationSteps(targetElement, lightData.target, options);
         light.setTarget(targetElement);
       }
     }
   }, {
     key: "completeSkyCreation",
-    value: function completeSkyCreation(sky, skyData) {
+    value: function completeSkyCreation(sky, skyData, options) {
       // calling completeElementCreation to set position, rotation, quaternion, scale, opacity, name, material, textures, scripts, and data
-      Importer.completeCommonCreationSteps(sky, skyData, {
+      Importer.completeCommonCreationSteps(sky, skyData, _objectSpread2$1(_objectSpread2$1({}, options), {}, {
         skipScale: true
-      });
+      }));
       var _skyData$options = skyData.options,
           turbidity = _skyData$options.turbidity,
           rayleigh = _skyData$options.rayleigh,
@@ -93088,9 +93106,9 @@ var Importer = /*#__PURE__*/function () {
     }
   }, {
     key: "completeSpriteCreation",
-    value: function completeSpriteCreation(sprite, spriteData) {
+    value: function completeSpriteCreation(sprite, spriteData, options) {
       // calling completeElementCreation to set position, rotation, quaternion, scale, opacity, name, material, textures, scripts, and data
-      Importer.completeElementCreation(sprite, spriteData);
+      Importer.completeElementCreation(sprite, spriteData, options);
       var width = spriteData.width,
           height = spriteData.height,
           spriteTexture = spriteData.spriteTexture,
@@ -93131,6 +93149,7 @@ var Importer = /*#__PURE__*/function () {
     key: "parseLevelData",
     value: function parseLevelData() {
       var data = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+      var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
       var _data$elements = data.elements,
           elements = _data$elements === void 0 ? [] : _data$elements,
           _data$lights = data.lights,
@@ -93138,52 +93157,52 @@ var Importer = /*#__PURE__*/function () {
       elements.forEach(function (data) {
         try {
           if (data.entitySubType === ENTITY_TYPES.MODEL.TYPE) {
-            var options = data.options;
+            var _options2 = data.options;
 
-            var name = options.name,
-                rest = _objectWithoutProperties(options, _excluded$4);
+            var name = _options2.name,
+                rest = _objectWithoutProperties(_options2, _excluded$4);
 
-            Importer.completeElementCreation(Models$1.create(name, rest), data);
+            Importer.completeElementCreation(Models$1.create(name, rest), data, _options2);
           } else {
             switch (data.entitySubType) {
               case ENTITY_TYPES.MESH.SUBTYPES.CUBE:
-                Importer.completeElementCreation(Cube.create(data), data);
+                Importer.completeElementCreation(Cube.create(data), data, options);
                 break;
 
               case ENTITY_TYPES.MESH.SUBTYPES.LINE:
-                Importer.completeElementCreation(Line.create(data), data);
+                Importer.completeElementCreation(Line.create(data), data, options);
                 break;
 
               case ENTITY_TYPES.MESH.SUBTYPES.SPHERE:
-                Importer.completeElementCreation(Sphere.create(data), data);
+                Importer.completeElementCreation(Sphere.create(data), data, options);
                 break;
 
               case ENTITY_TYPES.MESH.SUBTYPES.CYLINDER:
-                Importer.completeElementCreation(Cylinder.create(data), data);
+                Importer.completeElementCreation(Cylinder.create(data), data, options);
                 break;
 
               case ENTITY_TYPES.MESH.SUBTYPES.CONE:
-                Importer.completeElementCreation(Cone.create(data), data);
+                Importer.completeElementCreation(Cone.create(data), data, options);
                 break;
 
               case ENTITY_TYPES.MESH.SUBTYPES.BOX:
-                Importer.completeElementCreation(Box.create(data), data);
+                Importer.completeElementCreation(Box.create(data), data, options);
                 break;
 
               case ENTITY_TYPES.MESH.SUBTYPES.CURVE_LINE:
-                Importer.completeElementCreation(CurveLine.create(data), data);
+                Importer.completeElementCreation(CurveLine.create(data), data, options);
                 break;
 
               case ENTITY_TYPES.MESH.SUBTYPES.PLANE:
-                Importer.completeElementCreation(Plane.create(data), data);
+                Importer.completeElementCreation(Plane.create(data), data, options);
                 break;
 
               case ENTITY_TYPES.SPRITE.SUBTYPES.DEFAULT:
-                Importer.completeSpriteCreation(Sprite.create(data), data);
+                Importer.completeSpriteCreation(Sprite.create(data), data, options);
                 break;
 
               case ENTITY_TYPES.SCENERY.SUBTYPES.SKY:
-                Importer.completeSkyCreation(Sky.create(data), data);
+                Importer.completeSkyCreation(Sky.create(data), data, options);
                 break;
 
               default:
@@ -93207,7 +93226,7 @@ var Importer = /*#__PURE__*/function () {
               var childData = elements.find(function (e) {
                 return e.uuid === uuid;
               });
-              Importer.completeCommonCreationSteps(child, childData);
+              Importer.completeCommonCreationSteps(child, childData, options);
             }
           });
         }
@@ -93216,23 +93235,23 @@ var Importer = /*#__PURE__*/function () {
         try {
           switch (data.entitySubType) {
             case ENTITY_TYPES.LIGHT.SUBTYPES.POINT:
-              Importer.completeLightCreation(PointLight$1.create(data), data);
+              Importer.completeLightCreation(PointLight$1.create(data), data, options);
               break;
 
             case ENTITY_TYPES.LIGHT.SUBTYPES.AMBIENT:
-              Importer.completeLightCreation(AmbientLight$1.create(data), data);
+              Importer.completeLightCreation(AmbientLight$1.create(data), data, options);
               break;
 
             case ENTITY_TYPES.LIGHT.SUBTYPES.SPOT:
-              Importer.completeLightCreation(SpotLight$1.create(data), data);
+              Importer.completeLightCreation(SpotLight$1.create(data), data, options);
               break;
 
             case ENTITY_TYPES.LIGHT.SUBTYPES.HEMISPHERE:
-              Importer.completeLightCreation(HemisphereLight$1.create(data), data);
+              Importer.completeLightCreation(HemisphereLight$1.create(data), data, options);
               break;
 
             case ENTITY_TYPES.LIGHT.SUBTYPES.SUN:
-              Importer.completeLightCreation(SunLight$1.create(data), data);
+              Importer.completeLightCreation(SunLight$1.create(data), data, options);
               break;
 
             default:
@@ -93294,18 +93313,25 @@ var Importer = /*#__PURE__*/function () {
           _this.getCurrentLevel().init();
 
           storage.load().then(Importer.parseLevelData).then(function () {
-            return resolve(_this.getCurrentLevel());
+            if (_this.getCurrentLevel().onStart instanceof Function) {
+              _this.getCurrentLevel().onStart();
+            }
+
+            resolve(_this.getCurrentLevel());
           });
         } else {
           Physics$1.waitForState(PHYSICS_STATES.READY).then(function () {
             _this.getCurrentLevel().prepareScene();
 
-            _this.getCurrentLevel().init(); // const levelURL = config.getLevelData(this.getCurrentLevel().getPath())?.url;
-
+            _this.getCurrentLevel().init();
 
-            var levelData = Config$1.getLevelData(_this.getCurrentLevel().getPath());
+            var levelData = Config$1.getLevelData(_this.getCurrentLevel().getPath()) || {};
             Importer.importLevelSnapshot(levelData).then(function () {
-              return resolve(_this.getCurrentLevel());
+              if (_this.getCurrentLevel().onStart instanceof Function) {
+                _this.getCurrentLevel().onStart();
+              }
+
+              resolve(_this.getCurrentLevel());
             }).catch(reject);
           });
         }

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "mage-engine",
-    "version": "3.23.15",
+    "version": "3.23.20",
     "description": "A WebGL Javascript Game Engine, built on top of THREE.js and many other libraries.",
     "main": "dist/mage.js",
     "author": {

package/.vscode/settings.json

@@ -1 +0,0 @@
-{}