Sparkle Effect

1 min read

The sparkle effect adds an animated glowing bolt that follows an item’s path or bounds.

Usage

app.applyEffect(item, 'sparkle', {
  color: '#fbbf24',
  speed: 1.0,
  size: 3
});

Parameters

Parameter Type Default Description
color string '#fbbf24' Glow/particle color
speed number 1.0 Animation speed multiplier
size number 3 Bolt size

Example

const text = app.create({
  type: 'text',
  content: 'Sparkle!',
  position: [400, 300],
  fontSize: 48
});

app.applyEffect(text, 'sparkle', {
  color: '#a855f7',
  speed: 1.5,
  size: 4
});

How It Works

  1. A glowing dot follows the item’s path/bounds
  2. Particles trail behind the dot
  3. The effect loops continuously

Removing

app.effectSystem.removeEffectsFrom(item);

Persistence

Sparkle effects are saved with the scene and restored on load.