Δημιουργήστε όμορφα κινούμενα σωματίδια με αυτή τη βιβλιοθήκη Javascript
Υπάρχουν τόνοι δωρεάν βιβλιοθηκών κινούμενων σχεδίων, όλα με διαφορετικά εφέ και σπεσιαλιτέ. Αλλά, η νέα βιβλιοθήκη Particles.js πηγαίνει μια εντελώς νέα κατεύθυνση δημιουργώντας κινούμενα σωματίδια ότι μετακίνηση σε πραγματικό χρόνο σε όλη τη σελίδα.
Αυτή η εύχρηστη βιβλιοθήκη είναι εντελώς δωρεάν και ανοιχτή στο GitHub. Σίγουρα δεν θα σας βοηθήσει να βελτιώσετε το UX του ιστότοπού σας, αλλά μπορεί να σας βοηθήσει να προσθέσετε μερικά φαινόμενα διασυνδεδεμένων σωματιδίων στο παρασκήνιο.
Στην κύρια σελίδα, θα βρείτε a ζωντανή διαδραστική επίδειξη όπου μπορείτε να παίξετε με τα χαρακτηριστικά της βιβλιοθήκης. Αυτό σας επιτρέπει να ρυθμίσετε το μέγεθος των σωματιδίων, την ταχύτητα, το σχήμα, το χρώμα, τη θέση, την ονομάζετε.
Δεδομένου ότι πρόκειται για μια τόσο λεπτομερή βιβλιοθήκη, απαιτεί ένα καλή κατανόηση του JavaScript για να λειτουργήσει. Αυτός είναι ο λόγος για τον οποίο αυτό το ζωντανό demo είναι τόσο πολύτιμο, επειδή επιτρέπει σε οποιονδήποτε να παίξει γύρω με αυτές τις ρυθμίσεις για να δει τι είναι δυνατό στο JavaScript.
Και, αν είστε εντάξει με την εξαγωγή αυτών των γραφικών μπορείτε αποθηκεύστε τις εικόνες απευθείας από τη σελίδα επίδειξης εφαρμογών ιστού. Μπορείς να εξάγετε ένα ωμό PNG ή ακόμη και αποθηκεύστε όλες τις προσαρμοσμένες ρυθμίσεις σε ένα αρχείο JSON το οποίο στη συνέχεια εισάγεται απευθείας στο script Particles.js.
Από προεπιλογή, μπορείτε να επιλέξετε από ένα μικρές χούφτα θέματα με διαφορετικά στυλ σωματιδίων:
- Τα αστέρια της NASA
- Φυσαλίδες
- Χιόνι
- Nyan γάτα αστέρια
- Προκαθορισμένα γεωμετρικά σχήματα
Με αυτές τις προεπιλογές, μπορείτε ακόμα να επεξεργαστείτε όλες τις κύριες ρυθμίσεις για να βελτιώσετε τα χρώματα, τις θέσεις, τις ταχύτητες και όλα τα υπόλοιπα.
Το καλύτερο μέρος αυτής της ολόκληρης βιβλιοθήκης είναι το ζωντανή δυνατότητα προσαρμογής δεξιά στην κεντρική σελίδα. Εάν θέλετε να μπεις στα νιτρινοκονηματικά στοιχεία, πρέπει πραγματικά να καταλάβεις την κωδικοποίηση JavaScript και frontend.
Αλλά, ακόμη και ένας αρχάριος θα μπορούσε να εργαστεί μέσω της διασύνδεσης, να πάρει τις ρυθμίσεις που θέλουν και να εξάγει τα πάντα ως αρχείο JSON.
Μια λαμπρή βιβλιοθήκη για όλους όσους αναζητούν Δημιουργήστε δυναμικά σωματίδια στον ιστό. Για να μάθετε περισσότερα, επισκεφθείτε το repos GitHub και μπορείτε να μοιραστείτε τις σκέψεις σας με τον δημιουργό Vincent Garreauon στο Twitter @VincentGarreau.
