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

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


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

Canvas Background by David Vielhuber

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

Πίσω