為您的網站或應用程式設計並預覽精美的粒子動畫。設定粒子數量、速度、大小、顏色、形狀、互動行為和物理參數，建立雪花、紙花、螢火蟲或銀河等效果。匯出設定為可直接使用的程式碼。
一位網頁開發者選擇雪花預設，將粒子數量增加到 200，加入輕微的風力飄移效果，然後複製 JSON 設定為節日登陸頁增添冬季氛圍。
建立可自訂的粒子動畫效果
{
"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
}
}
}
}