Κινούμενα υπόβαθρα με καμβά

Τα κινούμενα διανυσματικά φόντα μπορούν να προσθέσουν ποικιλία σε ένα τοπίο ιστού που χαρακτηρίζεται από φωτογραφίες και βίντεο πλήρους οθόνης. Θα ήταν ωραίο να συμβαδίζει με τους χρόνους φόρτωσης και την ευρεία υποστήριξη υλικού και λογισμικού. Μια λύση είναι: καμβάς. Το στοιχείο HTML που ελέγχεται από JavaScript υποστηρίζεται από όλα τα τρέχοντα προγράμματα περιήγησης και αναπαράγεται με υψηλή απόδοση σε κινητές συσκευές.


Η πραγματική δύναμη έγκειται στο γεγονός ότι ο καμβάς είναι γεμάτος αποκλειστικά με κώδικα - και αυτό ανοίγει εντελώς νέες δυνατότητες ως μια ωραία παρενέργεια: Για παράδειγμα, φράκταλ ή άλλα επαναλαμβανόμενα στοιχεία μπορούν να δημιουργηθούν αβίαστα χρησιμοποιώντας αναδρομικές συναρτήσεις. Έχω δημιουργήσει μια μικρή επίδειξη εδώ για να δείξω πώς μπορεί να μοιάζει αυτό.:

Canvas Background by David Vielhuber

Ο καμβάς μπορεί φυσικά να χρησιμοποιηθεί και σε παιχνίδια, διαφημίσεις, οπτικοποίηση δεδομένων ή τέχνη. Σε περιόδους 4k και συνεχώς επεκτάσιμων ιστότοπων, κατά τη γνώμη μου υπάρχουν πολλές δυνατότητες σε αυτήν τη λιγότερο γνωστή τεχνολογία. Σε συνδυασμό με στατικά στοιχεία SVG, τα διανυσματικά γραφικά βασίζονται τελικά στη σκηνή στον ιστό που τους άξιζαν πάντα.

Πίσω