Вышло обновление движка рендеринга 2D-графики PixiJS

Разработчики движка рендеринга 2D-графики PixiJS выпустили обновление. Команда проекта отмечает, что это не просто добавление очередных новых функций, а буквально будущее 2D-графики в вебе.

Что нового в PixiJS v8:

• для рендеринга теперь используется WebGPU, что улучшило производительность. Вместе с этим команда проекта считает, что переход на WebGPU даёт большой потенциал на будущее;

• перешли на новую структуру пакетов, теперь можно пользоваться одним корнем импорта: import {stuff} from ‘pixi.js’;

// Было import { Sprite } from "@pixi/sprite"; import { Graphic } from "@pixi/graphics";  // Стало import { Sprite, Graphic } from "pixi.js";

• режимы смешивания и работы с оттенками теперь наследуются. Это значит, что эффект можно применить к контейнеру, а дочерние элементы наследуют его;

• ввели концепцию групп рендеринга, позволяющую контейнерам использовать GPU для своих целей;

• добавили большую коллекцию фильтров, которые напоминают собой похожую функцию в PhotoShop. Так выглядит полный список фильтров: ColorBlend, ColorBurnBlend, ColorDodgeBlend, DarkenBlend, DifferenceBlend, DivideBlend, ExclusionBlend, HardLightBlend, HardMixBlend, LightenBlend, LinearBurnBlend, LinearDodgeBlend, LinearLightBlend, LuminosityBlend, NegationBlend, OverlayBlend, PinLightBlend, SaturationBlend, SoftLightBlend, SubtractBlend, VividLightBlend;

• упростили работу с графическим API, чтобы сделать его более интуитивным и похожим на HTML Canvas;

graphics     .rect(50, 50, 100, 100)     .fill('blue');

• добавили поддержку рисования SVG;

graphics.svg('M 100 350 q 150 -300 300 0');

• можно создавать градиенты, но пока поддерживаются только линейные;

• включили класс GraphicsPath, позволяющий рисовать и использовать фигуры.

Код PixiJS 8 открыт и опубликован на GitHub. Сторонние разработчики могут присоединиться к развитию проекта. На официальном сайте PixiJS доступна подробная документация, обучающие материалы, примеры и руководство по работе с API.