sakura-fall

@night-tea/sakura-fall 是一个基于 Canvas 的飘落装饰库。它提供原生 TypeScript API 和 Vue 组件，内置 12 张透明水彩素材，并支持按月份自动切换。

安装

pnpm add @night-tea/sakura-fall

原生用法

import { createSakuraFall } from "@night-tea/sakura-fall";

const fall = createSakuraFall({
  image: "month",
  count: 15,
});

fall.stop();
fall.start();
await fall.setImage("03-sakura");
fall.setCount(20);
fall.destroy();

Vue 用法

<script setup lang="ts">
import { SakuraFall } from "@night-tea/sakura-fall/vue";
</script>

<template>
  <SakuraFall image="month" :count="15" />
</template>

自定义图片

image 也可以使用自定义图片 URL：

createSakuraFall({
  image: "https://example.com/custom-petal.png",
});

月份素材

月份	素材名	元素
1	01-snow-crystal	雪晶
2	02-plum-blossom	梅花
3	03-sakura	樱花
4	04-willow-leaf	柳叶
5	05-dandelion	蒲公英
6	06-raindrop	雨滴
7	07-bubble	气泡
8	08-lotus	荷花
9	09-maple-leaf	枫叶
10	10-ginkgo-leaf	银杏
11	11-fallen-leaf	落叶
12	12-snowflake	雪花