mage-engine 3.23.13 → 3.23.14

package/dist/mage.js

@@ -53945,6 +53945,8 @@ var ANIMATION_HANDLER_NOT_FOUND = "".concat(PREFIX, " AnimationHander hasn't bee
 var ELEMENT_NOT_SET$1 = "".concat(PREFIX, " Body hasn't been defined yet.");
 var ELEMENT_SET_COLOR_MISSING_COLOR = "".concat(PREFIX, " Can't set color for this element, missing color");
 var ELEMENT_MATERIAL_NO_SUPPORT_FOR_TEXTURE = "".concat(PREFIX, " This element's material does not support texture: ");
+var ELEMENT_SET_REFLECTIVITY_MISSING_VALUE = "".concat(PREFIX, " Can't set reflectivity for this element, missing value");
+var ELEMENT_SET_REFRACTION_RATIO_MISSING_VALUE = "".concat(PREFIX, " Can't set refraction ratio for this element, missing value");
 var ENTITY_NOT_SET = "".concat(PREFIX, " This entity does not have a body.");
 var ENTITY_TYPE_NOT_ALLOWED = "".concat(PREFIX, " The desired Entity type is not allowed.");
 var ENTITY_CANT_ADD_NOT_ENTITY = "".concat(PREFIX, " Entity.add requires an Entity.");
@@ -55210,7 +55212,8 @@ var Universe$1 = new Universe();var generateUUID = function generateUUID() {
 };
 var generateRandomName = function generateRandomName(prefix) {
   return "".concat(prefix, "_").concat(generateUUID());
-};var uuid$1=/*#__PURE__*/Object.freeze({__proto__:null,generateUUID:generateUUID,generateRandomName:generateRandomName});var ALMOST_ZERO = 0.00001;
+};var uuid$1=/*#__PURE__*/Object.freeze({__proto__:null,generateUUID:generateUUID,generateRandomName:generateRandomName});var _MATERIAL_PROPERTIES_, _MATERIAL_PROPERTIES_2, _MATERIAL_TEXTURE_MAP$1;
+var ALMOST_ZERO = 0.00001;
 var UP$1 = "UP";
 var DOWN$1 = "DOWN";
 var LEFT = "LEFT";
@@ -55267,6 +55270,178 @@ var TEXTURES = {
   ROUGHNESS: "roughnessMap",
   GRADIENT: "gradientMap"
 };
+var PROPERTIES = {
+  OPACITY: "opacity",
+  // float
+  TRANSPARENT: "transparent",
+  // boolean
+  VISIBLE: "visible",
+  // boolean
+  SIDE: "side",
+  // FRONTSIZE, BACKSIDE, DOUBLE
+  COLOR: "color",
+  // color // done
+  DEPTH_WRITE: "depthWrite",
+  // bolean // done
+  DEPTH_TEST: "depthTest",
+  // boolean // done
+  FOG: "fog",
+  // boolean NOT SUPPORTED BY MAGE // done
+  REFLECTIVITY: "reflectivity",
+  // float // done
+  WIREFRAME: "wireframe",
+  //boolean // done
+  COMBINE: "combine",
+  // integer // done
+  FLAT_SHADING: "flatShading",
+  // boolean // done
+  SHININESS: "shininess",
+  // float
+  SPECULAR: "specular",
+  // color
+  NORMAL_SCALE: "normalScale",
+  // Vector2
+  METALNESS: "metalness",
+  // float
+  ROUGHNESS: "roughness",
+  // float
+  EMISSIVE: "emissive",
+  // color
+  EMISSIVE_INTENSITY: "emissiveIntensity",
+  // float
+  LIGHT_MAP_INTENSITY: "lightMapIntensity",
+  // float
+  AO_MAP_INTENSITY: "aoMapIntensity",
+  // float
+  BUMP_SCALE: "bumpScale",
+  // float
+  DISPLACEMENT_SCALE: "displacementScale",
+  // float
+  DISPLACEMENT_BIAS: "displacementBias",
+  // float
+  REFRACTION_RATIO: "refractionRatio",
+  // float // done
+  ENV_MAP_INTENSITY: "envMapIntensity" // float
+
+};
+var MATERIAL_PROPERTIES_DEFAULT_VALUES = (_MATERIAL_PROPERTIES_ = {}, _defineProperty$1(_MATERIAL_PROPERTIES_, PROPERTIES.OPACITY, 1.0), _defineProperty$1(_MATERIAL_PROPERTIES_, PROPERTIES.TRANSPARENT, false), _defineProperty$1(_MATERIAL_PROPERTIES_, PROPERTIES.VISIBLE, true), _defineProperty$1(_MATERIAL_PROPERTIES_, PROPERTIES.SIDE, FrontSide), _defineProperty$1(_MATERIAL_PROPERTIES_, PROPERTIES.COLOR, "#ffffff"), _defineProperty$1(_MATERIAL_PROPERTIES_, PROPERTIES.DEPTH_WRITE, false), _defineProperty$1(_MATERIAL_PROPERTIES_, PROPERTIES.DEPTH_TEST, false), _defineProperty$1(_MATERIAL_PROPERTIES_, PROPERTIES.FOG, false), _defineProperty$1(_MATERIAL_PROPERTIES_, PROPERTIES.REFLECTIVITY, 1.0), _defineProperty$1(_MATERIAL_PROPERTIES_, PROPERTIES.WIREFRAME, false), _defineProperty$1(_MATERIAL_PROPERTIES_, PROPERTIES.COMBINE, 1), _defineProperty$1(_MATERIAL_PROPERTIES_, PROPERTIES.FLAT_SHADING, false), _defineProperty$1(_MATERIAL_PROPERTIES_, PROPERTIES.SHININESS, 30), _defineProperty$1(_MATERIAL_PROPERTIES_, PROPERTIES.SPECULAR, "#111111"), _defineProperty$1(_MATERIAL_PROPERTIES_, PROPERTIES.NORMAL_SCALE, {
+  x: 1,
+  y: 1
+}), _defineProperty$1(_MATERIAL_PROPERTIES_, PROPERTIES.METALNESS, 0.0), _defineProperty$1(_MATERIAL_PROPERTIES_, PROPERTIES.ROUGHNESS, 1.0), _defineProperty$1(_MATERIAL_PROPERTIES_, PROPERTIES.EMISSIVE, "#000000"), _defineProperty$1(_MATERIAL_PROPERTIES_, PROPERTIES.EMISSIVE_INTENSITY, 1.0), _defineProperty$1(_MATERIAL_PROPERTIES_, PROPERTIES.LIGHT_MAP_INTENSITY, 1.0), _defineProperty$1(_MATERIAL_PROPERTIES_, PROPERTIES.AO_MAP_INTENSITY, 1.0), _defineProperty$1(_MATERIAL_PROPERTIES_, PROPERTIES.BUMP_SCALE, 1.0), _defineProperty$1(_MATERIAL_PROPERTIES_, PROPERTIES.DISPLACEMENT_SCALE, 1.0), _defineProperty$1(_MATERIAL_PROPERTIES_, PROPERTIES.DISPLACEMENT_BIAS, 0), _defineProperty$1(_MATERIAL_PROPERTIES_, PROPERTIES.REFRACTION_RATIO, 0.98), _defineProperty$1(_MATERIAL_PROPERTIES_, PROPERTIES.ENV_MAP_INTENSITY, 1.0), _MATERIAL_PROPERTIES_);
+var DEFAULT_MATERIAL_PROPERTIES = {
+  OPACITY: "opacity",
+  // float
+  SIDE: "side",
+  // FRONTSIZE, BACKSIDE, DOUBLE
+  TRANSPARENT: "transparent",
+  // boolean
+  VISIBLE: "visible" // boolean
+
+};
+var MATERIAL_PROPERTIES_MAP = (_MATERIAL_PROPERTIES_2 = {}, _defineProperty$1(_MATERIAL_PROPERTIES_2, MATERIALS.BASIC, [PROPERTIES.COLOR, PROPERTIES.COMBINE, // PROPERTIES.FOG,
+PROPERTIES.LIGHT_MAP_INTENSITY, // float
+PROPERTIES.REFLECTIVITY, PROPERTIES.WIREFRAME, PROPERTIES.REFRACTION_RATIO]), _defineProperty$1(_MATERIAL_PROPERTIES_2, MATERIALS.LAMBERT, [PROPERTIES.AO_MAP_INTENSITY, // DONE
+PROPERTIES.BUMP_SCALE, // DONE
+PROPERTIES.COLOR, // DONE
+PROPERTIES.COMBINE, // DONE
+PROPERTIES.DISPLACEMENT_SCALE, // DONE
+PROPERTIES.DISPLACEMENT_BIAS, // DONE
+PROPERTIES.EMISSIVE, // DONE
+PROPERTIES.EMISSIVE_INTENSITY, // DONE
+// PROPERTIES.FOG, // DONE
+PROPERTIES.LIGHT_MAP_INTENSITY, // DONE
+PROPERTIES.NORMAL_SCALE, PROPERTIES.REFLECTIVITY, // DONE
+PROPERTIES.REFRACTION_RATIO, // DONE
+PROPERTIES.WIREFRAME // DONE
+]), _defineProperty$1(_MATERIAL_PROPERTIES_2, MATERIALS.PHONG, [PROPERTIES.AO_MAP_INTENSITY, // DONE
+PROPERTIES.BUMP_SCALE, // DONE
+PROPERTIES.COLOR, // DONE
+PROPERTIES.COMBINE, // DONE
+PROPERTIES.DISPLACEMENT_SCALE, // DONE
+PROPERTIES.DISPLACEMENT_BIAS, // DONE
+PROPERTIES.EMISSIVE, // DONE
+PROPERTIES.EMISSIVE_INTENSITY, // DONE
+PROPERTIES.FLAT_SHADING, // DONE
+// PROPERTIES.FOG, // DONE
+PROPERTIES.LIGHT_MAP_INTENSITY, // DONE
+PROPERTIES.NORMAL_SCALE, // DONE
+PROPERTIES.REFLECTIVITY, // DONE
+PROPERTIES.REFRACTION_RATIO, // DONE
+PROPERTIES.SHININESS, // DONE
+PROPERTIES.SPECULAR, // DONE
+PROPERTIES.WIREFRAME // DONE
+]), _defineProperty$1(_MATERIAL_PROPERTIES_2, MATERIALS.DEPTH, [PROPERTIES.DISPLACEMENT_SCALE, // DONE
+PROPERTIES.DISPLACEMENT_BIAS, // DONE
+// PROPERTIES.FOG, // DONE
+PROPERTIES.WIREFRAME // DONE
+]), _defineProperty$1(_MATERIAL_PROPERTIES_2, MATERIALS.STANDARD, [PROPERTIES.AO_MAP_INTENSITY, // DONE
+PROPERTIES.BUMP_SCALE, // DONE
+PROPERTIES.COLOR, // DONE
+PROPERTIES.COMBINE, // DONE
+PROPERTIES.DISPLACEMENT_SCALE, // DONE
+PROPERTIES.DISPLACEMENT_BIAS, // DONE
+PROPERTIES.EMISSIVE, // DONE
+PROPERTIES.EMISSIVE_INTENSITY, // DONE
+PROPERTIES.ENV_MAP_INTENSITY, // done
+PROPERTIES.FLAT_SHADING, // DONE
+// PROPERTIES.FOG, // DONE
+PROPERTIES.LIGHT_MAP_INTENSITY, // DONE
+PROPERTIES.METALNESS, // done
+PROPERTIES.NORMAL_SCALE, // DONE
+PROPERTIES.ROUGHNESS, // DONE
+PROPERTIES.WIREFRAME // DONE
+]), _defineProperty$1(_MATERIAL_PROPERTIES_2, MATERIALS.THREE_TOON, [PROPERTIES.AO_MAP_INTENSITY, // DONE
+PROPERTIES.BUMP_SCALE, // DONE
+PROPERTIES.COLOR, // DONE
+PROPERTIES.DISPLACEMENT_SCALE, // DONE
+PROPERTIES.DISPLACEMENT_BIAS, // DONE
+PROPERTIES.EMISSIVE, // DONE
+PROPERTIES.EMISSIVE_INTENSITY, // DONE
+// PROPERTIES.FOG, // DONE
+PROPERTIES.LIGHT_MAP_INTENSITY, // DONE
+PROPERTIES.NORMAL_SCALE, // done
+PROPERTIES.WIREFRAME // DONE
+]), _MATERIAL_PROPERTIES_2);
+var MATERIAL_TEXTURE_MAP$1 = (_MATERIAL_TEXTURE_MAP$1 = {}, _defineProperty$1(_MATERIAL_TEXTURE_MAP$1, MATERIALS.BASIC, [TEXTURES.ALPHA, TEXTURES.AO, TEXTURES.ENV, TEXTURES.LIGHT, TEXTURES.MAP, TEXTURES.SPECULAR]), _defineProperty$1(_MATERIAL_TEXTURE_MAP$1, MATERIALS.LAMBERT, [TEXTURES.ALPHA, // DONE
+TEXTURES.AO, // DONE
+TEXTURES.ENV, // DONE
+TEXTURES.LIGHT, // DONE
+TEXTURES.MAP, // DONE
+TEXTURES.SPECULAR, // DONE
+TEXTURES.EMISSIVE, // DONE
+TEXTURES.BUMP]), _defineProperty$1(_MATERIAL_TEXTURE_MAP$1, MATERIALS.PHONG, [TEXTURES.ALPHA, // DONE
+TEXTURES.AO, // DONE
+TEXTURES.ENV, // DONE
+TEXTURES.LIGHT, // DONE
+TEXTURES.MAP, // DONE
+TEXTURES.SPECULAR, // DONE
+TEXTURES.EMISSIVE, // DONE
+TEXTURES.BUMP, // DONE
+TEXTURES.DISPLACEMENT, // DONE
+TEXTURES.NORMAL // DONE
+]), _defineProperty$1(_MATERIAL_TEXTURE_MAP$1, MATERIALS.DEPTH, [TEXTURES.ALPHA, // DONE
+TEXTURES.MAP, // DONE
+TEXTURES.DISPLACEMENT // DONE
+]), _defineProperty$1(_MATERIAL_TEXTURE_MAP$1, MATERIALS.STANDARD, [TEXTURES.ALPHA, // DONE
+TEXTURES.AO, // DONE
+TEXTURES.ENV, // DONE
+TEXTURES.LIGHT, // DONE
+TEXTURES.MAP, // DONE
+TEXTURES.EMISSIVE, // DONE
+TEXTURES.BUMP, // DONE
+TEXTURES.DISPLACEMENT, // DONE
+TEXTURES.NORMAL, // DONE
+TEXTURES.METALNESS, // DONE
+TEXTURES.ROUGHNESS // DONE
+]), _defineProperty$1(_MATERIAL_TEXTURE_MAP$1, MATERIALS.THREE_TOON, [TEXTURES.ALPHA, // DONE
+TEXTURES.AO, // DONE
+TEXTURES.BUMP, // DONE
+TEXTURES.DISPLACEMENT, TEXTURES.EMISSIVE, // DONE
+TEXTURES.GRADIENT, // DONE
+TEXTURES.LIGHT, // DONE
+TEXTURES.MAP, // DONE
+TEXTURES.NORMAL // DONE
+]), _MATERIAL_TEXTURE_MAP$1);
 var EFFECTS = {
   SEPIA: "SEPIAEFFECT",
   HUE_SATURATION: "HUESATURATIONEFFECT",
@@ -55324,7 +55499,7 @@ var TAGS = {
     HELPER: "TAGS.SOUNDS.HELPER",
     HOLDER: "TAGS.SOUNDS.HOLDER"
   }
-};var lib_constants=/*#__PURE__*/Object.freeze({__proto__:null,ALMOST_ZERO:ALMOST_ZERO,UP:UP$1,DOWN:DOWN$1,LEFT:LEFT,RIGHT:RIGHT,FRONT:FRONT,BACK:BACK,VECTOR_UP:VECTOR_UP,VECTOR_DOWN:VECTOR_DOWN,VECTOR_LEFT:VECTOR_LEFT,VECTOR_RIGHT:VECTOR_RIGHT,VECTOR_FRONT:VECTOR_FRONT,VECTOR_BACK:VECTOR_BACK,ORIGIN:ORIGIN,ZERO_QUATERNION:ZERO_QUATERNION,MATERIALS:MATERIALS,TEXTURES:TEXTURES,EFFECTS:EFFECTS,COLLISION_EVENT:COLLISION_EVENT,COLORS:COLORS,ASSETS_TYPES:ASSETS_TYPES,OUTPUT_ENCODINGS:OUTPUT_ENCODINGS,DEFAULT_OUTPUT_ENCODING:DEFAULT_OUTPUT_ENCODING,ROOT:ROOT,DIVIDER:DIVIDER,HASH:HASH,EMPTY:EMPTY$2,QUERY_START:QUERY_START,DEFAULT_SELECTOR:DEFAULT_SELECTOR,BEFORE_UNLOAD:BEFORE_UNLOAD,HASH_CHANGE:HASH_CHANGE,TAGS:TAGS});var buildAssetId = function buildAssetId(name, level) {
+};var lib_constants=/*#__PURE__*/Object.freeze({__proto__:null,ALMOST_ZERO:ALMOST_ZERO,UP:UP$1,DOWN:DOWN$1,LEFT:LEFT,RIGHT:RIGHT,FRONT:FRONT,BACK:BACK,VECTOR_UP:VECTOR_UP,VECTOR_DOWN:VECTOR_DOWN,VECTOR_LEFT:VECTOR_LEFT,VECTOR_RIGHT:VECTOR_RIGHT,VECTOR_FRONT:VECTOR_FRONT,VECTOR_BACK:VECTOR_BACK,ORIGIN:ORIGIN,ZERO_QUATERNION:ZERO_QUATERNION,MATERIALS:MATERIALS,TEXTURES:TEXTURES,PROPERTIES:PROPERTIES,MATERIAL_PROPERTIES_DEFAULT_VALUES:MATERIAL_PROPERTIES_DEFAULT_VALUES,DEFAULT_MATERIAL_PROPERTIES:DEFAULT_MATERIAL_PROPERTIES,MATERIAL_PROPERTIES_MAP:MATERIAL_PROPERTIES_MAP,MATERIAL_TEXTURE_MAP:MATERIAL_TEXTURE_MAP$1,EFFECTS:EFFECTS,COLLISION_EVENT:COLLISION_EVENT,COLORS:COLORS,ASSETS_TYPES:ASSETS_TYPES,OUTPUT_ENCODINGS:OUTPUT_ENCODINGS,DEFAULT_OUTPUT_ENCODING:DEFAULT_OUTPUT_ENCODING,ROOT:ROOT,DIVIDER:DIVIDER,HASH:HASH,EMPTY:EMPTY$2,QUERY_START:QUERY_START,DEFAULT_SELECTOR:DEFAULT_SELECTOR,BEFORE_UNLOAD:BEFORE_UNLOAD,HASH_CHANGE:HASH_CHANGE,TAGS:TAGS});var buildAssetId = function buildAssetId(name, level) {
   return level ? "".concat(level, "_").concat(name) : name;
 };
 var isLevelName = function isLevelName(level) {
@@ -57878,7 +58053,7 @@ function applyMiddleware() {
 
 var thunk = createThunkMiddleware();
 thunk.withExtraArgument = createThunkMiddleware;var name$1 = "mage-engine";
-var version$1 = "3.23.13";
+var version$1 = "3.23.14";
 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 = {
@@ -59422,7 +59597,52 @@ var Scripts = /*#__PURE__*/function () {
 
   return Scripts;
 }();
-var Scripts$1 = new Scripts();var inverseProjectionMatrix = new Matrix4();
+var Scripts$1 = new Scripts();var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
+
+function getAugmentedNamespace(n) {
+	if (n.__esModule) return n;
+	var a = Object.defineProperty({}, '__esModule', {value: true});
+	Object.keys(n).forEach(function (k) {
+		var d = Object.getOwnPropertyDescriptor(n, k);
+		Object.defineProperty(a, k, d.get ? d : {
+			enumerable: true,
+			get: function () {
+				return n[k];
+			}
+		});
+	});
+	return a;
+}const vivify = {
+    set: function(_key, _value, _obj) {
+        var obj = _obj || {},
+            key = _key || "",
+            value = _value || {},
+            splitted = (typeof key == "string" && key !== '') ? key.split('.') : [];
+        if (splitted.length == 1) {
+            obj[splitted[0]] = value;
+            return;
+        }
+        var k = splitted.shift();
+        obj[k] = obj[k] ? obj[k] : {};
+        vivify.set(splitted.join('.'), value, obj[k]);
+        return obj;
+    },
+
+    get: function(key, obj) {
+        if (!obj) {
+            return;
+        }
+        var splitted = (typeof key == "string" && key !== '') ? key.split('.') : [];
+        if (splitted.length == 1) {
+          return obj[splitted[0]];
+        }
+        var k = splitted.shift();
+        var v = obj[k] ? vivify.get(splitted.join('.'), obj[k]) : false;
+        return v;
+    }
+};
+
+var vivify_1 = vivify;var inverseProjectionMatrix = new Matrix4();
 
 var Frustum = /*#__PURE__*/function () {
   function Frustum(data) {
@@ -60039,6 +60259,19 @@ var applyMaterialChange = function applyMaterialChange(elementBody, changeCallba
     });
   }
 };
+var extractMaterialProperty = function extractMaterialProperty(elementBody, property) {
+  if (hasMaterial(elementBody)) {
+    return vivify_1.get(property, elementBody.material);
+  } else {
+    var found;
+    elementBody.traverse(function (child) {
+      if (hasMaterial(child) && !found) {
+        found = vivify_1.get(child.material, property);
+      }
+    });
+    return found;
+  }
+};
 var processMaterial = function processMaterial(material, callback) {
   return Array.isArray(material) ? material.map(callback) : callback(material);
 };
@@ -60139,22 +60372,7 @@ var serializeColor = function serializeColor(color) {
     g: color.g,
     b: color.b
   };
-};var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
-
-function getAugmentedNamespace(n) {
-	if (n.__esModule) return n;
-	var a = Object.defineProperty({}, '__esModule', {value: true});
-	Object.keys(n).forEach(function (k) {
-		var d = Object.getOwnPropertyDescriptor(n, k);
-		Object.defineProperty(a, k, d.get ? d : {
-			enumerable: true,
-			get: function () {
-				return n[k];
-			}
-		});
-	});
-	return a;
-}var between$1 = {exports: {}};/* Between.js v0.1.2-fix.2 */
+};var between$1 = {exports: {}};/* Between.js v0.1.2-fix.2 */
 
 (function (module, exports) {
 !function(t,n){module.exports=n();}(commonjsGlobal,function(){function O(t){return (O="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function r(t,n){for(var e=0;e<n.length;e++){var r=n[e];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r);}}function n(t,n,e){return n&&r(t.prototype,n),e&&r(t,e),t}function M(t,n,e){return n in t?Object.defineProperty(t,n,{value:e,enumerable:!0,configurable:!0,writable:!0}):t[n]=e,t}function I(t){return (I=Object.getPrototypeOf||function(t){return t.__proto__})(t)}function o(t,n){return (o=Object.setPrototypeOf||function(t,n){return t.__proto__=n,t})(t,n)}function u(t,n,e){return (u="undefined"!=typeof Reflect&&Reflect.construct?Reflect.construct:function(t,n,e){var r=[null];r.push.apply(r,n);var u=new(t.bind.apply(t,r));return e&&o(u,e.prototype),u}).apply(null,arguments)}function _(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}var t=function(o){var a={},i=[];(o=o||this).on=function(t,n,e){return (a[t]=a[t]||[]).push([n,e]),o},o.off=function(t,n){t||(a={});for(var e=a[t]||i,r=e.length=n?e.length:0;r--;)n==e[r][0]&&e.splice(r,1);return o},o.emit=function(t){for(var n,e=a[t]||i,r=0<e.length?e.slice(0,e.length):e,u=0;n=r[u++];)n[0].apply(n[1],i.slice.call(arguments,1));return o};};var V=function(t,n,e){return t*(1-e)+n*e},e="undefined"!=typeof window?window:"undefined"!=typeof commonjsGlobal?commonjsGlobal:"undefined"!=typeof self?self:{};function a(t,n){return t(n={exports:{}},n.exports),n.exports}for(var i=a(function(t){var n=t.exports={Linear:{None:function(t){return t}},Quadratic:{In:function(t){return t*t},Out:function(t){return t*(2-t)},InOut:function(t){return (t*=2)<1?.5*t*t:-.5*(--t*(t-2)-1)}},Cubic:{In:function(t){return t*t*t},Out:function(t){return --t*t*t+1},InOut:function(t){return (t*=2)<1?.5*t*t*t:.5*((t-=2)*t*t+2)}},Quartic:{In:function(t){return t*t*t*t},Out:function(t){return 1- --t*t*t*t},InOut:function(t){return (t*=2)<1?.5*t*t*t*t:-.5*((t-=2)*t*t*t-2)}},Quintic:{In:function(t){return t*t*t*t*t},Out:function(t){return --t*t*t*t*t+1},InOut:function(t){return (t*=2)<1?.5*t*t*t*t*t:.5*((t-=2)*t*t*t*t+2)}},Sinusoidal:{In:function(t){return 1-Math.cos(t*Math.PI/2)},Out:function(t){return Math.sin(t*Math.PI/2)},InOut:function(t){return .5*(1-Math.cos(Math.PI*t))}},Exponential:{In:function(t){return 0===t?0:Math.pow(1024,t-1)},Out:function(t){return 1===t?1:1-Math.pow(2,-10*t)},InOut:function(t){return 0===t?0:1===t?1:(t*=2)<1?.5*Math.pow(1024,t-1):.5*(2-Math.pow(2,-10*(t-1)))}},Circular:{In:function(t){return 1-Math.sqrt(1-t*t)},Out:function(t){return Math.sqrt(1- --t*t)},InOut:function(t){return (t*=2)<1?-.5*(Math.sqrt(1-t*t)-1):.5*(Math.sqrt(1-(t-=2)*t)+1)}},Elastic:{In:function(t){var n,e=.1;return 0===t?0:1===t?1:(!e||e<1?(e=1,n=.1):n=.4*Math.asin(1/e)/(2*Math.PI),-e*Math.pow(2,10*(t-=1))*Math.sin((t-n)*(2*Math.PI)/.4))},Out:function(t){var n,e=.1;return 0===t?0:1===t?1:(!e||e<1?(e=1,n=.1):n=.4*Math.asin(1/e)/(2*Math.PI),e*Math.pow(2,-10*t)*Math.sin((t-n)*(2*Math.PI)/.4)+1)},InOut:function(t){var n,e=.1;return 0===t?0:1===t?1:(!e||e<1?(e=1,n=.1):n=.4*Math.asin(1/e)/(2*Math.PI),(t*=2)<1?e*Math.pow(2,10*(t-=1))*Math.sin((t-n)*(2*Math.PI)/.4)*-.5:e*Math.pow(2,-10*(t-=1))*Math.sin((t-n)*(2*Math.PI)/.4)*.5+1)}},Back:{In:function(t){return t*t*(2.70158*t-1.70158)},Out:function(t){return --t*t*(2.70158*t+1.70158)+1},InOut:function(t){var n=2.5949095;return (t*=2)<1?t*t*((n+1)*t-n)*.5:.5*((t-=2)*t*((n+1)*t+n)+2)}},Bounce:{In:function(t){return 1-n.Bounce.Out(1-t)},Out:function(t){return t<1/2.75?7.5625*t*t:t<2/2.75?7.5625*(t-=1.5/2.75)*t+.75:t<2.5/2.75?7.5625*(t-=2.25/2.75)*t+.9375:7.5625*(t-=2.625/2.75)*t+.984375},InOut:function(t){return t<.5?.5*n.Bounce.In(2*t):.5*n.Bounce.Out(2*t-1)+.5}}};}),c=(i.Linear,i.Quadratic,i.Cubic,i.Quartic,i.Quintic,i.Sinusoidal,i.Exponential,i.Circular,i.Elastic,i.Back,i.Bounce,a(function(a){(function(){var t,n,e,r,u,o;"undefined"!=typeof performance&&null!==performance&&performance.now?a.exports=function(){return performance.now()}:"undefined"!=typeof process&&null!==process&&process.hrtime?(a.exports=function(){return (t()-u)/1e6},n=process.hrtime,r=(t=function(){var t;return 1e9*(t=n())[0]+t[1]})(),o=1e9*process.uptime(),u=r-o):Date.now?(a.exports=function(){return Date.now()-e},e=Date.now()):(a.exports=function(){return (new Date).getTime()-e},e=(new Date).getTime());}).call(e);})),l="undefined"==typeof window?e:window,f=["moz","webkit"],s="AnimationFrame",p=l["request"+s],h=l["cancel"+s]||l["cancelRequest"+s],m=0;!p&&m<f.length;m++)p=l[f[m]+"Request"+s],h=l[f[m]+"Cancel"+s]||l[f[m]+"CancelRequest"+s];if(!p||!h){var d=0,y=0,v=[];p=function(t){if(0===v.length){var n=c(),e=Math.max(0,1e3/60-(n-d));d=e+n,setTimeout(function(){for(var t=v.slice(0),n=v.length=0;n<t.length;n++)if(!t[n].cancelled)try{t[n].callback(d);}catch(t){setTimeout(function(){throw t},0);}},Math.round(e));}return v.push({handle:++y,callback:t,cancelled:!1}),y},h=function(t){for(var n=0;n<v.length;n++)v[n].handle===t&&(v[n].cancelled=!0);};}var b=function(t){return p.call(l,t)};b.cancel=function(){h.apply(l,arguments);},b.polyfill=function(t){t||(t=l),t.requestAnimationFrame=p,t.cancelAnimationFrame=h;};var w,k,P=[],T=Symbol("type"),j=Symbol("start_time"),x=Symbol("completed"),D=Symbol("paused"),g=requestAnimationFrame||b,A=Date.now();!function t(){g(t),w=Date.now(),k=w-A;for(var n=0;n<P.length;n++)P[n][x]||P[n](k,Date.now()-P[n][j]);A=w;}();var E=function(t){function g(e,t){var n,r,u,o;!function(t,n){if(!(t instanceof n))throw new TypeError("Cannot call a class as a function")}(this,g),u=this,o=I(g).call(this),M(_(_(r=!o||"object"!=typeof o&&"function"!=typeof o?_(u):o)),"update",function(){var e=_(_(r))._updateValue;return function(t,n){r[x]||r[D]||(0===r.localTime&&r.emit("start",r.value,_(_(r))),e(r.ease(r.loopFunction.progress(Math.min(1,(n||r.localTime)/r.duration)))),r.emit("update",r.value,_(_(r)),t),r.localTime>=r.duration&&r.loopFunction.complete(function(){r[x]=!0,r.emit("complete",r.value,_(_(r)));}),r.localTime+=t);}});var a=r.plugin=Object.values(g._plugins).reduce(function(t,n){return t||n&&n.test&&n.test(e)&&n},!1),i=a&&a.name||("object"===O(e)?Array.isArray(e)?"array":"object":"number");if(a){var c=a.initialize(e,t);e=c.startValue,t=c.destValue,r.data=c.data;}switch(Object.assign(_(_(r)),(M(n={duration:1e3,localTime:0,startValue:e,destValue:t,loopMode:"once",loopFunction:g.DEFAULT_LOOP,ease:function(t){return t},value:"array"===i?[].concat(e):"object"===i?Object.assign({},e):e},x,!1),M(n,T,i),M(n,j,Date.now()),M(n,D,!1),n)),r[T]){case"number":r._updateValue=function(t){r.value=V(r.startValue,r.destValue,t);};break;case"array":var l=r.value.length,f=_(_(r)),s=f.startValue,p=f.destValue,h=f.value;r._updateValue=function(t){for(var n=0;n<l;n++)h[n]=V(s[n],p[n],t);};break;case"object":var m=Object.keys(r.startValue),d=m.length,y=_(_(r)),v=y.startValue,b=y.destValue,w=y.value;r._updateValue=function(t){for(var n=0;n<d;n++){var e=m[n];w[e]=V(v[e],b[e],t);}};break;default:r.plugin?r._updateValue=function(t){r.value=r.plugin.interpolate(r.startValue,r.destValue,t,r.data);}:(console.warn("Between: startValue type was unrecognized."),r._updateValue=function(){return null});}return P.push(r.update()),r}return n(g,null,[{key:"between",value:function(){for(var t=arguments.length,n=new Array(t),e=0;e<t;e++)n[e]=arguments[e];return u(g,n)}}]),n(g,[{key:"pause",value:function(){return this[D]=!0,this.emit("pause",this.value,this,k),this}},{key:"play",value:function(){return this[D]=!1,this.emit("play",this.value,this,k),this}},{key:"easing",value:function(t){return this.ease=t,this}},{key:"time",value:function(t){return this.duration=t,this}},{key:"loop",value:function(){for(var t=0<arguments.length&&void 0!==arguments[0]?arguments[0]:"once",n="__loop_".concat(t),e=arguments.length,r=new Array(1<e?e-1:0),u=1;u<e;u++)r[u-1]=arguments[u];return this.loopFunction=n in this?Object.assign({},g.DEFAULT_LOOP,this[n].apply(this,r)):g.DEFAULT_LOOP,this}},{key:"__loop_repeat",value:function(t){var n=this,e=t;return this.times=0,{complete:function(t){n.localTime=0,Number.isInteger(e)&&++n.times===e?t():Number.isInteger(e)||++n.times;}}}},{key:"__loop_bounce",value:function(t){var n=this,e=t,r=1;return this.times=0,{complete:function(t){n.localTime=0,r=-r,Number.isInteger(e)&&++n.times===e?t():Number.isInteger(e)||++n.times;},progress:function(t){return 0<r?t:1-t}}}},{key:"isPaused",get:function(){return this[D]}}]),function(t,n){if("function"!=typeof n&&null!==n)throw new TypeError("Super expression must either be null or a function");o(t.prototype,n&&n.prototype),n&&o(t,n);}(g,t),g}(t);return M(E,"DEFAULT_LOOP",{complete:function(t){return t()},progress:function(t){return t}}),E.Easing=i,E._plugins={},E});
@@ -60651,6 +60869,16 @@ var tweenTo = function tweenTo(origin, target) {
       this.reset();
       this.disposed = true;
     }
+    /**
+     * TODO: the entire state machine system needs to be a component
+     * e.g.
+     *
+     * const stateMachine = new StateMachineComponent();
+     * element.addComponent(stateMachine);
+     *
+     * element.getComponent("statemachine").dosomething;
+     */
+
   }, {
     key: "addStateMachine",
     value: function addStateMachine(description) {
@@ -60692,6 +60920,16 @@ var tweenTo = function tweenTo(origin, target) {
         console.log(STATE_MACHINE_NOT_AVAILABLE);
       }
     }
+    /**
+     * TODO: ScriptComponent to handle scripts
+     * e.g.
+     *
+     * const scriptComponent = new ScriptsComponent();
+     * element.addComponent(physicscomponent);
+     *
+     * element.getComponent("physics").play("animationId");
+     */
+
   }, {
     key: "getScript",
     value: function getScript(name) {
@@ -61614,6 +61852,16 @@ var Element$1 = /*#__PURE__*/function (_Entity) {
         });
       }
     }
+    /**
+     * TODO: the entire animation system needs to be a component
+     * e.g.
+     *
+     * const animationComponent = new AnimationComponent();
+     * element.addComponent(animationComponent);
+     *
+     * element.getComponent("animation").play("animationId");
+     */
+
   }, {
     key: "setArmature",
     value: function setArmature(armature) {
@@ -61697,6 +61945,16 @@ var Element$1 = /*#__PURE__*/function (_Entity) {
 
       return [];
     }
+    /**
+     * TODO: the entire physics system needs to be a component
+     * e.g.
+     *
+     * const physicscomponent = new PhysicsComponent();
+     * element.addComponent(physicscomponent);
+     *
+     * element.getComponent("physics").play("animationId");
+     */
+
   }, {
     key: "setPhysicsOptions",
     value: function setPhysicsOptions() {
@@ -61806,7 +62064,9 @@ var Element$1 = /*#__PURE__*/function (_Entity) {
     }
   }, {
     key: "setColor",
-    value: function setColor(color) {
+    value: function setColor() {
+      var color = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : MATERIAL_PROPERTIES_DEFAULT_VALUES[PROPERTIES.COLOR];
+
       var _setColor = function _setColor(material) {
         return material.color = new Color$1(color);
       };
@@ -61820,18 +62080,352 @@ var Element$1 = /*#__PURE__*/function (_Entity) {
   }, {
     key: "getColor",
     value: function getColor() {
-      if (hasMaterial(this.getBody())) {
-        return this.body.material.color;
+      return extractMaterialProperty(this.getBody(), PROPERTIES.COLOR);
+    }
+  }, {
+    key: "setFog",
+    value: function setFog() {
+      var enabled = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : MATERIAL_PROPERTIES_DEFAULT_VALUES[PROPERTIES.FOG];
+
+      var _setFog = function _setFog(material) {
+        return material[PROPERTIES.FOG] = enabled;
+      };
+
+      applyMaterialChange(this.getBody(), _setFog);
+    }
+  }, {
+    key: "getFog",
+    value: function getFog() {
+      return extractMaterialProperty(this.getBody(), PROPERTIES.FOG);
+    }
+  }, {
+    key: "setReflectivity",
+    value: function setReflectivity() {
+      var value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : MATERIAL_PROPERTIES_DEFAULT_VALUES[PROPERTIES.REFLECTIVITY];
+
+      var _setReflectivity = function _setReflectivity(material) {
+        return material[PROPERTIES.REFLECTIVITY] = value;
+      };
+
+      if (value != undefined) {
+        applyMaterialChange(this.getBody(), _setReflectivity);
       } else {
-        var found;
-        this.body.traverse(function (child) {
-          if (hasMaterial(child) && !found) {
-            found = child.material.color;
-          }
-        });
-        return found;
+        console.warn(ELEMENT_SET_REFLECTIVITY_MISSING_VALUE);
+      }
+    }
+  }, {
+    key: "getReflectivity",
+    value: function getReflectivity() {
+      return extractMaterialProperty(this.getBody(), PROPERTIES.REFLECTIVITY);
+    }
+  }, {
+    key: "setRefractionRatio",
+    value: function setRefractionRatio() {
+      var value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : MATERIAL_PROPERTIES_DEFAULT_VALUES[PROPERTIES.REFRACTION_RATIO];
+
+      var _setRefractionRatio = function _setRefractionRatio(material) {
+        return material[PROPERTIES.REFRACTION_RATIO] = value;
+      };
+
+      if (value != undefined) {
+        applyMaterialChange(this.getBody(), _setRefractionRatio);
+      } else {
+        console.warn(ELEMENT_SET_REFRACTION_RATIO_MISSING_VALUE);
       }
     }
+  }, {
+    key: "getRefractionRatio",
+    value: function getRefractionRatio() {
+      return extractMaterialProperty(this.getBody(), PROPERTIES.REFRACTION_RATIO);
+    }
+  }, {
+    key: "setDepthWrite",
+    value: function setDepthWrite() {
+      var flag = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : MATERIAL_PROPERTIES_DEFAULT_VALUES[PROPERTIES.DEPTH_WRITE];
+
+      var _setDepthWrite = function _setDepthWrite(material) {
+        return material[PROPERTIES.DEPTH_WRITE] = flag;
+      };
+
+      applyMaterialChange(this.getBody(), _setDepthWrite);
+    }
+  }, {
+    key: "getDepthWrite",
+    value: function getDepthWrite() {
+      return extractMaterialProperty(this.getBody(), PROPERTIES.DEPTH_WRITE);
+    }
+  }, {
+    key: "setDepthTest",
+    value: function setDepthTest() {
+      var flag = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : MATERIAL_PROPERTIES_DEFAULT_VALUES[PROPERTIES.DEPTH_TEST];
+
+      var _setDepthTest = function _setDepthTest(material) {
+        return material[PROPERTIES.DEPTH_TEST] = flag;
+      };
+
+      applyMaterialChange(this.getBody(), _setDepthTest);
+    }
+  }, {
+    key: "getDepthTest",
+    value: function getDepthTest() {
+      return extractMaterialProperty(this.getBody(), PROPERTIES.DEPTH_TEST);
+    }
+  }, {
+    key: "setCombine",
+    value: function setCombine() {
+      var value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : MATERIAL_PROPERTIES_DEFAULT_VALUES[PROPERTIES.COMBINE];
+
+      var _setCombine = function _setCombine(material) {
+        return material[PROPERTIES.COMBINE] = value;
+      };
+
+      applyMaterialChange(this.getBody(), _setCombine);
+    }
+  }, {
+    key: "getCombine",
+    value: function getCombine() {
+      return extractMaterialProperty(this.getBody(), PROPERTIES.COMBINE);
+    }
+  }, {
+    key: "setFlatShading",
+    value: function setFlatShading() {
+      var flag = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : MATERIAL_PROPERTIES_DEFAULT_VALUES[PROPERTIES.FLAT_SHADING];
+
+      var _setFlatShading = function _setFlatShading(material) {
+        return material[PROPERTIES.FLAT_SHADING] = flag;
+      };
+
+      applyMaterialChange(this.getBody(), _setFlatShading);
+    }
+  }, {
+    key: "getFlatShading",
+    value: function getFlatShading() {
+      return extractMaterialProperty(this.getBody(), PROPERTIES.FLAT_SHADING);
+    }
+  }, {
+    key: "setShininess",
+    value: function setShininess() {
+      var value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : MATERIAL_PROPERTIES_DEFAULT_VALUES[PROPERTIES.SHININESS];
+
+      var _setShininess = function _setShininess(material) {
+        return material[PROPERTIES.SHININESS] = value;
+      };
+
+      applyMaterialChange(this.getBody(), _setShininess);
+    }
+  }, {
+    key: "getShininess",
+    value: function getShininess() {
+      return extractMaterialProperty(this.getBody(), PROPERTIES.SHININESS);
+    }
+  }, {
+    key: "setSpecularColor",
+    value: function setSpecularColor() {
+      var color = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : MATERIAL_PROPERTIES_DEFAULT_VALUES[PROPERTIES.SPECULAR];
+
+      var _setSpecularColor = function _setSpecularColor(material) {
+        return material[PROPERTIES.SPECULAR] = new Color$1(color);
+      };
+
+      applyMaterialChange(this.getBody(), _setSpecularColor);
+    }
+  }, {
+    key: "getSpecularColor",
+    value: function getSpecularColor() {
+      return extractMaterialProperty(this.getBody(), PROPERTIES.SPECULAR);
+    }
+  }, {
+    key: "setNormalScale",
+    value: function setNormalScale() {
+      var normalScale = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : MATERIAL_PROPERTIES_DEFAULT_VALUES[PROPERTIES.NORMAL_SCALE];
+
+      var _setNormalScale = function _setNormalScale(material) {
+        return material[PROPERTIES.NORMAL_SCALE] = normalScale;
+      };
+
+      applyMaterialChange(this.getBody(), _setNormalScale);
+    }
+  }, {
+    key: "getNormalScale",
+    value: function getNormalScale() {
+      return extractMaterialProperty(this.getBody(), PROPERTIES.NORMAL_SCALE);
+    }
+  }, {
+    key: "setMetalness",
+    value: function setMetalness() {
+      var value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : MATERIAL_PROPERTIES_DEFAULT_VALUES[PROPERTIES.METALNESS];
+
+      var _setMetalness = function _setMetalness(material) {
+        return material[PROPERTIES.METALNESS] = value;
+      };
+
+      applyMaterialChange(this.getBody(), _setMetalness);
+    }
+  }, {
+    key: "getMetalness",
+    value: function getMetalness() {
+      return extractMaterialProperty(this.getBody(), PROPERTIES.METALNESS);
+    }
+  }, {
+    key: "setRoughness",
+    value: function setRoughness() {
+      var value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : MATERIAL_PROPERTIES_DEFAULT_VALUES[PROPERTIES.ROUGHNESS];
+
+      var _setRoughness = function _setRoughness(material) {
+        return material[PROPERTIES.ROUGHNESS] = value;
+      };
+
+      applyMaterialChange(this.getBody(), _setRoughness);
+    }
+  }, {
+    key: "getRoughness",
+    value: function getRoughness() {
+      return extractMaterialProperty(this.getBody(), PROPERTIES.ROUGHNESS);
+    }
+  }, {
+    key: "setEmissive",
+    value: function setEmissive() {
+      var value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : MATERIAL_PROPERTIES_DEFAULT_VALUES[PROPERTIES.EMISSIVE];
+
+      var _setEmissive = function _setEmissive(material) {
+        return material[PROPERTIES.EMISSIVE] = new Color$1(value);
+      };
+
+      applyMaterialChange(this.getBody(), _setEmissive);
+    }
+  }, {
+    key: "getEmissive",
+    value: function getEmissive() {
+      return extractMaterialProperty(this.getBody(), PROPERTIES.EMISSIVE);
+    }
+  }, {
+    key: "setEmissiveIntensity",
+    value: function setEmissiveIntensity() {
+      var value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : MATERIAL_PROPERTIES_DEFAULT_VALUES[PROPERTIES.EMISSIVE_INTENSITY];
+
+      var _setEmissiveIntensity = function _setEmissiveIntensity(material) {
+        return material[PROPERTIES.EMISSIVE_INTENSITY] = value;
+      };
+
+      applyMaterialChange(this.getBody(), _setEmissiveIntensity);
+    }
+  }, {
+    key: "getEmissiveIntensity",
+    value: function getEmissiveIntensity() {
+      return extractMaterialProperty(this.getBody(), PROPERTIES.EMISSIVE_INTENSITY);
+    }
+  }, {
+    key: "setLightMapIntensity",
+    value: function setLightMapIntensity() {
+      var value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : MATERIAL_PROPERTIES_DEFAULT_VALUES[PROPERTIES.LIGHT_MAP_INTENSITY];
+
+      var _setLightMapIntensity = function _setLightMapIntensity(material) {
+        return material[PROPERTIES.LIGHT_MAP_INTENSITY] = value;
+      };
+
+      applyMaterialChange(this.getBody(), _setLightMapIntensity);
+    }
+  }, {
+    key: "getLightMapIntensity",
+    value: function getLightMapIntensity() {
+      return extractMaterialProperty(this.getBody(), PROPERTIES.LIGHT_MAP_INTENSITY);
+    }
+  }, {
+    key: "setAOMapIntensity",
+    value: function setAOMapIntensity() {
+      var value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : MATERIAL_PROPERTIES_DEFAULT_VALUES[PROPERTIES.AO_MAP_INTENSITY];
+
+      var _setAOMapIntensity = function _setAOMapIntensity(material) {
+        return material[PROPERTIES.AO_MAP_INTENSITY] = value;
+      };
+
+      applyMaterialChange(this.getBody(), _setAOMapIntensity);
+    }
+  }, {
+    key: "getAOMapIntensity",
+    value: function getAOMapIntensity() {
+      return extractMaterialProperty(this.getBody(), PROPERTIES.AO_MAP_INTENSITY);
+    }
+  }, {
+    key: "setEnvMapIntensity",
+    value: function setEnvMapIntensity() {
+      var value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : MATERIAL_PROPERTIES_DEFAULT_VALUES[PROPERTIES.ENV_MAP_INTENSITY];
+
+      var _setEnvMapIntensity = function _setEnvMapIntensity(material) {
+        return material[PROPERTIES.ENV_MAP_INTENSITY] = value;
+      };
+
+      applyMaterialChange(this.getBody(), _setEnvMapIntensity);
+    }
+  }, {
+    key: "getEnvMapIntensity",
+    value: function getEnvMapIntensity() {
+      return extractMaterialProperty(this.getBody(), PROPERTIES.ENV_MAP_INTENSITY);
+    }
+  }, {
+    key: "setDisplacementScale",
+    value: function setDisplacementScale() {
+      var value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : MATERIAL_PROPERTIES_DEFAULT_VALUES[PROPERTIES.DISPLACEMENT_SCALE];
+
+      var _setDisplacementScale = function _setDisplacementScale(material) {
+        return material[PROPERTIES.DISPLACEMENT_SCALE] = value;
+      };
+
+      applyMaterialChange(this.getBody(), _setDisplacementScale);
+    }
+  }, {
+    key: "getDisplacementScale",
+    value: function getDisplacementScale() {
+      return extractMaterialProperty(this.getBody(), PROPERTIES.DISPLACEMENT_SCALE);
+    }
+  }, {
+    key: "setDisplacementBias",
+    value: function setDisplacementBias() {
+      var value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : MATERIAL_PROPERTIES_DEFAULT_VALUES[PROPERTIES.DISPLACEMENT_BIAS];
+
+      var _setDisplacementBias = function _setDisplacementBias(material) {
+        return material[PROPERTIES.DISPLACEMENT_BIAS] = value;
+      };
+
+      applyMaterialChange(this.getBody(), _setDisplacementBias);
+    }
+  }, {
+    key: "getDisplacementBias",
+    value: function getDisplacementBias() {
+      return extractMaterialProperty(this.getBody(), PROPERTIES.DISPLACEMENT_BIAS);
+    }
+  }, {
+    key: "setBumpScale",
+    value: function setBumpScale() {
+      var value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : MATERIAL_PROPERTIES_DEFAULT_VALUES[PROPERTIES.BUMP_SCALE];
+
+      var _setBumpScale = function _setBumpScale(material) {
+        return material[PROPERTIES.BUMP_SCALE] = value;
+      };
+
+      applyMaterialChange(this.getBody(), _setBumpScale);
+    }
+  }, {
+    key: "getBumpScale",
+    value: function getBumpScale() {
+      return extractMaterialProperty(this.getBody(), PROPERTIES.BUMP_SCALE);
+    }
+  }, {
+    key: "setSide",
+    value: function setSide() {
+      var side = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : MATERIAL_PROPERTIES_DEFAULT_VALUES[PROPERTIES.SIDE];
+
+      var _setSide = function _setSide(material) {
+        return material[PROPERTIES.SIDE] = side;
+      };
+
+      applyMaterialChange(this.getBody(), _setSide);
+    }
+  }, {
+    key: "getSide",
+    value: function getSide() {
+      return extractMaterialProperty(this.getBody(), PROPERTIES.SIDE);
+    }
   }, {
     key: "recordTexture",
     value: function recordTexture(textureId, textureType) {
@@ -61929,6 +62523,43 @@ var Element$1 = /*#__PURE__*/function (_Entity) {
 
       applyMaterialChange(this.getBody(), _setOpacity);
     }
+  }, {
+    key: "getOpacity",
+    value: function getOpacity() {
+      return extractMaterialProperty(this.getBody(), PROPERTIES.OPACITY);
+    }
+  }, {
+    key: "setTransparent",
+    value: function setTransparent() {
+      var flag = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
+
+      var _setTransparent = function _setTransparent(material) {
+        return material.transparent = flag;
+      };
+
+      applyMaterialChange(this.getBody(), _setTransparent);
+    }
+  }, {
+    key: "isTransparent",
+    value: function isTransparent() {
+      return extractMaterialProperty(this.getBody(), PROPERTIES.TRANSPARENT);
+    }
+  }, {
+    key: "setVisible",
+    value: function setVisible() {
+      var flag = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
+
+      var _setVisible = function _setVisible(material) {
+        return material.visible = flag;
+      };
+
+      applyMaterialChange(this.getBody(), _setVisible);
+    }
+  }, {
+    key: "isVisible",
+    value: function isVisible() {
+      return extractMaterialProperty(this.getBody(), PROPERTIES.VISIBLE);
+    }
   }, {
     key: "fadeTo",
     value: function fadeTo() {

package/package.json

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