@galacean/effects-threejs 2.0.0-alpha.30 → 2.0.0-alpha.31

package/dist/index.js

@@ -3,7 +3,7 @@
  * Description: Galacean Effects runtime threejs plugin for the web
  * Author: Ant Group CO., Ltd.
  * Contributors: 燃然,飂兮,十弦,云垣,茂安,意绮
- * Version: v2.0.0-alpha.30
+ * Version: v2.0.0-alpha.31
  */
 
 'use strict';
@@ -8434,7 +8434,8 @@ var seed$a = 1;
                         texture = Texture.create(engine, {
                             sourceType: exports.TextureSourceType.image,
                             image: image,
-                            id: generateGUID()
+                            id: generateGUID(),
+                            flipY: true
                         });
                         texture.initialize();
                         return [
@@ -13503,6 +13504,11 @@ var SpriteLoader = /*#__PURE__*/ function(AbstractPlugin) {
     return SpriteLoader;
 }(AbstractPlugin);
 
+function _assert_this_initialized(self) {
+    if (self === void 0) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
+    return self;
+}
+
 /**
  * 动画图，负责更新所有的动画节点
  * @since 2.0.0
@@ -13910,6 +13916,8 @@ exports.SpriteComponent = /*#__PURE__*/ function(RendererComponent) {
     function SpriteComponent(engine, props) {
         var _this;
         _this = RendererComponent.call(this, engine) || this;
+        _this.cachePrefix = "-";
+        _this.frameAnimationLoop = false;
         _this.frameAnimationTime = 0;
         _this.color = [
             1,
@@ -13933,6 +13941,39 @@ exports.SpriteComponent = /*#__PURE__*/ function(RendererComponent) {
                 }
             }
         };
+        _this.name = "MSprite" + seed$4++;
+        _this.renderer = {
+            renderMode: RenderMode.BILLBOARD,
+            blending: BlendingMode.ALPHA,
+            texture: _this.engine.emptyTexture,
+            occlusion: false,
+            transparentOcclusion: false,
+            side: SideMode.DOUBLE,
+            mask: 0,
+            maskMode: MaskMode.NONE,
+            order: 0
+        };
+        _this.emptyTexture = _this.engine.emptyTexture;
+        _this.splits = singleSplits;
+        _this.renderInfo = getImageItemRenderInfo(_assert_this_initialized(_this));
+        var geometry = _this.createGeometry(glContext.TRIANGLES);
+        var material = _this.createMaterial(_this.renderInfo, 2);
+        _this.worldMatrix = Matrix4.fromIdentity();
+        _this.material = material;
+        _this.geometry = geometry;
+        _this.material.setVector4("_Color", new Vector4().setFromArray([
+            1,
+            1,
+            1,
+            1
+        ]));
+        _this.material.setVector4("_TexOffset", new Vector4().setFromArray([
+            0,
+            0,
+            1,
+            1
+        ]));
+        _this.setItem();
         if (props) {
             _this.fromData(props);
         }
@@ -13986,9 +14027,13 @@ exports.SpriteComponent = /*#__PURE__*/ function(RendererComponent) {
         this.frameAnimationTime += dt / 1000;
         var time = this.frameAnimationTime;
         var duration = this.item.duration;
+        if (time > duration && this.frameAnimationLoop) {
+            time = time % duration;
+        }
         var life = Math.min(Math.max(time / duration, 0.0), 1.0);
         var ta = this.textureSheetAnimation;
         if (ta) {
+            var _this_material_getVector4;
             var total = ta.total || ta.row * ta.col;
             var texRectX = 0;
             var texRectY = 0;
@@ -14034,7 +14079,7 @@ exports.SpriteComponent = /*#__PURE__*/ function(RendererComponent) {
                     dy
                 ];
             }
-            this.material.getVector4("_TexOffset").setFromArray([
+            (_this_material_getVector4 = this.material.getVector4("_TexOffset")) == null ? void 0 : _this_material_getVector4.setFromArray([
                 texRectX + texOffset[0],
                 texRectH + texRectY - texOffset[1],
                 dx,
@@ -14047,12 +14092,9 @@ exports.SpriteComponent = /*#__PURE__*/ function(RendererComponent) {
             this.item.composition.destroyTextures(this.getTextures());
         }
     };
-    _proto.getItemInitData = function getItemInitData(item, idx, pointStartIndex, textureIndex) {
-        var geoData = item.geoData;
-        if (!geoData) {
-            geoData = item.geoData = this.getItemGeometryData(item, idx);
-        }
-        var index = geoData.index;
+    _proto.getItemInitData = function getItemInitData() {
+        this.geoData = this.getItemGeometryData();
+        var _this_geoData = this.geoData, index = _this_geoData.index, atlasOffset = _this_geoData.atlasOffset;
         var idxCount = index.length;
         // @ts-expect-error
         var indexData = this.wireframe ? new Uint8Array([
@@ -14067,11 +14109,11 @@ exports.SpriteComponent = /*#__PURE__*/ function(RendererComponent) {
         ]) : new index.constructor(idxCount);
         if (!this.wireframe) {
             for(var i = 0; i < idxCount; i++){
-                indexData[i] = pointStartIndex + index[i];
+                indexData[i] = 0 + index[i];
             }
         }
         return {
-            atlasOffset: geoData.atlasOffset,
+            atlasOffset: atlasOffset,
             index: indexData
         };
     };
@@ -14082,8 +14124,7 @@ exports.SpriteComponent = /*#__PURE__*/ function(RendererComponent) {
             addItem(textures, texture);
         }
         texture = this.renderer.texture;
-        var textureIndex = texture ? textures.indexOf(texture) : -1;
-        var data = this.getItemInitData(this, 0, 0, textureIndex);
+        var data = this.getItemInitData();
         var renderer = this.renderer;
         var texParams = this.material.getVector4("_TexParams");
         texParams.x = renderer.occlusion ? +renderer.transparentOcclusion : 1;
@@ -14174,6 +14215,7 @@ exports.SpriteComponent = /*#__PURE__*/ function(RendererComponent) {
         setBlendMode(material, states.blendMode);
         setMaskMode(material, states.maskMode);
         setSideMode(material, states.side);
+        material.shader.shaderData.properties = 'uSampler0("uSampler0",2D) = "white" {}';
         if (!material.hasUniform("_Color")) {
             material.setVector4("_Color", new Vector4(0, 0, 0, 1));
         }
@@ -14185,8 +14227,8 @@ exports.SpriteComponent = /*#__PURE__*/ function(RendererComponent) {
         }
         return material;
     };
-    _proto.getItemGeometryData = function getItemGeometryData(item, aIndex) {
-        var splits = item.splits, renderer = item.renderer, textureSheetAnimation = item.textureSheetAnimation;
+    _proto.getItemGeometryData = function getItemGeometryData() {
+        var _this = this, splits = _this.splits, renderer = _this.renderer, textureSheetAnimation = _this.textureSheetAnimation;
         var sx = 1, sy = 1;
         if (renderer.shape) {
             var _renderer_shape = renderer.shape, _renderer_shape_index = _renderer_shape.index, index = _renderer_shape_index === void 0 ? [] : _renderer_shape_index, _renderer_shape_aPoint = _renderer_shape.aPoint, aPoint = _renderer_shape_aPoint === void 0 ? [] : _renderer_shape_aPoint;
@@ -14341,7 +14383,6 @@ exports.SpriteComponent = /*#__PURE__*/ function(RendererComponent) {
         this.worldMatrix = Matrix4.fromIdentity();
         this.material = material;
         this.geometry = geometry;
-        this.name = "MSprite" + seed$4++;
         var startColor = options.startColor || [
             1,
             1,
@@ -18458,11 +18499,6 @@ var CalculateLoader = /*#__PURE__*/ function(AbstractPlugin) {
     return CalculateLoader;
 }(AbstractPlugin);
 
-function _assert_this_initialized(self) {
-    if (self === void 0) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
-    return self;
-}
-
 var AnimationStream = /*#__PURE__*/ function() {
     function AnimationStream(playable) {
         this.curveValues = {};
@@ -27471,7 +27507,7 @@ registerPlugin("sprite", SpriteLoader, exports.VFXItem, true);
 registerPlugin("particle", ParticleLoader, exports.VFXItem, true);
 registerPlugin("cal", CalculateLoader, exports.VFXItem, true);
 registerPlugin("interact", InteractLoader, exports.VFXItem, true);
-var version$1 = "2.0.0-alpha.30";
+var version$1 = "2.0.0-alpha.31";
 logger.info("Core version: " + version$1 + ".");
 
 var _obj;
@@ -29104,7 +29140,7 @@ setMaxSpriteMeshItemCount(8);
  */ Mesh.create = function(engine, props) {
     return new ThreeMesh(engine, props);
 };
-var version = "2.0.0-alpha.30";
+var version = "2.0.0-alpha.31";
 logger.info("THREEJS plugin version: " + version + ".");
 
 exports.AbstractPlugin = AbstractPlugin;