@flare-engine/投降
GPU Sprite 渲染到 Skia 上.. Renderer (canvas生命周期), SpriteBatch (Atlas支持的批量), Camera2D (smooth follow + shake),斯皮克效应(英语:tint 编号 : flash 编号 : grayscale 编号 : outline 编号 : custom 阴影器,键入为 SpriteEffect 编号 : AnySpriteEffect),位图字体文本, createRenderSystem 用于幼儿保育一体化.
安装
bun add @flare-engine/render @shopify/react-native-skia
使用量
import { Renderer, SpriteBatch, Camera2D, tint, type CanvasLike } from '@flare-engine/render';
import type { SkImageLike, SpriteFrame } from '@flare-engine/assets';
declare const canvas: CanvasLike;
declare const image: SkImageLike;
declare const frame: SpriteFrame;
const renderer = new Renderer();
const batch = new SpriteBatch();
const camera = new Camera2D();
camera.setViewport(800, 600);
renderer.setCanvas(canvas);
renderer.begin();
renderer.applyCamera(
camera.effectiveX, camera.effectiveY,
camera.zoom, camera.rotation,
camera.viewportWidth, camera.viewportHeight,
);
batch.draw(image, frame, 100, 200, 64, 64, tint({ r: 1, g: 0, b: 0, a: 1 }, 0.5));
batch.flush((_img, _cmds) => { /* bridge calls Skia drawAtlas here */ }, renderer);
renderer.end();
见 API 规格。 。 。 .
许可证
阿帕奇 - 2.0