Войти
Креативная библиотека
2D-эффекты · pixi

PixiJS

Быстрый 2D WebGL-рендер для эффектов и частиц

Tier 2СреднеОсторожно на мобилеfree (MIT)JavaScript

Design DNA

«Визуальные эффекты летают на 60fps — сайт ощущается «дорогим».»

Use with AI

Скопируй промпт и отдай агенту. Он реализует решение в твоём стеке — не копирует чужой код.

Добавь лёгкий PixiJS-слой для 2D-эффекта (particles/фон).
Ограничь FPS/частицы на mobile. Отключай при reduced-motion.

Что умеет

  • ·Sprites, particles
  • ·2D сцены высокой производительности

Чего не умеет

  • ·Не полноценный game framework как Phaser
  • ·Не 3D

Когда брать

  • ·Частицы, эффекты, визуальный canvas-слой

Когда не брать

  • ·Готовая игра с уровнями → Phaser

С чем сочетается

GSAPHowler

Альтернативы

PhaserCanvas APItsParticlesThree.js

Типичные ошибки

  • ·Эффект ради эффекта на всём viewport
  • ·Не проверил производительность на iPhone SE. WebGL и AI-модели могут убить батарею или вызвать краш. Всегда делай фоллбэк на статику через matchMedia или детект мощности устройства.

Демо и ссылки

pixijs.com

Похожие

GSAP
Движок плавной анимации для сайтов — от кнопок до scroll-фильмов
Lenis + ScrollSmoother
Связка мягкого скролла и GSAP-параллакса уровня Awwwards
Motion (Framer Motion)
React-first анимации UI: layout, жесты, списки без боли
Lottie / dotLottie
Векторная анимация из дизайн-файла — лёгкая и чёткая