twist-pixi-filter.ts

namespace gdjs {
  // Use a different name for PIXI to avoid confusing Typescript between the
  // PIXI module, and the PIXI "namespace" where filters are added. Could maybe
  // be removed when filters typings are reworked.
  import PIXI_ = GlobalPIXIModule.PIXI;

  gdjs.PixiFiltersTools.registerFilterCreator('Twist', {
    makePIXIFilter: function (target, effectData) {
      const twistFilter = new PIXI.filters.TwistFilter();
      twistFilter.offset = new PIXI_.Point(0, 0);
      return twistFilter;
    },
    updatePreRender: function (filter, target) {
      const twistFilter = (filter as unknown) as PIXI.filters.TwistFilter;
      twistFilter.offset.x = Math.round(
        // @ts-ignore - extra properties are stored on the filter.
        twistFilter._offsetX * target.getWidth()
      );
      twistFilter.offset.y = Math.round(
        // @ts-ignore - extra properties are stored on the filter.
        twistFilter._offsetY * target.getHeight()
      );
    },
    updateDoubleParameter: function (filter, parameterName, value) {
      const twistFilter = (filter as unknown) as PIXI.filters.TwistFilter;
      if (parameterName === 'radius') {
        twistFilter.radius = value;
      } else if (parameterName === 'angle') {
        twistFilter.angle = value;
      } else if (parameterName === 'padding') {
        twistFilter.padding = value;
      } else if (parameterName === 'offsetX') {
        // @ts-ignore - extra properties are stored on the filter.
        twistFilter._offsetX = value;
      } else if (parameterName === 'offsetY') {
        // @ts-ignore - extra properties are stored on the filter.
        twistFilter._offsetY = value;
      }
    },
    updateStringParameter: function (filter, parameterName, value) {},
    updateBooleanParameter: function (filter, parameterName, value) {},
  });
}