Fix performance issues on iOS by upgrading internal rendering engine …

…to PixiJS v6 (#2447) * Thanks @Bouh and @arthuro555 for the help! Co-authored-by: Bouh <[email protected]>
4ian · Apr 9, 2021 · 54ef748 · 54ef748
1 parent c846a7a
commit 54ef748
Show file tree

Hide file tree

Showing 89 changed files with 1,322 additions and 1,099 deletions.
diff --git a/Extensions/Effects/adjustment-pixi-filter.ts b/Extensions/Effects/adjustment-pixi-filter.ts
@@ -6,7 +6,7 @@ namespace gdjs {
     },
     update: function (filter, layer) {},
     updateDoubleParameter: function (filter, parameterName, value) {
-      const adjustmentFilter = filter as PIXI.filters.AdjustmentFilter;
+      const adjustmentFilter = (filter as unknown) as PIXI.filters.AdjustmentFilter;
       if (parameterName === 'gamma') {
         adjustmentFilter.gamma = value;
       } else if (parameterName === 'saturation') {

diff --git a/Extensions/Effects/advanced-bloom-pixi-filter.ts b/Extensions/Effects/advanced-bloom-pixi-filter.ts
@@ -6,7 +6,7 @@ namespace gdjs {
     },
     update: function (filter, layer) {},
     updateDoubleParameter: function (filter, parameterName, value) {
-      const advancedBloomFilter = filter as PIXI.filters.AdvancedBloomFilter;
+      const advancedBloomFilter = (filter as unknown) as PIXI.filters.AdvancedBloomFilter;
       if (parameterName === 'threshold') {
         advancedBloomFilter.threshold = value;
       } else if (parameterName === 'bloomScale') {

diff --git a/Extensions/Effects/ascii-pixi-filter.ts b/Extensions/Effects/ascii-pixi-filter.ts
@@ -6,7 +6,7 @@ namespace gdjs {
     },
     update: function (filter, layer) {},
     updateDoubleParameter: function (filter, parameterName, value) {
-      const asciiFilter = filter as PIXI.filters.AsciiFilter;
+      const asciiFilter = (filter as unknown) as PIXI.filters.AsciiFilter;
       if (parameterName === 'size') {
         asciiFilter.size = value;
       }

diff --git a/Extensions/Effects/bevel-pixi-filter.ts b/Extensions/Effects/bevel-pixi-filter.ts
@@ -6,7 +6,7 @@ namespace gdjs {
     },
     update: function (filter, layer) {},
     updateDoubleParameter: function (filter, parameterName, value) {
-      const bevelFilter = filter as PIXI.filters.BevelFilter;
+      const bevelFilter = (filter as unknown) as PIXI.filters.BevelFilter;
       if (parameterName === 'rotation') {
         bevelFilter.rotation = value;
       } else if (parameterName === 'thickness') {
@@ -21,7 +21,7 @@ namespace gdjs {
       }
     },
     updateStringParameter: function (filter, parameterName, value) {
-      const bevelFilter = filter as PIXI.filters.BevelFilter;
+      const bevelFilter = (filter as unknown) as PIXI.filters.BevelFilter;
       if (parameterName === 'lightColor') {
         bevelFilter.lightColor = gdjs.PixiFiltersTools.rgbOrHexToHexNumber(
           value

diff --git a/Extensions/Effects/black-and-white-pixi-filter.ts b/Extensions/Effects/black-and-white-pixi-filter.ts
@@ -1,4 +1,5 @@
 namespace gdjs {
+  import PIXI = GlobalPIXIModule.PIXI;
   gdjs.PixiFiltersTools.registerFilterCreator('BlackAndWhite', {
     makePIXIFilter: function (layer, effectData) {
       const colorMatrix = new PIXI.filters.ColorMatrixFilter();
@@ -7,7 +8,8 @@ namespace gdjs {
     },
     update: function (filter, layer) {},
     updateDoubleParameter: function (filter, parameterName, value) {
-      const colorMatrix = filter as PIXI.filters.ColorMatrixFilter;
+      // @ts-ignore - unsure why PIXI.filters is not recognised.
+      const colorMatrix = (filter as unknown) as PIXI.filters.ColorMatrixFilter;
       if (parameterName !== 'opacity') {
         return;
       }

diff --git a/Extensions/Effects/blending-mode-pixi-filter.ts b/Extensions/Effects/blending-mode-pixi-filter.ts
@@ -1,12 +1,14 @@
 namespace gdjs {
+  import PIXI = GlobalPIXIModule.PIXI;
   gdjs.PixiFiltersTools.registerFilterCreator('BlendingMode', {
     makePIXIFilter: function (layer, effectData) {
       const blendingModeFilter = new PIXI.filters.AlphaFilter();
       return blendingModeFilter;
     },
     update: function (filter, layer) {},
     updateDoubleParameter: function (filter, parameterName, value) {
-      const blendingModeFilter = filter as PIXI.filters.AlphaFilter;
+      // @ts-ignore - unsure why PIXI.filters is not recognised.
+      const blendingModeFilter = (filter as unknown) as PIXI.filters.AlphaFilter;
       if (parameterName === 'alpha') {
         blendingModeFilter.alpha = value;
       } else if (parameterName === 'blendmode') {

diff --git a/Extensions/Effects/blur-pixi-filter.ts b/Extensions/Effects/blur-pixi-filter.ts
@@ -1,4 +1,5 @@
 namespace gdjs {
+  import PIXI = GlobalPIXIModule.PIXI;
   gdjs.PixiFiltersTools.registerFilterCreator('Blur', {
     makePIXIFilter: function (layer, effectData) {
       const blur = new PIXI.filters.BlurFilter();

diff --git a/Extensions/Effects/brightness-pixi-filter.ts b/Extensions/Effects/brightness-pixi-filter.ts
@@ -1,4 +1,5 @@
 namespace gdjs {
+  import PIXI = GlobalPIXIModule.PIXI;
   gdjs.PixiFiltersTools.registerFilterCreator('Brightness', {
     makePIXIFilter: function (layer, effectData) {
       const brightness = new PIXI.filters.ColorMatrixFilter();
@@ -7,7 +8,8 @@ namespace gdjs {
     },
     update: function (filter, layer) {},
     updateDoubleParameter: function (filter, parameterName, value) {
-      const brightnessFilter = filter as PIXI.filters.ColorMatrixFilter;
+      // @ts-ignore - unsure why PIXI.filters is not recognised.
+      const brightnessFilter = (filter as unknown) as PIXI.filters.ColorMatrixFilter;
       if (parameterName !== 'brightness') {
         return;
       }

diff --git a/Extensions/Effects/bulge-pinch-pixi-filter.ts b/Extensions/Effects/bulge-pinch-pixi-filter.ts
@@ -6,7 +6,7 @@ namespace gdjs {
     },
     update: function (filter, layer) {},
     updateDoubleParameter: function (filter, parameterName, value) {
-      const bulgePinchFilter = filter as PIXI.filters.BulgePinchFilter;
+      const bulgePinchFilter = (filter as unknown) as PIXI.filters.BulgePinchFilter;
       if (parameterName === 'centerX') {
         bulgePinchFilter.center[0] = value;
       } else if (parameterName === 'centerY') {

diff --git a/Extensions/Effects/color-map-pixi-filter.ts b/Extensions/Effects/color-map-pixi-filter.ts
@@ -6,7 +6,6 @@ namespace gdjs {
         .getGame()
         .getImageManager()
         .getPIXITexture(effectData.stringParameters.colorMapTexture);
-      const colorMapSprite = new PIXI.Sprite(colorMapTexture);
       const colorMapFilter = new PIXI.filters.ColorMapFilter(
         colorMapTexture,
         effectData.booleanParameters.nearest,
@@ -20,7 +19,7 @@ namespace gdjs {
     },
     update: function (filter, layer) {},
     updateDoubleParameter: function (filter, parameterName, value) {
-      const colorMapFilter = filter as PIXI.filters.ColorMapFilter;
+      const colorMapFilter = (filter as unknown) as PIXI.filters.ColorMapFilter;
       if (parameterName === 'mix') {
         colorMapFilter.mix = gdjs.PixiFiltersTools.clampValue(
           value / 100,
@@ -31,7 +30,7 @@ namespace gdjs {
     },
     updateStringParameter: function (filter, parameterName, value) {},
     updateBooleanParameter: function (filter, parameterName, value) {
-      const colorMapFilter = filter as PIXI.filters.ColorMapFilter;
+      const colorMapFilter = (filter as unknown) as PIXI.filters.ColorMapFilter;
       if (parameterName === 'nearest') {
         colorMapFilter.nearest = value;
       }

diff --git a/Extensions/Effects/color-replace-pixi-filter.ts b/Extensions/Effects/color-replace-pixi-filter.ts
@@ -6,13 +6,13 @@ namespace gdjs {
     },
     update: function (filter, layer) {},
     updateDoubleParameter: function (filter, parameterName, value) {
-      const colorReplaceFilter = filter as PIXI.filters.ColorReplaceFilter;
+      const colorReplaceFilter = (filter as unknown) as PIXI.filters.ColorReplaceFilter;
       if (parameterName === 'epsilon') {
         colorReplaceFilter.epsilon = value;
       }
     },
     updateStringParameter: function (filter, parameterName, value) {
-      const colorReplaceFilter = filter as PIXI.filters.ColorReplaceFilter;
+      const colorReplaceFilter = (filter as unknown) as PIXI.filters.ColorReplaceFilter;
       if (parameterName === 'originalColor') {
         colorReplaceFilter.originalColor = gdjs.PixiFiltersTools.rgbOrHexToHexNumber(
           value

diff --git a/Extensions/Effects/displacement-pixi-filter.ts b/Extensions/Effects/displacement-pixi-filter.ts
@@ -1,4 +1,5 @@
 namespace gdjs {
+  import PIXI = GlobalPIXIModule.PIXI;
   gdjs.PixiFiltersTools.registerFilterCreator('Displacement', {
     makePIXIFilter: function (layer, effectData) {
       const displacementMapTexture = layer
@@ -15,7 +16,8 @@ namespace gdjs {
     },
     update: function (filter, layer) {},
     updateDoubleParameter: function (filter, parameterName, value) {
-      const displacementFilter = filter as PIXI.filters.DisplacementFilter;
+      // @ts-ignore - unsure why PIXI.filters is not recognised.
+      const displacementFilter = (filter as unknown) as PIXI.filters.DisplacementFilter;
       if (parameterName === 'scaleX') {
         displacementFilter.scale.x = value;
       }

diff --git a/Extensions/Effects/dot-pixi-filter.ts b/Extensions/Effects/dot-pixi-filter.ts
@@ -6,7 +6,7 @@ namespace gdjs {
     },
     update: function (filter, layer) {},
     updateDoubleParameter: function (filter, parameterName, value) {
-      const dotFilter = filter as PIXI.filters.DotFilter;
+      const dotFilter = (filter as unknown) as PIXI.filters.DotFilter;
       if (parameterName === 'scale') {
         dotFilter.scale = value;
       } else if (parameterName === 'angle') {

diff --git a/Extensions/Effects/drop-shadow-pixi-filter.ts b/Extensions/Effects/drop-shadow-pixi-filter.ts
@@ -6,7 +6,7 @@ namespace gdjs {
     },
     update: function (filter, layer) {},
     updateDoubleParameter: function (filter, parameterName, value) {
-      const dropShadowFilter = filter as PIXI.filters.DropShadowFilter;
+      const dropShadowFilter = (filter as unknown) as PIXI.filters.DropShadowFilter;
       if (parameterName === 'blur') {
         dropShadowFilter.blur = value;
       } else if (parameterName === 'quality') {
@@ -20,15 +20,15 @@ namespace gdjs {
       }
     },
     updateStringParameter: function (filter, parameterName, value) {
-      const dropShadowFilter = filter as PIXI.filters.DropShadowFilter;
+      const dropShadowFilter = (filter as unknown) as PIXI.filters.DropShadowFilter;
       if (parameterName === 'color') {
         dropShadowFilter.color = gdjs.PixiFiltersTools.rgbOrHexToHexNumber(
           value
         );
       }
     },
     updateBooleanParameter: function (filter, parameterName, value) {
-      const dropShadowFilter = filter as PIXI.filters.DropShadowFilter;
+      const dropShadowFilter = (filter as unknown) as PIXI.filters.DropShadowFilter;
       if (parameterName === 'shadowOnly') {
         dropShadowFilter.shadowOnly = value;
       }

diff --git a/Extensions/Effects/glow-pixi-filter.ts b/Extensions/Effects/glow-pixi-filter.ts
@@ -6,7 +6,7 @@ namespace gdjs {
     },
     update: function (filter, layer) {},
     updateDoubleParameter: function (filter, parameterName, value) {
-      const glowFilter = filter as PIXI.filters.GlowFilter;
+      const glowFilter = (filter as unknown) as PIXI.filters.GlowFilter;
       if (parameterName === 'innerStrength') {
         glowFilter.innerStrength = value;
       } else if (parameterName === 'outerStrength') {
@@ -17,7 +17,7 @@ namespace gdjs {
       }
     },
     updateStringParameter: function (filter, parameterName, value) {
-      const glowFilter = filter as PIXI.filters.GlowFilter;
+      const glowFilter = (filter as unknown) as PIXI.filters.GlowFilter;
       if (parameterName === 'color') {
         glowFilter.color = gdjs.PixiFiltersTools.rgbOrHexToHexNumber(value);
       }

diff --git a/Extensions/Effects/kawase-blur-pixi-filter.ts b/Extensions/Effects/kawase-blur-pixi-filter.ts
@@ -6,7 +6,7 @@ namespace gdjs {
     },
     update: function (filter, layer) {},
     updateDoubleParameter: function (filter, parameterName, value) {
-      const kawaseBlurFilter = filter as PIXI.filters.KawaseBlurFilter;
+      const kawaseBlurFilter = (filter as unknown) as PIXI.filters.KawaseBlurFilter;
       if (parameterName === 'pixelizeX') {
         // @ts-ignore: fix these wrong parameters
         kawaseBlurFilter.pixelizeX = value;

diff --git a/Extensions/Effects/light-night-pixi-filter.ts b/Extensions/Effects/light-night-pixi-filter.ts
@@ -1,4 +1,5 @@
 namespace gdjs {
+  import PIXI = GlobalPIXIModule.PIXI;
   export class LightNightPixiFilter extends PIXI.Filter {
     constructor() {
       const vertexShader = undefined;

diff --git a/Extensions/Effects/night-pixi-filter.ts b/Extensions/Effects/night-pixi-filter.ts
@@ -1,4 +1,5 @@
 namespace gdjs {
+  import PIXI = GlobalPIXIModule.PIXI;
   export class NightPixiFilter extends PIXI.Filter {
     constructor() {
       const vertexShader = undefined;

diff --git a/Extensions/Effects/noise-pixi-filter.ts b/Extensions/Effects/noise-pixi-filter.ts
@@ -1,12 +1,14 @@
 namespace gdjs {
+  import PIXI = GlobalPIXIModule.PIXI;
   gdjs.PixiFiltersTools.registerFilterCreator('Noise', {
     makePIXIFilter: function (layer, effectData) {
       const noiseFilter = new PIXI.filters.NoiseFilter();
       return noiseFilter;
     },
     update: function (filter, layer) {},
     updateDoubleParameter: function (filter, parameterName, value) {
-      const noiseFilter = filter as PIXI.filters.NoiseFilter;
+      // @ts-ignore - unsure why PIXI.filters is not recognised.
+      const noiseFilter = (filter as unknown) as PIXI.filters.NoiseFilter;
       if (parameterName !== 'noise') {
         return;
       }

diff --git a/Extensions/Effects/outline-pixi-filter.ts b/Extensions/Effects/outline-pixi-filter.ts
@@ -6,13 +6,13 @@ namespace gdjs {
     },
     update: function (filter, layer) {},
     updateDoubleParameter: function (filter, parameterName, value) {
-      const outlineFilter = filter as PIXI.filters.OutlineFilter;
+      const outlineFilter = (filter as unknown) as PIXI.filters.OutlineFilter;
       if (parameterName === 'thickness') {
         outlineFilter.thickness = value;
       }
     },
     updateStringParameter: function (filter, parameterName, value) {
-      const outlineFilter = filter as PIXI.filters.OutlineFilter;
+      const outlineFilter = (filter as unknown) as PIXI.filters.OutlineFilter;
       if (parameterName === 'color') {
         outlineFilter.color = gdjs.PixiFiltersTools.rgbOrHexToHexNumber(value);
       }

diff --git a/Extensions/Effects/pixelate-pixi-filter.ts b/Extensions/Effects/pixelate-pixi-filter.ts
@@ -8,7 +8,7 @@ namespace gdjs {
     },
     update: function (filter, layer) {},
     updateDoubleParameter: function (filter, parameterName, value) {
-      const pixelateFilter = filter as PIXI.filters.PixelateFilter;
+      const pixelateFilter = (filter as unknown) as PIXI.filters.PixelateFilter;
       if (parameterName === 'size') {
         pixelateFilter.size = value;
       }

diff --git a/Extensions/Effects/pixi-filters/types/adjustment/types.d.ts b/Extensions/Effects/pixi-filters/types/adjustment/types.d.ts
@@ -1,4 +1,5 @@
 declare namespace PIXI.filters {
+  import PIXI = GlobalPIXIModule.PIXI;
   export class AdjustmentFilter extends PIXI.Filter {
     constructor(options?: AdjustmentOptions);
     gamma: number;

diff --git a/Extensions/Effects/pixi-filters/types/advanced-bloom/types.d.ts b/Extensions/Effects/pixi-filters/types/advanced-bloom/types.d.ts
@@ -1,4 +1,5 @@
 declare namespace PIXI.filters {
+  import PIXI = GlobalPIXIModule.PIXI;
   export class AdvancedBloomFilter extends PIXI.Filter {
     constructor(options?: AdvancedBloomOptions);
     constructor(threshold?: number);

diff --git a/Extensions/Effects/pixi-filters/types/ascii/types.d.ts b/Extensions/Effects/pixi-filters/types/ascii/types.d.ts
@@ -1,4 +1,5 @@
 declare namespace PIXI.filters {
+  import PIXI = GlobalPIXIModule.PIXI;
   export class AsciiFilter extends PIXI.Filter {
     constructor(size?: number);
     size: number;

diff --git a/Extensions/Effects/pixi-filters/types/bevel/types.d.ts b/Extensions/Effects/pixi-filters/types/bevel/types.d.ts
@@ -1,4 +1,5 @@
 declare namespace PIXI.filters {
+  import PIXI = GlobalPIXIModule.PIXI;
   export class BevelFilter extends PIXI.Filter {
     constructor(options?: BevelOptions);
     rotation: number;

diff --git a/Extensions/Effects/pixi-filters/types/bloom/types.d.ts b/Extensions/Effects/pixi-filters/types/bloom/types.d.ts
@@ -1,4 +1,5 @@
 declare namespace PIXI.filters {
+  import PIXI = GlobalPIXIModule.PIXI;
   export class BloomFilter extends PIXI.Filter {
     constructor(
       blur?: number | PIXI.Point | number[],

diff --git a/Extensions/Effects/pixi-filters/types/bulge-pinch/types.d.ts b/Extensions/Effects/pixi-filters/types/bulge-pinch/types.d.ts
@@ -1,4 +1,5 @@
 declare namespace PIXI.filters {
+  import PIXI = GlobalPIXIModule.PIXI;
   export interface BulgePinchFilterOptions {
     center?: PIXI.Point | [number, number];
     radius?: number;

diff --git a/Extensions/Effects/pixi-filters/types/color-map/types.d.ts b/Extensions/Effects/pixi-filters/types/color-map/types.d.ts
@@ -1,4 +1,5 @@
 declare namespace PIXI.filters {
+  import PIXI = GlobalPIXIModule.PIXI;
   export class ColorMapFilter extends PIXI.Filter {
     constructor(
       colorMap?:

diff --git a/Extensions/Effects/pixi-filters/types/color-overlay/types.d.ts b/Extensions/Effects/pixi-filters/types/color-overlay/types.d.ts
@@ -1,4 +1,5 @@
 declare namespace PIXI.filters {
+  import PIXI = GlobalPIXIModule.PIXI;
   export class ColorOverlayFilter extends PIXI.Filter {
     constructor(color?: number | [number, number, number]);
     color: number | [number, number, number];

diff --git a/Extensions/Effects/pixi-filters/types/color-replace/types.d.ts b/Extensions/Effects/pixi-filters/types/color-replace/types.d.ts
@@ -1,4 +1,5 @@
 declare namespace PIXI.filters {
+  import PIXI = GlobalPIXIModule.PIXI;
   export class ColorReplaceFilter extends PIXI.Filter {
     constructor(
       originalColor?: number | number[],

diff --git a/Extensions/Effects/pixi-filters/types/convolution/types.d.ts b/Extensions/Effects/pixi-filters/types/convolution/types.d.ts
@@ -1,4 +1,5 @@
 declare namespace PIXI.filters {
+  import PIXI = GlobalPIXIModule.PIXI;
   export class ConvolutionFilter extends PIXI.Filter {
     constructor(matrix: number[], width: number, height: number);
     height: number;

diff --git a/Extensions/Effects/pixi-filters/types/cross-hatch/types.d.ts b/Extensions/Effects/pixi-filters/types/cross-hatch/types.d.ts
@@ -1,4 +1,5 @@
 declare namespace PIXI.filters {
+  import PIXI = GlobalPIXIModule.PIXI;
   class CrossHatchFilter extends PIXI.Filter {
     constructor();
   }

diff --git a/Extensions/Effects/pixi-filters/types/crt/types.d.ts b/Extensions/Effects/pixi-filters/types/crt/types.d.ts
@@ -1,4 +1,5 @@
 declare namespace PIXI.filters {
+  import PIXI = GlobalPIXIModule.PIXI;
   export class CRTFilter extends PIXI.Filter {
     constructor(options?: CRTFilterOptions);
     curvature: number;

diff --git a/Extensions/Effects/pixi-filters/types/dot/types.d.ts b/Extensions/Effects/pixi-filters/types/dot/types.d.ts
@@ -1,4 +1,5 @@
 declare namespace PIXI.filters {
+  import PIXI = GlobalPIXIModule.PIXI;
   export class DotFilter extends PIXI.Filter {
     constructor(scale?: number, angle?: number);
     angle: number;

diff --git a/Extensions/Effects/pixi-filters/types/drop-shadow/types.d.ts b/Extensions/Effects/pixi-filters/types/drop-shadow/types.d.ts
@@ -1,4 +1,5 @@
 declare namespace PIXI.filters {
+  import PIXI = GlobalPIXIModule.PIXI;
   export class DropShadowFilter extends PIXI.Filter {
     constructor(options?: DropShadowFilterOptions);
     alpha: number;

diff --git a/Extensions/Effects/pixi-filters/types/emboss/types.d.ts b/Extensions/Effects/pixi-filters/types/emboss/types.d.ts
@@ -1,4 +1,5 @@
 declare namespace PIXI.filters {
+  import PIXI = GlobalPIXIModule.PIXI;
   export class EmbossFilter extends PIXI.Filter {
     constructor(strength?: number);
     strength: number;

diff --git a/Extensions/Effects/pixi-filters/types/glitch/types.d.ts b/Extensions/Effects/pixi-filters/types/glitch/types.d.ts
@@ -1,4 +1,5 @@
 declare namespace PIXI.filters {
+  import PIXI = GlobalPIXIModule.PIXI;
   export class GlitchFilter extends PIXI.Filter {
     constructor(options?: GlitchFilterOptions);
     slices: number;

diff --git a/Extensions/Effects/pixi-filters/types/glow/types.d.ts b/Extensions/Effects/pixi-filters/types/glow/types.d.ts
@@ -1,4 +1,5 @@
 declare namespace PIXI.filters {
+  import PIXI = GlobalPIXIModule.PIXI;
   export class GlowFilter extends PIXI.Filter {
     constructor(options?: GlowFilterOptions);
     color: number;

diff --git a/Extensions/Effects/pixi-filters/types/godray/types.d.ts b/Extensions/Effects/pixi-filters/types/godray/types.d.ts
@@ -1,4 +1,5 @@
 declare namespace PIXI.filters {
+  import PIXI = GlobalPIXIModule.PIXI;
   export class GodrayFilter extends PIXI.Filter {
     constructor(options?: GodrayFilterOptions);
     angle: number;

diff --git a/Extensions/Effects/pixi-filters/types/kawase-blur/types.d.ts b/Extensions/Effects/pixi-filters/types/kawase-blur/types.d.ts
@@ -1,4 +1,5 @@
 declare namespace PIXI.filters {
+  import PIXI = GlobalPIXIModule.PIXI;
   export class KawaseBlurFilter extends PIXI.Filter {
     constructor(blur?: number | number[], quality?: number, clamp?: boolean);
     kernels: number[];