Use tile-based render vello with GPU compute shader, see: Lesson 35 - Tile-based Rendering
ts
import {
DefaultPlugins,
DefaultRendererPlugin,
RendererPlugin,
} from '@infinite-canvas-tutorial/ecs';
import {
InitVello,
VelloPipeline,
registerFont,
} from '@infinite-canvas-tutorial/plugin-vello';
const VelloRendererPlugin = RendererPlugin.configure({
setupDeviceSystemCtor: InitVello,
rendererSystemCtor: VelloPipeline,
});
DefaultPlugins.splice(
DefaultPlugins.indexOf(DefaultRendererPlugin),
1,
VelloRendererPlugin,
);
registerFont('/NotoSansCJKsc-VF.ttf');
registerFont('/Gaegu-Regular.ttf');