import "https://cdn.skypack.dev/@next2d/player@latest";

​

const root = next2d.createRootMovieClip(240, 240, 60, {

    "tagId": "container",

    "fullScreen": true

});

​

const image = new Image();

image.crossOrigin = "Anonymous";

​

image.addEventListener("load", (event) =>

{

    const { Shape, BitmapData } = next2d.display;

    const { Point } = next2d.geom;

    const { GradientGlowFilter, BitmapFilterType } = next2d.filters;

​

    const bitmapData = new BitmapData();

    bitmapData.image = event.target;

​

    const shape = root.addChild(new Shape());

​

    shape

        .graphics

        .beginBitmapFill(bitmapData)

        .drawRect(0, 0, bitmapData.width, bitmapData.height);

​

    shape.scaleX = shape.scaleY = 0.8;

    shape.x = 80;

    shape.y = 60;

​

    const filters = new GradientGlowFilter();

​

    filters.distance = 10;

    filters.angle    = 45;

    filters.colors   = ["blue", "green", "red"];

    filters.alphas   = [0, 1, 0];

    filters.ratios   = [0, 0.5, 1];

    filters.blurX    = 10;

    filters.blurY    = 10;

    filters.strength = 1;

    filters.quality  = 3;

    filters.type     = BitmapFilterType.FULL;

    filters.knockout = false;

    shape.filters = [filters];

});

​

image.src = "https://next2d-demonstration.herokuapp.com/image/character.svg";