@visactor/vrender 0.22.5-alpha.1 → 0.22.5

package/cjs/index.d.ts

@@ -1,4 +1,4 @@
 import '@visactor/vrender-core';
-export declare const version = "0.22.5-alpha.1";
+export declare const version = "0.22.5";
 export * from '@visactor/vrender-core';
 export * from '@visactor/vrender-kits';

package/cjs/index.js

@@ -21,17 +21,16 @@ Object.defineProperty(exports, "__esModule", {
 
 const vrender_core_1 = require("@visactor/vrender-core"), vrender_kits_1 = require("@visactor/vrender-kits"), vrender_kits_2 = require("@visactor/vrender-kits");
 
-exports.version = "0.22.5-alpha.1", (0, vrender_core_1.preLoadAllModule)(), (0, 
-vrender_core_1.isBrowserEnv)() ? (0, vrender_kits_1.loadBrowserEnv)(vrender_core_1.container) : (0, 
-vrender_core_1.isNodeEnv)() && (0, vrender_kits_1.loadNodeEnv)(vrender_core_1.container), 
-(0, vrender_kits_2.registerArc)(), (0, vrender_kits_2.registerArc3d)(), (0, vrender_kits_2.registerArea)(), 
-(0, vrender_kits_2.registerCircle)(), (0, vrender_kits_2.registerGlyph)(), (0, vrender_kits_2.registerGroup)(), 
-(0, vrender_kits_2.registerImage)(), (0, vrender_kits_2.registerLine)(), (0, vrender_kits_2.registerPath)(), 
-(0, vrender_kits_2.registerPolygon)(), (0, vrender_kits_2.registerPyramid3d)(), 
-(0, vrender_kits_2.registerRect)(), (0, vrender_kits_2.registerRect3d)(), (0, vrender_kits_2.registerRichtext)(), 
-(0, vrender_kits_2.registerShadowRoot)(), (0, vrender_kits_2.registerSymbol)(), 
-(0, vrender_kits_2.registerText)(), (0, vrender_kits_2.registerWrapText)(), (0, 
-vrender_core_1.registerFlexLayoutPlugin)(), (0, vrender_core_1.registerViewTransform3dPlugin)(), 
+exports.version = "0.22.5", (0, vrender_core_1.preLoadAllModule)(), (0, vrender_core_1.isBrowserEnv)() ? (0, 
+vrender_kits_1.loadBrowserEnv)(vrender_core_1.container) : (0, vrender_core_1.isNodeEnv)() && (0, 
+vrender_kits_1.loadNodeEnv)(vrender_core_1.container), (0, vrender_kits_2.registerArc)(), 
+(0, vrender_kits_2.registerArc3d)(), (0, vrender_kits_2.registerArea)(), (0, vrender_kits_2.registerCircle)(), 
+(0, vrender_kits_2.registerGlyph)(), (0, vrender_kits_2.registerGroup)(), (0, vrender_kits_2.registerImage)(), 
+(0, vrender_kits_2.registerLine)(), (0, vrender_kits_2.registerPath)(), (0, vrender_kits_2.registerPolygon)(), 
+(0, vrender_kits_2.registerPyramid3d)(), (0, vrender_kits_2.registerRect)(), (0, 
+vrender_kits_2.registerRect3d)(), (0, vrender_kits_2.registerRichtext)(), (0, vrender_kits_2.registerShadowRoot)(), 
+(0, vrender_kits_2.registerSymbol)(), (0, vrender_kits_2.registerText)(), (0, vrender_kits_2.registerWrapText)(), 
+(0, vrender_core_1.registerFlexLayoutPlugin)(), (0, vrender_core_1.registerViewTransform3dPlugin)(), 
 (0, vrender_core_1.registerHtmlAttributePlugin)(), (0, vrender_core_1.registerReactAttributePlugin)(), 
 (0, vrender_core_1.registerDirectionalLight)(), (0, vrender_core_1.registerOrthoCamera)(), 
 __exportStar(require("@visactor/vrender-core"), exports), __exportStar(require("@visactor/vrender-kits"), exports);

package/cjs/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,kCAAgC;AAChC,yDAWgC;AAChC,yDAAqE;AACrE,yDAmBgC;AAEnB,QAAA,OAAO,GAAG,gBAAgB,CAAC;AAExC,IAAA,+BAAgB,GAAE,CAAC;AAEnB,IAAI,IAAA,2BAAY,GAAE,EAAE;IAClB,IAAA,6BAAc,EAAC,wBAAS,CAAC,CAAC;CAC3B;KAAM,IAAI,IAAA,wBAAS,GAAE,EAAE;IACtB,IAAA,0BAAW,EAAC,wBAAS,CAAC,CAAC;CACxB;AACD,IAAA,0BAAW,GAAE,CAAC;AACd,IAAA,4BAAa,GAAE,CAAC;AAChB,IAAA,2BAAY,GAAE,CAAC;AACf,IAAA,6BAAc,GAAE,CAAC;AACjB,IAAA,4BAAa,GAAE,CAAC;AAChB,IAAA,4BAAa,GAAE,CAAC;AAChB,IAAA,4BAAa,GAAE,CAAC;AAChB,IAAA,2BAAY,GAAE,CAAC;AACf,IAAA,2BAAY,GAAE,CAAC;AACf,IAAA,8BAAe,GAAE,CAAC;AAClB,IAAA,gCAAiB,GAAE,CAAC;AACpB,IAAA,2BAAY,GAAE,CAAC;AACf,IAAA,6BAAc,GAAE,CAAC;AACjB,IAAA,+BAAgB,GAAE,CAAC;AACnB,IAAA,iCAAkB,GAAE,CAAC;AACrB,IAAA,6BAAc,GAAE,CAAC;AACjB,IAAA,2BAAY,GAAE,CAAC;AACf,IAAA,+BAAgB,GAAE,CAAC;AAEnB,IAAA,uCAAwB,GAAE,CAAC;AAC3B,IAAA,4CAA6B,GAAE,CAAC;AAChC,IAAA,0CAA2B,GAAE,CAAC;AAC9B,IAAA,2CAA4B,GAAE,CAAC;AAC/B,IAAA,uCAAwB,GAAE,CAAC;AAC3B,IAAA,kCAAmB,GAAE,CAAC;AACtB,yDAAuC;AACvC,yDAAuC","file":"index.js","sourcesContent":["import '@visactor/vrender-core';\nimport {\n  container,\n  isBrowserEnv,\n  isNodeEnv,\n  preLoadAllModule,\n  registerFlexLayoutPlugin,\n  registerViewTransform3dPlugin,\n  registerHtmlAttributePlugin,\n  registerReactAttributePlugin,\n  registerDirectionalLight,\n  registerOrthoCamera\n} from '@visactor/vrender-core';\nimport { loadBrowserEnv, loadNodeEnv } from '@visactor/vrender-kits';\nimport {\n  registerArc,\n  registerArc3d,\n  registerArea,\n  registerCircle,\n  registerGlyph,\n  registerGroup,\n  registerImage,\n  registerLine,\n  registerPath,\n  registerPolygon,\n  registerPyramid3d,\n  registerRect,\n  registerRect3d,\n  registerRichtext,\n  registerShadowRoot,\n  registerSymbol,\n  registerText,\n  registerWrapText\n} from '@visactor/vrender-kits';\n// 导出版本号\nexport const version = \"0.22.5-alpha.1\";\n\npreLoadAllModule();\n\nif (isBrowserEnv()) {\n  loadBrowserEnv(container);\n} else if (isNodeEnv()) {\n  loadNodeEnv(container);\n}\nregisterArc();\nregisterArc3d();\nregisterArea();\nregisterCircle();\nregisterGlyph();\nregisterGroup();\nregisterImage();\nregisterLine();\nregisterPath();\nregisterPolygon();\nregisterPyramid3d();\nregisterRect();\nregisterRect3d();\nregisterRichtext();\nregisterShadowRoot();\nregisterSymbol();\nregisterText();\nregisterWrapText();\n\nregisterFlexLayoutPlugin();\nregisterViewTransform3dPlugin();\nregisterHtmlAttributePlugin();\nregisterReactAttributePlugin();\nregisterDirectionalLight();\nregisterOrthoCamera();\nexport * from '@visactor/vrender-core';\nexport * from '@visactor/vrender-kits';\n"]}
+{"version":3,"sources":["../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,kCAAgC;AAChC,yDAWgC;AAChC,yDAAqE;AACrE,yDAmBgC;AAEnB,QAAA,OAAO,GAAG,QAAQ,CAAC;AAEhC,IAAA,+BAAgB,GAAE,CAAC;AAEnB,IAAI,IAAA,2BAAY,GAAE,EAAE;IAClB,IAAA,6BAAc,EAAC,wBAAS,CAAC,CAAC;CAC3B;KAAM,IAAI,IAAA,wBAAS,GAAE,EAAE;IACtB,IAAA,0BAAW,EAAC,wBAAS,CAAC,CAAC;CACxB;AACD,IAAA,0BAAW,GAAE,CAAC;AACd,IAAA,4BAAa,GAAE,CAAC;AAChB,IAAA,2BAAY,GAAE,CAAC;AACf,IAAA,6BAAc,GAAE,CAAC;AACjB,IAAA,4BAAa,GAAE,CAAC;AAChB,IAAA,4BAAa,GAAE,CAAC;AAChB,IAAA,4BAAa,GAAE,CAAC;AAChB,IAAA,2BAAY,GAAE,CAAC;AACf,IAAA,2BAAY,GAAE,CAAC;AACf,IAAA,8BAAe,GAAE,CAAC;AAClB,IAAA,gCAAiB,GAAE,CAAC;AACpB,IAAA,2BAAY,GAAE,CAAC;AACf,IAAA,6BAAc,GAAE,CAAC;AACjB,IAAA,+BAAgB,GAAE,CAAC;AACnB,IAAA,iCAAkB,GAAE,CAAC;AACrB,IAAA,6BAAc,GAAE,CAAC;AACjB,IAAA,2BAAY,GAAE,CAAC;AACf,IAAA,+BAAgB,GAAE,CAAC;AAEnB,IAAA,uCAAwB,GAAE,CAAC;AAC3B,IAAA,4CAA6B,GAAE,CAAC;AAChC,IAAA,0CAA2B,GAAE,CAAC;AAC9B,IAAA,2CAA4B,GAAE,CAAC;AAC/B,IAAA,uCAAwB,GAAE,CAAC;AAC3B,IAAA,kCAAmB,GAAE,CAAC;AACtB,yDAAuC;AACvC,yDAAuC","file":"index.js","sourcesContent":["import '@visactor/vrender-core';\nimport {\n  container,\n  isBrowserEnv,\n  isNodeEnv,\n  preLoadAllModule,\n  registerFlexLayoutPlugin,\n  registerViewTransform3dPlugin,\n  registerHtmlAttributePlugin,\n  registerReactAttributePlugin,\n  registerDirectionalLight,\n  registerOrthoCamera\n} from '@visactor/vrender-core';\nimport { loadBrowserEnv, loadNodeEnv } from '@visactor/vrender-kits';\nimport {\n  registerArc,\n  registerArc3d,\n  registerArea,\n  registerCircle,\n  registerGlyph,\n  registerGroup,\n  registerImage,\n  registerLine,\n  registerPath,\n  registerPolygon,\n  registerPyramid3d,\n  registerRect,\n  registerRect3d,\n  registerRichtext,\n  registerShadowRoot,\n  registerSymbol,\n  registerText,\n  registerWrapText\n} from '@visactor/vrender-kits';\n// 导出版本号\nexport const version = \"0.22.5\";\n\npreLoadAllModule();\n\nif (isBrowserEnv()) {\n  loadBrowserEnv(container);\n} else if (isNodeEnv()) {\n  loadNodeEnv(container);\n}\nregisterArc();\nregisterArc3d();\nregisterArea();\nregisterCircle();\nregisterGlyph();\nregisterGroup();\nregisterImage();\nregisterLine();\nregisterPath();\nregisterPolygon();\nregisterPyramid3d();\nregisterRect();\nregisterRect3d();\nregisterRichtext();\nregisterShadowRoot();\nregisterSymbol();\nregisterText();\nregisterWrapText();\n\nregisterFlexLayoutPlugin();\nregisterViewTransform3dPlugin();\nregisterHtmlAttributePlugin();\nregisterReactAttributePlugin();\nregisterDirectionalLight();\nregisterOrthoCamera();\nexport * from '@visactor/vrender-core';\nexport * from '@visactor/vrender-kits';\n"]}

package/dist/index.es.js

@@ -27125,7 +27125,6 @@ var __decorate$H = undefined && undefined.__decorate || function (decorators, ta
 function makeUpCanvas$4(domref, canvasIdLists, canvasMap, freeCanvasIdx, freeCanvasList, pixelRatio) {
   const dpr = null != pixelRatio ? pixelRatio : tt.getSystemInfoSync().pixelRatio;
   canvasIdLists.forEach((id, i) => {
-    if (canvasMap.has(id)) return;
     const ctx = tt.createCanvasContext(id),
       canvas = new CanvasWrapDisableWH(ctx.canvas || {}, ctx, dpr, domref.width, domref.height, id);
     ctx.canvas = canvas, canvasMap.set(id, canvas), i >= freeCanvasIdx && freeCanvasList.push(canvas);
@@ -28471,12 +28470,12 @@ var __decorate$r = undefined && undefined.__decorate || function (decorators, ta
       step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
   };
-function makeUpCanvas$1(domref, canvasIdLists, canvasMap, freeCanvasIdx, freeCanvasList, component) {
+function makeUpCanvas$1(domref, canvasIdLists, canvasMap, freeCanvasIdx, freeCanvasList, component, forceUpdate) {
   return __awaiter$1(this, void 0, void 0, function* () {
     const dpr = wx.getSystemInfoSync().pixelRatio;
     for (let i = 0; i < canvasIdLists.length; i++) {
       const id = canvasIdLists[i];
-      canvasMap.has(id) || (yield new Promise(resolve => {
+      !forceUpdate && canvasMap.has(id) || (yield new Promise(resolve => {
         let data = wx.createSelectorQuery();
         component && (data = data.in(component)), data.select(`#${id}`).fields({
           node: !0,
@@ -28503,7 +28502,7 @@ let WxEnvContribution = class extends BaseEnvContribution {
     this.applyStyles = !0;
   }
   configure(service, params) {
-    if (service.env === this.type) return service.setActiveEnvContribution(this), makeUpCanvas$1(params.domref, params.canvasIdLists, this.canvasMap, params.freeCanvasIdx, this.freeCanvasList, params.component).then(() => {});
+    if (service.env === this.type) return service.setActiveEnvContribution(this), makeUpCanvas$1(params.domref, params.canvasIdLists, this.canvasMap, params.freeCanvasIdx, this.freeCanvasList, params.component, params.forceUpdate).then(() => {});
   }
   loadImage(url) {
     return Promise.resolve({
@@ -28809,7 +28808,7 @@ function makeUpCanvas(domref, canvasIdLists, canvasMap, freeCanvasIdx, freeCanva
     const dpr = tt.getSystemInfoSync().pixelRatio;
     for (let i = 0; i < canvasIdLists.length; i++) {
       const id = canvasIdLists[i];
-      canvasMap.has(id) || (yield new Promise(resolve => {
+      yield new Promise(resolve => {
         let data = tt.createSelectorQuery();
         component && (data = data.in(component)), data.select(`#${id}`).node().exec(res => {
           const canvas = res[0].node,
@@ -28817,7 +28816,7 @@ function makeUpCanvas(domref, canvasIdLists, canvasMap, freeCanvasIdx, freeCanva
             height = canvas.height;
           canvas.width = width * dpr, canvas.height = height * dpr, canvasMap.set(id, canvas), i >= freeCanvasIdx && freeCanvasList.push(canvas), resolve(null);
         });
-      }));
+      });
     }
   });
 }
@@ -31448,11 +31447,15 @@ function _registerWrapText() {
 _registerWrapText.__loaded = !1;
 const registerWrapText = _registerWrapText;
 
+function pseudoRandom(n) {
+  let seed = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
+  let hash = 3735928559 ^ seed;
+  return hash = (2654435769 ^ hash) + (hash << 6) + (hash >> 2), hash = 3432918353 * (hash ^ n), hash = hash << 15 | hash >>> 17, hash ^= hash << 25, hash += hash << 9, hash ^= hash >> 4, hash ^= hash << 18, hash |= 1, (hash >>> 0) % 2147483647 / 2147483647;
+}
 function randomOpacity(ctx, row, column, rowCount, columnCount, ratio, graphic) {
   let minRatio = arguments.length > 7 && arguments[7] !== undefined ? arguments[7] : 0;
   let amplitude = arguments.length > 8 && arguments[8] !== undefined ? arguments[8] : 1;
-  graphic.dynamicTextureCache || (graphic.dynamicTextureCache = new Array(rowCount * columnCount).fill(0).map(item => 2 * Math.random() * Math.PI));
-  const targetRandomValue = graphic.dynamicTextureCache[row * columnCount + column],
+  const targetRandomValue = 2 * pseudoRandom(row * columnCount + column) * Math.PI,
     _r = minRatio + amplitude * (Math.sin(2 * ratio * Math.PI + targetRandomValue) + 1) / 2;
   return Math.min(1, Math.max(0, _r));
 }
@@ -31612,15 +31615,10 @@ function pulseWave(ctx, row, column, rowCount, columnCount, ratio, graphic) {
 function particleEffect(ctx, row, column, rowCount, columnCount, ratio, graphic) {
   let minRatio = arguments.length > 7 && arguments[7] !== undefined ? arguments[7] : 0;
   let amplitude = arguments.length > 8 && arguments[8] !== undefined ? arguments[8] : 1;
-  graphic.dynamicTextureCache || (graphic.dynamicTextureCache = {
-    phases: new Array(rowCount * columnCount).fill(0).map(() => 2 * Math.random() * Math.PI),
-    speeds: new Array(rowCount * columnCount).fill(0).map(() => .5 + .5 * Math.random()),
-    directions: new Array(rowCount * columnCount).fill(0).map(() => 2 * Math.random() * Math.PI)
-  });
   const index = row * columnCount + column,
-    phase = graphic.dynamicTextureCache.phases[index],
-    speed = graphic.dynamicTextureCache.speeds[index],
-    direction = graphic.dynamicTextureCache.directions[index],
+    phase = 2 * pseudoRandom(index, 0) * Math.PI,
+    speed = .5 * pseudoRandom(index, 1) + .5,
+    direction = 2 * pseudoRandom(index, 2) * Math.PI,
     centerRow = rowCount / 2,
     centerCol = columnCount / 2,
     distance = Math.sqrt(Math.pow((row - centerRow) / centerRow, 2) + Math.pow((column - centerCol) / centerCol, 2)),
@@ -31634,7 +31632,7 @@ function particleEffect(ctx, row, column, rowCount, columnCount, ratio, graphic)
 
 const roughModule = _roughModule;
 
-const version = "0.22.5-alpha.1";
+const version = "0.22.5";
 preLoadAllModule();
 if (isBrowserEnv()) {
     loadBrowserEnv(container);

package/dist/index.js

@@ -27131,7 +27131,6 @@
     function makeUpCanvas$4(domref, canvasIdLists, canvasMap, freeCanvasIdx, freeCanvasList, pixelRatio) {
       const dpr = null != pixelRatio ? pixelRatio : tt.getSystemInfoSync().pixelRatio;
       canvasIdLists.forEach((id, i) => {
-        if (canvasMap.has(id)) return;
         const ctx = tt.createCanvasContext(id),
           canvas = new CanvasWrapDisableWH(ctx.canvas || {}, ctx, dpr, domref.width, domref.height, id);
         ctx.canvas = canvas, canvasMap.set(id, canvas), i >= freeCanvasIdx && freeCanvasList.push(canvas);
@@ -28477,12 +28476,12 @@
           step((generator = generator.apply(thisArg, _arguments || [])).next());
         });
       };
-    function makeUpCanvas$1(domref, canvasIdLists, canvasMap, freeCanvasIdx, freeCanvasList, component) {
+    function makeUpCanvas$1(domref, canvasIdLists, canvasMap, freeCanvasIdx, freeCanvasList, component, forceUpdate) {
       return __awaiter$1(this, void 0, void 0, function* () {
         const dpr = wx.getSystemInfoSync().pixelRatio;
         for (let i = 0; i < canvasIdLists.length; i++) {
           const id = canvasIdLists[i];
-          canvasMap.has(id) || (yield new Promise(resolve => {
+          !forceUpdate && canvasMap.has(id) || (yield new Promise(resolve => {
             let data = wx.createSelectorQuery();
             component && (data = data.in(component)), data.select(`#${id}`).fields({
               node: !0,
@@ -28509,7 +28508,7 @@
         this.applyStyles = !0;
       }
       configure(service, params) {
-        if (service.env === this.type) return service.setActiveEnvContribution(this), makeUpCanvas$1(params.domref, params.canvasIdLists, this.canvasMap, params.freeCanvasIdx, this.freeCanvasList, params.component).then(() => {});
+        if (service.env === this.type) return service.setActiveEnvContribution(this), makeUpCanvas$1(params.domref, params.canvasIdLists, this.canvasMap, params.freeCanvasIdx, this.freeCanvasList, params.component, params.forceUpdate).then(() => {});
       }
       loadImage(url) {
         return Promise.resolve({
@@ -28815,7 +28814,7 @@
         const dpr = tt.getSystemInfoSync().pixelRatio;
         for (let i = 0; i < canvasIdLists.length; i++) {
           const id = canvasIdLists[i];
-          canvasMap.has(id) || (yield new Promise(resolve => {
+          yield new Promise(resolve => {
             let data = tt.createSelectorQuery();
             component && (data = data.in(component)), data.select(`#${id}`).node().exec(res => {
               const canvas = res[0].node,
@@ -28823,7 +28822,7 @@
                 height = canvas.height;
               canvas.width = width * dpr, canvas.height = height * dpr, canvasMap.set(id, canvas), i >= freeCanvasIdx && freeCanvasList.push(canvas), resolve(null);
             });
-          }));
+          });
         }
       });
     }
@@ -31454,11 +31453,15 @@
     _registerWrapText.__loaded = !1;
     const registerWrapText = _registerWrapText;
 
+    function pseudoRandom(n) {
+      let seed = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
+      let hash = 3735928559 ^ seed;
+      return hash = (2654435769 ^ hash) + (hash << 6) + (hash >> 2), hash = 3432918353 * (hash ^ n), hash = hash << 15 | hash >>> 17, hash ^= hash << 25, hash += hash << 9, hash ^= hash >> 4, hash ^= hash << 18, hash |= 1, (hash >>> 0) % 2147483647 / 2147483647;
+    }
     function randomOpacity(ctx, row, column, rowCount, columnCount, ratio, graphic) {
       let minRatio = arguments.length > 7 && arguments[7] !== undefined ? arguments[7] : 0;
       let amplitude = arguments.length > 8 && arguments[8] !== undefined ? arguments[8] : 1;
-      graphic.dynamicTextureCache || (graphic.dynamicTextureCache = new Array(rowCount * columnCount).fill(0).map(item => 2 * Math.random() * Math.PI));
-      const targetRandomValue = graphic.dynamicTextureCache[row * columnCount + column],
+      const targetRandomValue = 2 * pseudoRandom(row * columnCount + column) * Math.PI,
         _r = minRatio + amplitude * (Math.sin(2 * ratio * Math.PI + targetRandomValue) + 1) / 2;
       return Math.min(1, Math.max(0, _r));
     }
@@ -31618,15 +31621,10 @@
     function particleEffect(ctx, row, column, rowCount, columnCount, ratio, graphic) {
       let minRatio = arguments.length > 7 && arguments[7] !== undefined ? arguments[7] : 0;
       let amplitude = arguments.length > 8 && arguments[8] !== undefined ? arguments[8] : 1;
-      graphic.dynamicTextureCache || (graphic.dynamicTextureCache = {
-        phases: new Array(rowCount * columnCount).fill(0).map(() => 2 * Math.random() * Math.PI),
-        speeds: new Array(rowCount * columnCount).fill(0).map(() => .5 + .5 * Math.random()),
-        directions: new Array(rowCount * columnCount).fill(0).map(() => 2 * Math.random() * Math.PI)
-      });
       const index = row * columnCount + column,
-        phase = graphic.dynamicTextureCache.phases[index],
-        speed = graphic.dynamicTextureCache.speeds[index],
-        direction = graphic.dynamicTextureCache.directions[index],
+        phase = 2 * pseudoRandom(index, 0) * Math.PI,
+        speed = .5 * pseudoRandom(index, 1) + .5,
+        direction = 2 * pseudoRandom(index, 2) * Math.PI,
         centerRow = rowCount / 2,
         centerCol = columnCount / 2,
         distance = Math.sqrt(Math.pow((row - centerRow) / centerRow, 2) + Math.pow((column - centerCol) / centerCol, 2)),
@@ -31640,7 +31638,7 @@
 
     const roughModule = _roughModule;
 
-    const version = "0.22.5-alpha.1";
+    const version = "0.22.5";
     preLoadAllModule();
     if (isBrowserEnv()) {
         loadBrowserEnv(container);