Детская площадка

Разделить по вариантам использования:

• Configs Playground: более богатые демо-версии с полными редактируемыми параметрами.
• Shapes Playground: демо, сфокусированные на shape.type, с параметрами для конкретных форм там, где они доступны.
• Presets Playground: официальные демо-версии с пресетами ({ preset: "..." }).
• Palettes Playground: демонстрационные версии с палитрой из проекта пресетов.
• Bundles Playground: выделенные игровые площадки для @tsparticles/confetti, @tsparticles/fireworks и @tsparticles/particles.

Выполнение всегда запускается только пользователем (без автозапуска).

Общий поток

Планировка всех игровых площадок одинакова:

1. Сначала предварительный просмотр холста.

2. Элементы управления запуском/паузой/возобновлением/уничтожением.

3. Редактор JSON для опций.

4. Выберите демо-версию из меню.

5. Нажмите Start, чтобы запустить его (без автозапуска).

6. Отредактируйте JSON в редакторе.

7. Нажмите Start еще раз, чтобы перезагрузить новые параметры.

8. Используйте Pause/Resume для управления производительностью и использованием ЦП.

Примечание. Destroy полностью освобождает экземпляр контейнера.

Рекомендуемый рабочий процесс

• Прототипируйте здесь, пока эффект не станет стабильным.
• Скопируйте окончательный JSON в свой проект.
• Введите его с помощью ISourceOptions в коде приложения.