@galacean/effects-threejs 0.0.1-alpha.2 → 1.0.0

package/README.md

@@ -1,21 +1,21 @@
-# Galacean Effects 的 THREE.JS 插件
+# Galacean Effects THREE.JS Plugin
 
-使用此插件，可以在 THREE.JS 环境下加载并渲染 Galacean Effects 动效。
+With this plugin, you can load and render Galacean Effects animations within the THREE.JS environment.
 
-## 版本说明
+## Version Information
 
 - Three.js ![](https://img.shields.io/badge/npm-0.149.0-green.svg?style=flat-square)
 
-## 使用步骤
+## Usage
 
-### 1、THREE.JS 场景初始化
+### 1、THREE.JS Scene Initialization
 
-在 THREE.JS 中实现 Galacean Effects 首先要创建一个 THREE.JS 场景：
+o implement Galacean Effects in THREE.JS, you need to first create a THREE.JS scene:
 
 ``` ts
 import * as THREE from 'three';
 
-// 创建一个 renderer
+// Create a renderer
 const renderer = new THREE.WebGLRenderer({
   alpha: true,
   stencil: true,
@@ -23,11 +23,11 @@ const renderer = new THREE.WebGLRenderer({
   depth: true,
   premultipliedAlpha: true,
 });
-// 创建一个场景
+// Create a scene
 const scene = new THREE.Scene();
 const container = document.getElementById('J-container');
 const { width, height } = container.getBoundingClientRect();
-// 创建一个相机
+// Create a camera
 const camera = new THREE.PerspectiveCamera(80, width / height, 0.1, 1000);
 
 camera.position.set(0, 0, 8);
@@ -39,26 +39,26 @@ renderer.setSize(width, height);
 container.appendChild(renderer.domElement);
 ```
 
-### 2、ThreeDisplayObject 实例化和资源加载
+### 2、ThreeDisplayObject Instantiation and Resource Loading
 
 ``` ts
 import { ThreeDisplayObject } from '@galacean/effects-threejs';
 
 const displayObject = new ThreeDisplayObject(renderer.getContext(), { width, height });
-// 加载 Galacean Effects 产物
+// Load Galacean Effects output
 await displayObject.loadScene('./xxx.json');
-// 将绘制对象添加到 THREE 的 scene 中
+// Add the rendering object to the THREE scene
 scene.add(displayObject);
 ```
 
-### 3、执行 THREE.JS 渲染
+### 3、Perform THREE.JS Renderingts
 
 ``` ts
 const { currentComposition } = displayObject;
 let lastTime = performance.now();
 
 function render () {
-  // 判断当前合成是否被销毁
+  // Check if the current composition has been destroyed
   if (!currentComposition.isDestroyed) {
     displayObject.update(performance.now() - lastTime);
   }
@@ -72,6 +72,4 @@ function render () {
 render();
 ```
 
-## API 文档
-
-[Galacean Effects THREE.JS API 文档](https://galacean.antgroup.com/effects/#/api/modules_galacean_effects_threejs)
+## [API Documentation](https://galacean.antgroup.com/effects/#/api/modules_galacean_effects_threejs)

package/dist/index.js

@@ -3,7 +3,7 @@
  * Description: Galacean Effects runtime threejs plugin for the web
  * Author: Ant Group CO., Ltd.
  * Contributors: 燃然,飂兮,十弦,云垣,茂安,意绮
- * Version: v0.0.1-alpha.2
+ * Version: v1.0.0
  */
 
 'use strict';
@@ -15282,7 +15282,7 @@ var SpriteGroup = /** @class */ (function () {
         for (var i = startIndex; i <= endIndex; i++) {
             var item = items[i];
             // 不可见的元素跳过 不参与合并
-            if (!init && (!item.contentVisible || item.lifetime < 0)) {
+            if (!init && (!item.started || item.lifetime < 0)) {
                 continue;
             }
             if (!isSprite(item)) {
@@ -19487,6 +19487,10 @@ var CalculateVFXItem = /** @class */ (function (_super) {
     CalculateVFXItem.prototype.setScale = function (x, y, z) {
         this.content.startSize = [x, y, z];
     };
+    CalculateVFXItem.prototype.scale = function (x, y, z) {
+        var startSize = this.content.startSize.slice();
+        this.content.startSize = [x * startSize[0], y * startSize[1], z * startSize[2]];
+    };
     CalculateVFXItem.prototype.getHitTestParams = function (force) {
     };
     CalculateVFXItem.prototype.getRenderData = function () {
@@ -25227,12 +25231,6 @@ var Composition = /** @class */ (function () {
         enumerable: false,
         configurable: true
     });
-    /**
-     * 获取合成的时长
-     */
-    Composition.prototype.getDuration = function () {
-        return this.content.duration;
-    };
     Object.defineProperty(Composition.prototype, "isDestroyed", {
         /**
          * 获取销毁状态
@@ -25243,6 +25241,12 @@ var Composition = /** @class */ (function () {
         enumerable: false,
         configurable: true
     });
+    /**
+     * 获取合成的时长
+     */
+    Composition.prototype.getDuration = function () {
+        return this.content.duration;
+    };
     /**
      * 重新开始合成
      */
@@ -27550,9 +27554,9 @@ Geometry.create = function (engine, options) {
 Mesh.create = function (engine, props) {
     return new ThreeMesh(engine, props);
 };
-var version = "0.0.1-alpha.2";
+var version = "1.0.0";
 console.info({
-    content: '[Galacean Effects THREEJS] version: ' + "0.0.1-alpha.2",
+    content: '[Galacean Effects THREEJS] version: ' + "1.0.0",
     type: LOG_TYPE,
 });