0.5.2 • Published 3 years ago
@moefy-canvas/theme-sparkler v0.5.2
@moefy-canvas/theme-sparkler
:sparkler: 就是现在鼠标周围的粒子效果啦~
Install
pnpm add @moefy-canvas/theme-sparkler
Usage
<canvas id="moefy-canvas"></canvas>
import {
Sparkler,
SparklerMode,
type SparklerConfig,
type CanvasOptions,
MAX_Z_INDEX,
} from '@moefy-canvas/theme-sparkler'
const themeConfig: SparklerConfig = {
mode: SparklerMode.TRAIL,
}
const canvasOptions: CanvasOptions = {
opacity: 1,
zIndex: MAX_Z_INDEX,
}
const el = document.getElementById('moefy-canvas')
const sparkler = new Sparkler(themeConfig, canvasOptions)
sparkler.mount(el as HTMLCanvasElement)
ThemeConfig
export enum SparklerMode {
FOLLOW = 'follow',
TRAIL = 'trail',
}
export interface SparklerConfig extends ThemeConfig {
mode?: SparklerMode
numParticles?: number
sparkleFactor?: number
particleDurationRange?: [number, number]
particleDistanceRange?: [number, number]
particleSizeRange?: [number, number]
}
0.5.0
3 years ago
0.5.2
3 years ago
0.5.1
3 years ago
0.3.2
3 years ago
0.3.1
3 years ago
0.3.3
3 years ago
0.3.0
3 years ago
0.2.0
3 years ago
0.1.2
3 years ago
0.1.1
3 years ago
0.1.0
3 years ago
0.0.7
3 years ago
0.0.6
3 years ago
0.0.5-alpha.4
3 years ago
0.0.5-alpha.3
3 years ago
0.0.5-alpha.2
3 years ago
0.0.5-alpha.1
3 years ago
0.0.5-alpha.0
3 years ago
0.0.1
3 years ago