@flare-engine/render

中文文档
0.4.12发布于 2026/11/13Apache-2.0TypeScriptESM + CJS构建来源已验证近 30 天下载 3097

SpriteBatch (Skia Atlas), Camera2D, SpriteEffects

原始使用文档
文档目录3 节
  1. Install
  2. Usage
  3. License

@flare-engine/render

GPU sprite rendering on Skia — Renderer (canvas lifecycle), SpriteBatch (Atlas-backed batching), Camera2D (smooth follow + shake), sprite effects (tint / flash / grayscale / outline / custom shader, typed as SpriteEffect / AnySpriteEffect), bitmap font text, createRenderSystem for ECS integration.

Install

bun add @flare-engine/render @shopify/react-native-skia

Usage

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();

See API spec.

License

Apache-2.0

版本与发布记录

@flare-engine/render 共发布 17 个版本,首次发布于 2026/06/10;过去 12 个月发布了 17 个版本。最新版本附带 npm provenance 构建来源证明,可追溯到公开的 CI 构建记录。

版本发布日期距今
0.4.12latest2026/11/133 天前
0.4.112026/11/123 天前
0.4.102026/11/087 天前
0.4.82026/11/0610 天前
0.4.72026/11/0411 天前
0.4.62026/10/3115 天前

关于 @flare-engine/render 的常见问题

@flare-engine/render 是什么?

SpriteBatch (Skia Atlas), Camera2D, SpriteEffects

如何安装 @flare-engine/render?

在项目目录运行 npm install @flare-engine/render,或使用 pnpm add / yarn add / bun add。

@flare-engine/render 支持 TypeScript 吗?

支持。包内自带 TypeScript 类型声明(package.json 声明了 types 入口),安装后即可获得类型提示,无需再安装 @types 包。

@flare-engine/render 支持 ESM 还是 CommonJS?

同时提供 ES Module 与 CommonJS 入口,import 和 require() 都可以使用,打包工具会自动选择合适的版本。

@flare-engine/render 需要什么版本的 Node.js?

package.json 的 engines 字段要求 Node.js >=20。版本不符时 npm 默认只给出警告,开启 engine-strict 后会拒绝安装。

@flare-engine/render 可以商用吗?

@flare-engine/render 使用 Apache-2.0 许可。宽松许可:允许商业使用、修改和再分发,并附带明确的专利授权;分发时需保留许可与 NOTICE 文件,修改过的文件要注明改动。以上为概括,不构成法律意见,请以许可原文为准。

@flare-engine/render 的下载量有多少?

根据 npm 官方下载统计,@flare-engine/render 在 2026/10/15 – 2026/11/13 这 30 天内被下载 3,097 次,日均约 103 次。下载量会把 CI 构建、镜像同步和作为其他包依赖的安装一并计入,适合横向比较热度,不能直接等同于使用人数。

@flare-engine/render 还在维护吗?

最新版本 0.4.12 发布于 2026/11/13(3 天前);至今共发布 17 个版本,其中过去 12 个月发布了 17 个;首次发布于 2026/06/10。发布频率只是参考信号:功能稳定的工具可能很少需要更新,建议结合源码仓库的 issue 和提交记录判断。