Generator Efek Partikel

Buat animasi partikel yang dapat disesuaikan

Preset

Pratinjau

Memuat...

Pengaturan

Jumlah Partikel120

Kecepatan (Min)0.5

Kecepatan (Maks)2

Rentang Ukuran (Min)1

Rentang Ukuran (Maks)5

Opasitas0.9

Bentuk

Warna#ffffff

Gravitasi0

Angin0.3

Pantulan

Interaksi

Ekspor

{
  "fullScreen": {
    "enable": false
  },
  "background": {
    "color": {
      "value": "transparent"
    }
  },
  "particles": {
    "number": {
      "value": 120,
      "density": {
        "enable": true
      }
    },
    "color": {
      "value": "#ffffff"
    },
    "shape": {
      "type": "circle"
    },
    "opacity": {
      "value": {
        "min": 0.4,
        "max": 0.9
      }
    },
    "size": {
      "value": {
        "min": 1,
        "max": 5
      }
    },
    "move": {
      "enable": true,
      "speed": {
        "min": 0.5,
        "max": 2
      },
      "direction": "bottom",
      "straight": false,
      "outModes": {
        "default": "out"
      },
      "drift": 0.3
    },
    "wobble": {
      "enable": true,
      "distance": 10,
      "speed": 5
    }
  },
  "interactivity": {
    "events": {
      "onHover": {
        "enable": true,
        "mode": "repulse"
      }
    },
    "modes": {
      "repulse": {
        "distance": 80,
        "duration": 0.4
      }
    }
  }
}

Apa itu Generator Efek Partikel?

Desain dan pratinjau animasi partikel yang indah untuk situs web atau aplikasi Anda. Konfigurasikan jumlah partikel, kecepatan, ukuran, warna, bentuk, perilaku interaksi, dan fisika untuk membuat efek seperti salju, confetti, kunang-kunang, atau pola galaksi. Ekspor konfigurasi sebagai kode siap pakai.

Cara menggunakan

Pilih preset efek (salju, confetti, kunang-kunang, gelembung, galaksi) atau mulai dari nol.
Atur detail properti partikel: jumlah, kecepatan, rentang ukuran, warna, bentuk, opasitas, serta fisika seperti gravitasi dan pantulan.
Pratinjau animasi secara langsung, lalu salin konfigurasi JSON tsParticles atau ekspor sebagai cuplikan HTML mandiri.

Hasil

Seorang web developer memilih preset salju, meningkatkan jumlah partikel menjadi 200, menambahkan sedikit efek angin, dan menyalin JSON konfigurasi untuk menambahkan efek musim dingin ke halaman landing liburan mereka.

Generator Efek Partikel

Apa itu Generator Efek Partikel?

Cara menggunakan

Hasil

Alat terkait

Generator Tekstur

Pembuat Bagan Organisasi

Generator Animasi CSS

Pembuat Thumbnail YouTube

Generator Awan Kata

Pembuat Lini Masa

Generator Efek Partikel