gdcore-tools 2.0.0-gd-v5.5.224-autobuild → 2.0.0-gd-v5.5.226-autobuild

package/dist/Runtime/Extensions/3D/JsExtension.js

@@ -69,7 +69,7 @@ module.exports = {
           _('Center Z position'),
           _('the Z position of the center of rotation'),
           _('the Z position of the center'),
-          _('Position/Center'),
+          _('Position ❯ Center'),
           'res/conditions/3d_box.svg'
         )
         .addParameter('object', _('3D object'), '', false)
@@ -800,6 +800,20 @@ module.exports = {
         .markAsSimple()
         .setHidden()
         .setFunctionName('hasAnimationEnded');
+
+      object
+        .addScopedAction(
+          'SetCrossfadeDuration',
+          _('Set crossfade duration'),
+          _('Set the crossfade duration when switching to a new animation.'),
+          _('Set crossfade duration of _PARAM0_ to _PARAM1_ seconds'),
+          _('Animations and images'),
+          'res/conditions/animation24.png',
+          'res/conditions/animation.png'
+        )
+        .addParameter('object', _('3D model'), 'Model3DObject', false)
+        .addParameter('number', _('Crossfade duration (in seconds)'), '', false)
+        .setFunctionName('setCrossfadeDuration');
     }
 
     const Cube3DObject = new gd.ObjectJsImplementation();
@@ -822,7 +836,8 @@ module.exports = {
         propertyName === 'bottomFaceResourceName' ||
         propertyName === 'backFaceUpThroughWhichAxisRotation' ||
         propertyName === 'facesOrientation' ||
-        propertyName === 'materialType'
+        propertyName === 'materialType' ||
+        propertyName === 'tint'
       ) {
         objectContent[propertyName] = newValue;
         return true;
@@ -902,6 +917,12 @@ module.exports = {
         .setLabel(_('Depth'))
         .setMeasurementUnit(gd.MeasurementUnit.getPixel())
         .setGroup(_('Default size'));
+      objectProperties
+        .getOrCreate('tint')
+        .setValue(objectContent.tint || '255;255;255')
+        .setType('Color')
+        .setLabel(_('Tint'))
+        .setGroup(_('Texture'));
 
       objectProperties
         .getOrCreate('frontFaceResourceName')
@@ -1092,6 +1113,7 @@ module.exports = {
       topFaceResourceRepeat: false,
       bottomFaceResourceRepeat: false,
       materialType: 'Basic',
+      tint: '255;255;255',
     };
 
     Cube3DObject.updateInitialInstanceProperty = function (
@@ -1568,6 +1590,21 @@ module.exports = {
       .addParameter('imageResource', _('Image'), '', false)
       .setFunctionName('setFaceResourceName');
 
+    object
+      .addScopedAction(
+        'SetTint',
+        _('Tint color'),
+        _('Change the tint of the cube.'),
+        _('Change the tint of _PARAM0_ to _PARAM1_'),
+        _('Effects'),
+        'res/actions/color24.png',
+        'res/actions/color.png'
+      )
+      .addParameter('object', _('3D Cube'), 'Cube3DObject', false)
+      .addParameter('color', _('Tint'), '', false)
+      .getCodeExtraInformation()
+      .setFunctionName('setColor');
+
     extension
       .addExpressionAndConditionAndAction(
         'number',
@@ -2062,6 +2099,10 @@ module.exports = {
       3: [1, 0],
     };
 
+    /**
+     * @param {*} objectConfiguration
+     * @returns {string | null}
+     */
     const getFirstVisibleFaceResourceName = (objectConfiguration) => {
       const object = gd.castObject(
         objectConfiguration,
@@ -2090,25 +2131,44 @@ module.exports = {
       return null;
     };
 
+    /** @type {THREE.MeshBasicMaterial | null} */
     let transparentMaterial = null;
+    /**
+     * @returns {THREE.MeshBasicMaterial}
+     */
     const getTransparentMaterial = () => {
-      if (!transparentMaterial)
-        transparentMaterial = new THREE.MeshBasicMaterial({
-          transparent: true,
-          opacity: 0,
-          // Set the alpha test to to ensure the faces behind are rendered
-          // (no "back face culling" that would still be done if alphaTest is not set).
-          alphaTest: 1,
-        });
-
-      return transparentMaterial;
+      if (transparentMaterial) {
+        return transparentMaterial;
+      }
+      const newTransparentMaterial = new THREE.MeshBasicMaterial({
+        transparent: true,
+        opacity: 0,
+        // Set the alpha test to to ensure the faces behind are rendered
+        // (no "back face culling" that would still be done if alphaTest is not set).
+        alphaTest: 1,
+      });
+      transparentMaterial = newTransparentMaterial;
+      return newTransparentMaterial;
     };
 
     class RenderedCube3DObject2DInstance extends RenderedInstance {
+      /** @type {number} */
+      _defaultWidth;
+      /** @type {number} */
+      _defaultHeight;
+      /** @type {number} */
+      _defaultDepth;
       /** @type {number} */
       _centerX = 0;
       /** @type {number} */
       _centerY = 0;
+      /**
+       * The name of the resource that is rendered.
+       * If no face is visible, this will be null.
+       * @type {string | null | undefined}
+       */
+      _renderedResourceName = undefined;
+      _renderFallbackObject = false;
 
       constructor(
         project,
@@ -2124,11 +2184,6 @@ module.exports = {
           pixiContainer,
           pixiResourcesLoader
         );
-
-        // Name of the resource that is rendered.
-        // If no face is visible, this will be null.
-        this._renderedResourceName = undefined;
-
         const object = gd.castObject(
           this._associatedObjectConfiguration,
           gd.ObjectJsImplementation
@@ -2145,7 +2200,6 @@ module.exports = {
         this._pixiObject.addChild(this._pixiTexturedObject);
         this._pixiObject.addChild(this._pixiFallbackObject);
         this._pixiContainer.addChild(this._pixiObject);
-        this._renderFallbackObject = false;
         this.updateTexture();
       }
 
@@ -2160,9 +2214,10 @@ module.exports = {
       }
 
       static getThumbnail(project, resourcesLoader, objectConfiguration) {
-        const textureResourceName = RenderedCube3DObject2DInstance._getResourceNameToDisplay(
-          objectConfiguration
-        );
+        const textureResourceName =
+          RenderedCube3DObject2DInstance._getResourceNameToDisplay(
+            objectConfiguration
+          );
         if (textureResourceName) {
           return resourcesLoader.getResourceFullUrl(
             project,
@@ -2174,18 +2229,20 @@ module.exports = {
       }
 
       updateTextureIfNeeded() {
-        const textureName = RenderedCube3DObject2DInstance._getResourceNameToDisplay(
-          this._associatedObjectConfiguration
-        );
+        const textureName =
+          RenderedCube3DObject2DInstance._getResourceNameToDisplay(
+            this._associatedObjectConfiguration
+          );
         if (textureName === this._renderedResourceName) return;
 
         this.updateTexture();
       }
 
       updateTexture() {
-        const textureName = RenderedCube3DObject2DInstance._getResourceNameToDisplay(
-          this._associatedObjectConfiguration
-        );
+        const textureName =
+          RenderedCube3DObject2DInstance._getResourceNameToDisplay(
+            this._associatedObjectConfiguration
+          );
 
         if (!textureName) {
           this._renderFallbackObject = true;
@@ -2308,6 +2365,17 @@ module.exports = {
     }
 
     class RenderedCube3DObject3DInstance extends Rendered3DInstance {
+      _defaultWidth = 1;
+      _defaultHeight = 1;
+      _defaultDepth = 1;
+      _faceResourceNames = new Array(6).fill(null);
+      _faceVisibilities = new Array(6).fill(null);
+      _shouldRepeatTextureOnFace = new Array(6).fill(null);
+      _facesOrientation = 'Y';
+      _backFaceUpThroughWhichAxisRotation = 'X';
+      _shouldUseTransparentTexture = false;
+      _tint = '';
+
       constructor(
         project,
         instance,
@@ -2324,21 +2392,9 @@ module.exports = {
           threeGroup,
           pixiResourcesLoader
         );
-
-        this._defaultWidth = 1;
-        this._defaultHeight = 1;
-        this._defaultDepth = 1;
-
         this._pixiObject = new PIXI.Graphics();
         this._pixiContainer.addChild(this._pixiObject);
 
-        this._faceResourceNames = new Array(6).fill(null);
-        this._faceVisibilities = new Array(6).fill(null);
-        this._shouldRepeatTextureOnFace = new Array(6).fill(null);
-        this._facesOrientation = 'Y';
-        this._backFaceUpThroughWhichAxisRotation = 'X';
-        this._shouldUseTransparentTexture = false;
-
         const geometry = new THREE.BoxGeometry(1, 1, 1);
         const materials = [
           getTransparentMaterial(),
@@ -2357,8 +2413,9 @@ module.exports = {
 
       async _updateThreeObjectMaterials() {
         const getFaceMaterial = async (project, faceIndex) => {
-          if (!this._faceVisibilities[faceIndex])
+          if (!this._faceVisibilities[faceIndex]) {
             return getTransparentMaterial();
+          }
 
           return await this._pixiResourcesLoader.getThreeMaterial(
             project,
@@ -2389,11 +2446,35 @@ module.exports = {
         this._updateTextureUvMapping();
       }
 
+      _updateTint() {
+        const tints = [];
+        const normalizedTint = objectsRenderingService
+          .hexNumberToRGBArray(
+            objectsRenderingService.rgbOrHexToHexNumber(this._tint)
+          )
+          .map((component) => component / 255);
+
+        for (
+          let i = 0;
+          i < this._threeObject.geometry.attributes.position.count;
+          i++
+        ) {
+          tints.push(...normalizedTint);
+        }
+
+        this._threeObject.geometry.setAttribute(
+          'color',
+          new THREE.BufferAttribute(new Float32Array(tints), 3)
+        );
+      }
+
       static _getResourceNameToDisplay(objectConfiguration) {
         return getFirstVisibleFaceResourceName(objectConfiguration);
       }
 
       updateThreeObject() {
+        /** @type {gdjs.Cube3DObjectData} */
+        //@ts-ignore This works because the properties are set to `content` in JavaScript.
         const object = gd.castObject(
           this._associatedObjectConfiguration,
           gd.ObjectJsImplementation
@@ -2421,13 +2502,19 @@ module.exports = {
 
         let materialsDirty = false;
         let uvMappingDirty = false;
+        let tintDirty = false;
 
         const shouldUseTransparentTexture =
-          object.content.enableTextureTransparency;
+          object.content.enableTextureTransparency || false;
         if (this._shouldUseTransparentTexture !== shouldUseTransparentTexture) {
           this._shouldUseTransparentTexture = shouldUseTransparentTexture;
           materialsDirty = true;
         }
+        const tint = object.content.tint || '255;255;255';
+        if (this._tint !== tint) {
+          this._tint = tint;
+          tintDirty = true;
+        }
 
         const faceResourceNames = [
           object.content.frontFaceResourceName,
@@ -2471,12 +2558,12 @@ module.exports = {
         }
 
         const shouldRepeatTextureOnFace = [
-          object.content.frontFaceResourceRepeat,
-          object.content.backFaceResourceRepeat,
-          object.content.leftFaceResourceRepeat,
-          object.content.rightFaceResourceRepeat,
-          object.content.topFaceResourceRepeat,
-          object.content.bottomFaceResourceRepeat,
+          object.content.frontFaceResourceRepeat || false,
+          object.content.backFaceResourceRepeat || false,
+          object.content.leftFaceResourceRepeat || false,
+          object.content.rightFaceResourceRepeat || false,
+          object.content.topFaceResourceRepeat || false,
+          object.content.bottomFaceResourceRepeat || false,
         ];
         if (
           this._shouldRepeatTextureOnFace[0] !== shouldRepeatTextureOnFace[0] ||
@@ -2491,16 +2578,17 @@ module.exports = {
         }
 
         const backFaceUpThroughWhichAxisRotation =
-          object.content.backFaceUpThroughWhichAxisRotation;
+          object.content.backFaceUpThroughWhichAxisRotation || 'X';
         if (
           backFaceUpThroughWhichAxisRotation !==
           this._backFaceUpThroughWhichAxisRotation
         ) {
-          this._backFaceUpThroughWhichAxisRotation = backFaceUpThroughWhichAxisRotation;
+          this._backFaceUpThroughWhichAxisRotation =
+            backFaceUpThroughWhichAxisRotation;
           uvMappingDirty = true;
         }
 
-        const facesOrientation = object.content.facesOrientation;
+        const facesOrientation = object.content.facesOrientation || 'Y';
         if (facesOrientation !== this._facesOrientation) {
           this._facesOrientation = facesOrientation;
           uvMappingDirty = true;
@@ -2520,6 +2608,7 @@ module.exports = {
 
         if (materialsDirty) this._updateThreeObjectMaterials();
         if (uvMappingDirty) this._updateTextureUvMapping();
+        if (tintDirty) this._updateTint();
       }
 
       /**
@@ -2529,11 +2618,11 @@ module.exports = {
        * for the method to work.
        */
       _updateTextureUvMapping() {
-        // @ts-ignore - position is stored as a Float32BufferAttribute
         /** @type {THREE.BufferAttribute} */
+        // @ts-ignore - position is stored as a Float32BufferAttribute
         const pos = this._threeObject.geometry.getAttribute('position');
-        // @ts-ignore - uv is stored as a Float32BufferAttribute
         /** @type {THREE.BufferAttribute} */
+        // @ts-ignore - uv is stored as a Float32BufferAttribute
         const uvMapping = this._threeObject.geometry.getAttribute('uv');
         const startIndex = 0;
         const endIndex = 23;
@@ -2552,9 +2641,10 @@ module.exports = {
             continue;
           }
 
-          const shouldRepeatTexture = this._shouldRepeatTextureOnFace[
-            materialIndexToFaceIndex[materialIndex]
-          ];
+          const shouldRepeatTexture =
+            this._shouldRepeatTextureOnFace[
+              materialIndexToFaceIndex[materialIndex]
+            ];
 
           const shouldOrientateFacesTowardsY = this._facesOrientation === 'Y';
 
@@ -2589,16 +2679,13 @@ module.exports = {
                 }
               } else {
                 if (shouldOrientateFacesTowardsY) {
-                  [x, y] = noRepeatTextureVertexIndexToUvMapping[
-                    vertexIndex % 4
-                  ];
+                  [x, y] =
+                    noRepeatTextureVertexIndexToUvMapping[vertexIndex % 4];
                 } else {
-                  [
-                    x,
-                    y,
-                  ] = noRepeatTextureVertexIndexToUvMappingForLeftAndRightFacesTowardsZ[
-                    vertexIndex % 4
-                  ];
+                  [x, y] =
+                    noRepeatTextureVertexIndexToUvMappingForLeftAndRightFacesTowardsZ[
+                      vertexIndex % 4
+                    ];
                 }
               }
               break;
@@ -2628,16 +2715,13 @@ module.exports = {
                 }
               } else {
                 if (shouldOrientateFacesTowardsY) {
-                  [x, y] = noRepeatTextureVertexIndexToUvMapping[
-                    vertexIndex % 4
-                  ];
+                  [x, y] =
+                    noRepeatTextureVertexIndexToUvMapping[vertexIndex % 4];
                 } else {
-                  [
-                    x,
-                    y,
-                  ] = noRepeatTextureVertexIndexToUvMappingForLeftAndRightFacesTowardsZ[
-                    vertexIndex % 4
-                  ];
+                  [x, y] =
+                    noRepeatTextureVertexIndexToUvMappingForLeftAndRightFacesTowardsZ[
+                      vertexIndex % 4
+                    ];
                   x = -x;
                   y = -y;
                 }
@@ -2786,6 +2870,19 @@ module.exports = {
     const epsilon = 1 / (1 << 16);
 
     class Model3DRendered2DInstance extends RenderedInstance {
+      /** @type {number} */
+      _defaultWidth;
+      /** @type {number} */
+      _defaultHeight;
+      /** @type {number} */
+      _defaultDepth;
+
+      /** @type {[number, number, number] | null} */
+      _originPoint;
+      /** @type {[number, number, number] | null} */
+      _centerPoint;
+
+      /** @type {[number, number, number]} */
       _modelOriginPoint = [0, 0, 0];
 
       constructor(
@@ -3028,10 +3125,15 @@ module.exports = {
       }
     }
 
+    /**
+     * @param {[number, number, number] | null} point1
+     * @param {[number, number, number] | null} point2
+     * @returns {boolean}
+     */
     const isSamePoint = (point1, point2) => {
-      if (!point1 && !point2) return true;
-      if (point1 && !point2) return false;
-      if (!point1 && point2) return false;
+      if (!!point1 !== !!point2) return false;
+      // At this point || or && doesn't matter and the type checking prefer ||.
+      if (!point1 || !point2) return true;
       return (
         point1[0] === point2[0] &&
         point1[1] === point2[1] &&
@@ -3039,6 +3141,10 @@ module.exports = {
       );
     };
 
+    /**
+     * @param {string} location
+     * @returns {[number, number, number] | null}
+     */
     const getPointForLocation = (location) => {
       switch (location) {
         case 'ModelOrigin':
@@ -3057,8 +3163,27 @@ module.exports = {
     };
 
     class Model3DRendered3DInstance extends Rendered3DInstance {
+      _defaultWidth = 1;
+      _defaultHeight = 1;
+      _defaultDepth = 1;
+      _originalWidth = 1;
+      _originalHeight = 1;
+      _originalDepth = 1;
+      _rotationX = 0;
+      _rotationY = 0;
+      _rotationZ = 0;
+      _keepAspectRatio = false;
+      /** @type {[number, number, number] | null} */
+      _originPoint = null;
+      /** @type {[number, number, number] | null} */
+      _centerPoint = null;
+
+      /** @type {[number, number, number]} */
       _modelOriginPoint = [0, 0, 0];
 
+      /** @type {THREE.Object3D | null} */
+      _clonedModel3D = null;
+
       constructor(
         project,
         instance,
@@ -3076,29 +3201,12 @@ module.exports = {
           pixiResourcesLoader
         );
 
-        this._defaultWidth = 1;
-        this._defaultHeight = 1;
-        this._defaultDepth = 1;
-        this._originalWidth = 1;
-        this._originalHeight = 1;
-        this._originalDepth = 1;
-        this._rotationX = 0;
-        this._rotationY = 0;
-        this._rotationZ = 0;
-        this._keepAspectRatio = false;
-
-        this._originPoint = null;
-        this._centerPoint = null;
-
         this._pixiObject = new PIXI.Graphics();
         this._pixiContainer.addChild(this._pixiObject);
 
         this._threeObject = new THREE.Group();
         this._threeObject.rotation.order = 'ZYX';
         this._threeGroup.add(this._threeObject);
-
-        this._threeModelGroup = null;
-        this._clonedModel3D = null;
       }
 
       getOriginX() {
@@ -3140,27 +3248,30 @@ module.exports = {
       }
 
       _updateDefaultTransformation() {
-        if (!this._clonedModel3D) return; // Model is not ready - nothing to do.
+        if (!this._clonedModel3D) {
+          // Model is not ready - nothing to do.
+          return;
+        }
 
         if (this._threeModelGroup) {
           // Remove any previous container as we will recreate it just below
           this._threeObject.clear();
         }
+
         // This group hold the rotation defined by properties.
         // Always restart from a new group to avoid miscomputing bounding boxes/sizes.
-        this._threeModelGroup = new THREE.Group();
-        this._threeModelGroup.rotation.order = 'ZYX';
-        this._threeModelGroup.add(this._clonedModel3D);
+        const threeModelGroup = new THREE.Group();
+        this._threeModelGroup = threeModelGroup;
+        threeModelGroup.rotation.order = 'ZYX';
+        threeModelGroup.add(this._clonedModel3D);
 
-        this._threeModelGroup.rotation.set(
+        threeModelGroup.rotation.set(
           (this._rotationX * Math.PI) / 180,
           (this._rotationY * Math.PI) / 180,
           (this._rotationZ * Math.PI) / 180
         );
-        this._threeModelGroup.updateMatrixWorld(true);
-        const boundingBox = new THREE.Box3().setFromObject(
-          this._threeModelGroup
-        );
+        threeModelGroup.updateMatrixWorld(true);
+        const boundingBox = new THREE.Box3().setFromObject(threeModelGroup);
 
         const shouldKeepModelOrigin = !this._originPoint;
         if (shouldKeepModelOrigin) {
@@ -3187,7 +3298,7 @@ module.exports = {
         // Center the model.
         const centerPoint = this._centerPoint;
         if (centerPoint) {
-          this._threeModelGroup.position.set(
+          threeModelGroup.position.set(
             -(boundingBox.min.x + modelWidth * centerPoint[0]),
             // The model is flipped on Y axis.
             -(boundingBox.min.y + modelHeight * (1 - centerPoint[1])),
@@ -3196,8 +3307,8 @@ module.exports = {
         }
 
         // Rotate the model.
-        this._threeModelGroup.scale.set(1, 1, 1);
-        this._threeModelGroup.rotation.set(
+        threeModelGroup.scale.set(1, 1, 1);
+        threeModelGroup.rotation.set(
           (this._rotationX * Math.PI) / 180,
           (this._rotationY * Math.PI) / 180,
           (this._rotationZ * Math.PI) / 180
@@ -3212,8 +3323,8 @@ module.exports = {
         // Flip on Y because the Y axis is on the opposite side of direct basis.
         // It avoids models to be like a mirror refection.
         scaleMatrix.makeScale(scaleX, -scaleY, scaleZ);
-        this._threeModelGroup.updateMatrix();
-        this._threeModelGroup.applyMatrix4(scaleMatrix);
+        threeModelGroup.updateMatrix();
+        threeModelGroup.applyMatrix4(scaleMatrix);
 
         if (this._keepAspectRatio) {
           // Reduce the object dimensions to keep aspect ratio.
@@ -3280,7 +3391,7 @@ module.exports = {
           this._defaultDepth = this._originalDepth;
         }
 
-        this._threeObject.add(this._threeModelGroup);
+        this._threeObject.add(threeModelGroup);
       }
 
       updateThreeObject() {

package/dist/Runtime/Extensions/3D/Model3DRuntimeObject.js

@@ -1,2 +1,2 @@
-var gdjs;(function(n){const o=r=>{switch(r){case"ModelOrigin":return null;case"ObjectCenter":return[.5,.5,.5];case"BottomCenterZ":return[.5,.5,0];case"BottomCenterY":return[.5,1,.5];case"TopLeft":return[0,0,0];default:return null}};class s extends n.RuntimeObject3D{constructor(e,t){super(e,t);this._materialType=n.Model3DRuntimeObject.MaterialType.Basic;this._currentAnimationIndex=0;this._animationSpeedScale=1;this._animationPaused=!1;this._modelResourceName=t.content.modelResourceName,this._animations=t.content.animations,this._originPoint=o(t.content.originLocation),this._centerPoint=o(t.content.centerLocation),this._renderer=new n.Model3DRuntimeObjectRenderer(this,e),this._materialType=this._convertMaterialType(t.content.materialType),this.onModelChanged(t),this.onCreated()}onModelChanged(e){this._updateModel(e),this._animations.length>0&&this._renderer.playAnimation(this._animations[0].source,this._animations[0].loop)}updateFromObjectData(e,t){return super.updateFromObjectData(e,t),e.content.materialType!==t.content.materialType&&(this._materialType=this._convertMaterialType(t.content.materialType)),e.content.modelResourceName!==t.content.modelResourceName?this._reloadModel(t):(e.content.width!==t.content.width||e.content.height!==t.content.height||e.content.depth!==t.content.depth||e.content.rotationX!==t.content.rotationX||e.content.rotationY!==t.content.rotationY||e.content.rotationZ!==t.content.rotationZ||e.content.keepAspectRatio!==t.content.keepAspectRatio||e.content.materialType!==t.content.materialType)&&this._updateModel(t),e.content.originLocation!==t.content.originLocation&&(this._originPoint=o(t.content.originLocation)),e.content.centerLocation!==t.content.centerLocation&&(this._centerPoint=o(t.content.centerLocation)),!0}getNetworkSyncData(){return{...super.getNetworkSyncData(),mt:this._materialType,op:this._originPoint,cp:this._centerPoint,anis:this._animations,ai:this._currentAnimationIndex,ass:this._animationSpeedScale,ap:this._animationPaused}}updateFromNetworkSyncData(e){super.updateFromNetworkSyncData(e),e.mt!==void 0&&(this._materialType=e.mt),e.op!==void 0&&(this._originPoint=e.op),e.cp!==void 0&&(this._centerPoint=e.cp),e.anis!==void 0&&(this._animations=e.anis),e.ai!==void 0&&this.setAnimationIndex(e.ai),e.ass!==void 0&&this.setAnimationSpeedScale(e.ass),e.ap!==void 0&&e.ap!==this.isAnimationPaused()&&(e.ap?this.pauseAnimation():this.resumeAnimation())}_reloadModel(e){this._modelResourceName=e.content.modelResourceName,this._renderer._reloadModel(this,this._runtimeScene),this.onModelChanged(e)}_updateModel(e){const t=e.content.rotationX||0,a=e.content.rotationY||0,d=e.content.rotationZ||0,i=e.content.keepAspectRatio;this._renderer._updateModel(t,a,d,this._getOriginalWidth(),this._getOriginalHeight(),this._getOriginalDepth(),i)}getRenderer(){return this._renderer}_convertMaterialType(e){return e==="KeepOriginal"?n.Model3DRuntimeObject.MaterialType.KeepOriginal:e==="StandardWithoutMetalness"?n.Model3DRuntimeObject.MaterialType.StandardWithoutMetalness:n.Model3DRuntimeObject.MaterialType.Basic}update(e){const t=this.getElapsedTime()/1e3;this._renderer.updateAnimation(t*this._animationSpeedScale)}getAnimationIndex(){return this._currentAnimationIndex}setAnimationIndex(e){if(e=e|0,e<this._animations.length&&this._currentAnimationIndex!==e&&e>=0){const t=this._animations[e];this._currentAnimationIndex=e,this._renderer.playAnimation(t.source,t.loop),this._animationPaused&&this._renderer.pauseAnimation()}}getAnimationName(){return this._currentAnimationIndex>=this._animations.length?"":this._animations[this._currentAnimationIndex].name}setAnimationName(e){if(!e)return;const t=this._animations.findIndex(a=>a.name===e);t>=0&&this.setAnimationIndex(t)}isCurrentAnimationName(e){return this.getAnimationName()===e}hasAnimationEnded(){return this._renderer.hasAnimationEnded()}isAnimationPaused(){return this._animationPaused}pauseAnimation(){this._animationPaused=!0,this._renderer.pauseAnimation()}resumeAnimation(){this._animationPaused=!1,this._renderer.resumeAnimation()}getAnimationSpeedScale(){return this._animationSpeedScale}setAnimationSpeedScale(e){this._animationSpeedScale=e}getAnimationElapsedTime(){return this._renderer.getAnimationElapsedTime()}setAnimationElapsedTime(e){this._renderer.setAnimationElapsedTime(e),this._animationPaused||this._renderer.resumeAnimation()}getAnimationDuration(){return this._renderer.getAnimationDuration(this._animations[this._currentAnimationIndex].source)}getCenterX(){const e=this._renderer.getCenterPoint();return this.getWidth()*e[0]}getCenterY(){const e=this._renderer.getCenterPoint();return this.getHeight()*e[1]}getCenterZ(){const e=this._renderer.getCenterPoint();return this.getDepth()*e[2]}getDrawableX(){const e=this._renderer.getOriginPoint();return this.getX()-this.getWidth()*e[0]}getDrawableY(){const e=this._renderer.getOriginPoint();return this.getY()-this.getHeight()*e[1]}getDrawableZ(){const e=this._renderer.getOriginPoint();return this.getZ()-this.getDepth()*e[2]}}n.Model3DRuntimeObject=s,function(e){let r;(function(i){i[i.Basic=0]="Basic",i[i.StandardWithoutMetalness=1]="StandardWithoutMetalness",i[i.KeepOriginal=2]="KeepOriginal"})(r=e.MaterialType||(e.MaterialType={}))}(s=n.Model3DRuntimeObject||(n.Model3DRuntimeObject={})),n.registerObject("Scene3D::Model3DObject",n.Model3DRuntimeObject)})(gdjs||(gdjs={}));
+var gdjs;(function(n){const o=r=>{switch(r){case"ModelOrigin":return null;case"ObjectCenter":return[.5,.5,.5];case"BottomCenterZ":return[.5,.5,0];case"BottomCenterY":return[.5,1,.5];case"TopLeft":return[0,0,0];default:return null}};class a extends n.RuntimeObject3D{constructor(e,t){super(e,t);this._materialType=n.Model3DRuntimeObject.MaterialType.Basic;this._currentAnimationIndex=0;this._animationSpeedScale=1;this._animationPaused=!1;this._crossfadeDuration=0;this._modelResourceName=t.content.modelResourceName,this._animations=t.content.animations,this._originPoint=o(t.content.originLocation),this._centerPoint=o(t.content.centerLocation),this._renderer=new n.Model3DRuntimeObjectRenderer(this,e),this._materialType=this._convertMaterialType(t.content.materialType),this.onModelChanged(t),this._crossfadeDuration=t.content.crossfadeDuration||0,this.onCreated()}onModelChanged(e){this._updateModel(e),this._animations.length>0&&this._renderer.playAnimation(this._animations[0].source,this._animations[0].loop)}updateFromObjectData(e,t){return super.updateFromObjectData(e,t),e.content.materialType!==t.content.materialType&&(this._materialType=this._convertMaterialType(t.content.materialType)),e.content.modelResourceName!==t.content.modelResourceName?this._reloadModel(t):(e.content.width!==t.content.width||e.content.height!==t.content.height||e.content.depth!==t.content.depth||e.content.rotationX!==t.content.rotationX||e.content.rotationY!==t.content.rotationY||e.content.rotationZ!==t.content.rotationZ||e.content.keepAspectRatio!==t.content.keepAspectRatio||e.content.materialType!==t.content.materialType)&&this._updateModel(t),e.content.originLocation!==t.content.originLocation&&(this._originPoint=o(t.content.originLocation)),e.content.centerLocation!==t.content.centerLocation&&(this._centerPoint=o(t.content.centerLocation)),!0}getNetworkSyncData(){return{...super.getNetworkSyncData(),mt:this._materialType,op:this._originPoint,cp:this._centerPoint,anis:this._animations,ai:this._currentAnimationIndex,ass:this._animationSpeedScale,ap:this._animationPaused,cfd:this._crossfadeDuration}}updateFromNetworkSyncData(e){super.updateFromNetworkSyncData(e),e.mt!==void 0&&(this._materialType=e.mt),e.op!==void 0&&(this._originPoint=e.op),e.cp!==void 0&&(this._centerPoint=e.cp),e.anis!==void 0&&(this._animations=e.anis),e.ai!==void 0&&this.setAnimationIndex(e.ai),e.ass!==void 0&&this.setAnimationSpeedScale(e.ass),e.ap!==void 0&&e.ap!==this.isAnimationPaused()&&(e.ap?this.pauseAnimation():this.resumeAnimation()),e.cfd!==void 0&&(this._crossfadeDuration=e.cfd)}_reloadModel(e){this._modelResourceName=e.content.modelResourceName,this._renderer._reloadModel(this,this._runtimeScene),this.onModelChanged(e)}_updateModel(e){const t=e.content.rotationX||0,s=e.content.rotationY||0,d=e.content.rotationZ||0,i=e.content.keepAspectRatio;this._renderer._updateModel(t,s,d,this._getOriginalWidth(),this._getOriginalHeight(),this._getOriginalDepth(),i)}getRenderer(){return this._renderer}_convertMaterialType(e){return e==="KeepOriginal"?n.Model3DRuntimeObject.MaterialType.KeepOriginal:e==="StandardWithoutMetalness"?n.Model3DRuntimeObject.MaterialType.StandardWithoutMetalness:n.Model3DRuntimeObject.MaterialType.Basic}update(e){const t=this.getElapsedTime()/1e3;this._renderer.updateAnimation(t*this._animationSpeedScale)}getAnimationIndex(){return this._currentAnimationIndex}setAnimationIndex(e){if(e=e|0,e<this._animations.length&&this._currentAnimationIndex!==e&&e>=0){const t=this._animations[e];this._currentAnimationIndex=e,this._renderer.playAnimation(t.source,t.loop),this._animationPaused&&this._renderer.pauseAnimation()}}getAnimationName(){return this._currentAnimationIndex>=this._animations.length?"":this._animations[this._currentAnimationIndex].name}setAnimationName(e){if(!e)return;const t=this._animations.findIndex(s=>s.name===e);t>=0&&this.setAnimationIndex(t)}isCurrentAnimationName(e){return this.getAnimationName()===e}hasAnimationEnded(){return this._renderer.hasAnimationEnded()}setCrossfadeDuration(e){this._crossfadeDuration!==e&&(this._crossfadeDuration=e)}isAnimationPaused(){return this._animationPaused}pauseAnimation(){this._animationPaused=!0,this._renderer.pauseAnimation()}resumeAnimation(){this._animationPaused=!1,this._renderer.resumeAnimation()}getAnimationSpeedScale(){return this._animationSpeedScale}setAnimationSpeedScale(e){this._animationSpeedScale=e}getAnimationElapsedTime(){return this._renderer.getAnimationElapsedTime()}setAnimationElapsedTime(e){this._renderer.setAnimationElapsedTime(e),this._animationPaused||this._renderer.resumeAnimation()}getAnimationDuration(){return this._renderer.getAnimationDuration(this._animations[this._currentAnimationIndex].source)}getCenterX(){const e=this._renderer.getCenterPoint();return this.getWidth()*e[0]}getCenterY(){const e=this._renderer.getCenterPoint();return this.getHeight()*e[1]}getCenterZ(){const e=this._renderer.getCenterPoint();return this.getDepth()*e[2]}getDrawableX(){const e=this._renderer.getOriginPoint();return this.getX()-this.getWidth()*e[0]}getDrawableY(){const e=this._renderer.getOriginPoint();return this.getY()-this.getHeight()*e[1]}getDrawableZ(){const e=this._renderer.getOriginPoint();return this.getZ()-this.getDepth()*e[2]}}n.Model3DRuntimeObject=a,function(e){let r;(function(i){i[i.Basic=0]="Basic",i[i.StandardWithoutMetalness=1]="StandardWithoutMetalness",i[i.KeepOriginal=2]="KeepOriginal"})(r=e.MaterialType||(e.MaterialType={}))}(a=n.Model3DRuntimeObject||(n.Model3DRuntimeObject={})),n.registerObject("Scene3D::Model3DObject",n.Model3DRuntimeObject)})(gdjs||(gdjs={}));
 //# sourceMappingURL=Model3DRuntimeObject.js.map