Készítsen szép animált részecskéket ezzel a Javascript könyvtárral
Tonnanyi ingyenes animációs könyvtár van, amelyek különböző hatásokkal és különlegességekkel rendelkeznek. De az új Particles.js könyvtár teljesen új irányt hoz létre a létrehozásával animált részecskék hogy mozgassa valós időben az egész oldalon.
Ez a könnyen kezelhető könyvtár teljesen ingyenes, és a GitHub-on nyitott. Ez biztosan nem segít javítani a webhelyed UX-jét, de segíthet hozzáadni néhányat átlapolt részecske hatások a háttérben.
A főoldalon a élő interaktív demó ahol játszhatsz a könyvtár funkcióival. Ez lehetővé teszi a részecskeméret, a sebesség, az alak, a szín, a pozíció beállítását.
Mivel ez egy ilyen részletes könyvtár, az a a JavaScript jó megértése dolgozni. Ez az oka annak, hogy ez az élő demó annyira értékes, mert lehetővé teszi, hogy bárki játszhasson a beállításokkal, hogy megnézze, mi lehetséges a JavaScript-ben.
És ha rendben van a grafikák exportálásával mentse a képeket közvetlenül a webes alkalmazás bemutató oldaláról. tudsz exportál egy nyers PNG-t vagy akár mentse az összes egyedi beállítást egy JSON fájlba, amely közvetlenül a Particles.js parancsfájlba importálódik.
Alapértelmezés szerint az a kis maroknyi téma különböző részecskékkel:
- NASA csillagok
- buborékok
- Hó
- Nyan macska csillagok
- Alapértelmezett geometriai alakzatok
Ezekkel az alapértelmezett értékekkel még mindig lehet az összes fő beállítás szerkesztése a színek, pozíciók, sebességek és minden egyéb finomítása.
Ennek az egész könyvtárnak a legjobb része a élő testreszabási funkció közvetlenül a főoldalon. Ha be akarsz lépni a lényeges részletekbe, meg kell értened a JavaScript és a frontend kódolását.
De még egy kezdő is dolgozhat az interfészen keresztül, kiválaszthatja a kívánt beállításokat, és mindent exportálhat JSON fájlként.
Ragyogó könyvtár a bárki számára dinamikus részecskék létrehozása az interneten. Ha többet szeretne megtudni, látogasson el a GitHub repo-ba, és megoszthatja gondolatait a Vincent Garreauon alkotójával a Twitter @VincentGarreau-on.
