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

package/dist/index.mjs

@@ -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
  */
 
 import * as THREE from 'three';
@@ -8410,7 +8410,8 @@ var seed$a = 1;
                         texture = Texture.create(engine, {
                             sourceType: TextureSourceType.image,
                             image: image,
-                            id: generateGUID()
+                            id: generateGUID(),
+                            flipY: true
                         });
                         texture.initialize();
                         return [
@@ -13479,6 +13480,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
@@ -13886,6 +13892,8 @@ var 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,
@@ -13909,6 +13917,39 @@ var 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);
         }
@@ -13962,9 +14003,13 @@ var 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;
@@ -14010,7 +14055,7 @@ var 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,
@@ -14023,12 +14068,9 @@ var 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([
@@ -14043,11 +14085,11 @@ var 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
         };
     };
@@ -14058,8 +14100,7 @@ var 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;
@@ -14150,6 +14191,7 @@ var 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));
         }
@@ -14161,8 +14203,8 @@ var 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;
@@ -14317,7 +14359,6 @@ var 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,
@@ -18434,11 +18475,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 = {};
@@ -27447,7 +27483,7 @@ registerPlugin("sprite", SpriteLoader, VFXItem, true);
 registerPlugin("particle", ParticleLoader, VFXItem, true);
 registerPlugin("cal", CalculateLoader, VFXItem, true);
 registerPlugin("interact", InteractLoader, 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;
@@ -29080,7 +29116,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 + ".");
 
 export { AbstractPlugin, ActivationPlayable, ActivationPlayableAsset, ActivationTrack, AnimationClip, AnimationClipPlayable, AssetLoader, AssetManager, BYTES_TYPE_MAP, Behaviour, BezierCurve, BezierCurvePath, BezierCurveQuat, BinaryAsset, COMPRESSED_TEXTURE, CONSTANT_MAP_BLEND, CONSTANT_MAP_DEPTH, CONSTANT_MAP_STENCIL_FUNC, CONSTANT_MAP_STENCIL_OP, COPY_FRAGMENT_SHADER, COPY_MESH_SHADER_ID, COPY_VERTEX_SHADER, CalculateLoader, Camera, CameraController, CameraVFXItemLoader, Component, Composition, CompositionComponent, CompositionSourceManager, DEFAULT_FONTS, Database, DestroyOptions, Downloader, EFFECTS_COPY_MESH_NAME, EVENT_TYPE_CLICK, EVENT_TYPE_TOUCH_END, EVENT_TYPE_TOUCH_MOVE, EVENT_TYPE_TOUCH_START, EffectComponent, EffectsObject, EffectsPackage, Engine, EventSystem, FilterMode, Float16ArrayWrapper, Framebuffer, GLSLVersion, GPUCapability, Geometry, GlobalUniforms, GradientValue, HELP_LINK, HitTestType, InteractComponent, InteractLoader, InteractMesh, Item, ItemBehaviour, KTXTexture, LineSegments, LinearValue, Material, MaterialDataBlock, MaterialRenderType, Mesh, ObjectBindingTrack, OrderType, PLAYER_OPTIONS_ENV_EDITOR, POST_PROCESS_SETTINGS, ParticleBehaviourPlayable, ParticleBehaviourPlayableAsset, ParticleLoader, ParticleMesh, ParticleSystem, ParticleSystemRenderer, PassTextureCache, PathSegments, PluginSystem, PostProcessVolume, RENDER_PASS_NAME_PREFIX, RENDER_PREFER_LOOKUP_TEXTURE, RUNTIME_ENV, RandomSetValue, RandomValue, RandomVectorValue, RenderFrame, RenderPass, RenderPassAttachmentStorageType, RenderPassDestroyAttachmentType, RenderPassPriorityNormal, RenderPassPriorityPostprocess, RenderPassPriorityPrepare, RenderTargetHandle, RenderTextureFormat, Renderbuffer, Renderer, RendererComponent, RuntimeClip, SEMANTIC_MAIN_PRE_COLOR_ATTACHMENT_0, SEMANTIC_MAIN_PRE_COLOR_ATTACHMENT_SIZE_0, SEMANTIC_PRE_COLOR_ATTACHMENT_0, SEMANTIC_PRE_COLOR_ATTACHMENT_SIZE_0, SPRITE_VERTEX_STRIDE, SemanticMap, SerializationHelper, Shader, ShaderCompileResultStatus, ShaderType, ShaderVariant, SpriteColorPlayable, SpriteColorPlayableAsset, SpriteColorTrack, SpriteComponent, SpriteLoader, StaticValue, SubCompositionPlayableAsset, SubCompositionTrack, TEMPLATE_USE_OFFSCREEN_CANVAS, TEXTURE_UNIFORM_MAP, TextComponent, TextComponentBase, TextLayout, TextLoader, TextStyle, Texture, TextureFactory, TextureLoadAction, TextureSourceType, TextureStoreAction, ThreeComposition, ThreeDisplayObject, ThreeEngine, ThreeMaterial, ThreeSpriteComponent, ThreeTextComponent, ThreeTexture, Ticker, TimelineAsset, TimelineClip, TimelinePlayable, TrackAsset, TrackSortWrapper, TrackType, Transform, TransformAnimationPlayable, TransformPlayableAsset, TransformTrack, VFXItem, ValueGetter, addByOrder, addItem, addItemWithOrder, applyMixins, assertExist, asserts, base64ToFile, blend, calculateTranslation, canvasPool, colorGradingFrag, colorStopsFromGradient, colorToArr$1 as colorToArr, combineImageTemplate, compatible_frag as compatibleFrag, compatible_vert as compatibleVert, createCopyShader, createGLContext, createKeyFrameMeta, createShaderWithMacros, createShape, createValueGetter, decimalEqual, defaultGlobalVolume, defaultPlugins, deserializeMipmapTexture, earcut, effectsClass, effectsClassStore, enlargeBuffer, ensureFixedNumber, ensureVec3, findPreviousRenderPass, gaussianDown_frag as gaussianDownFrag, gaussianDownHFrag, gaussianDownVFrag, gaussianUpFrag, generateEmptyTypedArray, generateGUID, generateHalfFloatTexture, generateTransparentTexture, generateWhiteTexture, getBackgroundImage, getColorFromGradientStops, getConfig, getDefaultTemplateCanvasPool, getDefaultTextureFactory, getGeometryByShape, getGeometryTriangles, getImageItemRenderInfo, getKTXTextureOptions, getKeyFrameMetaByRawValue, getMergedStore, getParticleMeshShader, getPixelRatio, getPreMultiAlpha, getStandardComposition, getStandardImage, getStandardItem, getStandardJSON, getTextureSize, glContext, glType2VertexFormatType, gpuTimer, imageDataFromColor, imageDataFromGradient, initErrors, initGLContext, integrate, interpolateColor, isAlipayMiniApp, isAndroid, isArray, isCanvas, isFunction, isIOS, isIOSByUA, isMiniProgram, isObject, isSceneJSON, isSceneURL, isSceneWithOptions, isSimulatorCellPhone, isString, isUniformStruct, isUniformStructArray, isValidFontFamily, isWebGL2, isWechatMiniApp, itemFrag, itemFrameFrag, itemVert, loadAVIFOptional, loadBinary, loadBlob, loadImage, loadMedia, loadVideo, loadWebPOptional, logger, index as math, maxSpriteMeshItemCount, modifyMaxKeyframeShader, nearestPowerOfTwo, noop, normalizeColor, numberToFix, parsePercent$1 as parsePercent, particleFrag, particleOriginTranslateMap$1 as particleOriginTranslateMap, particleUniformTypeMap, particleVert, pluginLoaderMap, pointOnLine, randomInRange, registerPlugin, removeItem, rotateVec2, screenMeshVert, serialize, setBlendMode, setConfig, setDefaultTextureFactory, setMaskMode, setMaxSpriteMeshItemCount, setRayFromCamera, setSideMode, setSpriteMeshMaxItemCountByGPU, setUniformValue, sortByOrder, index$1 as spec, spriteMeshShaderFromFilter, spriteMeshShaderFromRenderInfo, spriteMeshShaderIdFromRenderInfo, thresholdFrag, throwDestroyedError, trailVert, translatePoint, trianglesFromRect, unregisterPlugin, valIfUndefined, value, valueDefine, vecAssign, vecFill, vecMulCombine, vecNormalize, version, vertexFormatType2GLType };