15 (Περισσότερα) Έμπνευση για πειράματα HTML5

Εκτός αν ζείτε κάτω από ένα βράχο, θα έχετε ακούσει για το HTML5. Είναι απλά παντού τώρα, χάρη στην προώθηση της Apple Γενικός Διευθυντής πρώην Διευθύνων Σύμβουλος Steve Jobs και ορισμένοι προγραμματιστές που πιστεύουν ότι το HTML5 μπορεί να αναλάβει το Flash.

Λοιπόν, στην πραγματικότητα δεν βλέπουμε ότι η κατάσταση αυτή συνέβη ακόμα, αλλά το HTML5 είναι πραγματικά μαγικό σε σχέση με τις δυνατότητες του βίντεο, την απεικόνιση καμβά και το κινούμενο σχέδιο που λειτουργούν πραγματικά καλά και ομαλά. Το γεγονός είναι ότι είναι τόσο ελπιδοφόρο ότι τα έργα αναπτύσσονται σε όλα τα μέρη που έχουν γίνει ως ένας τρόπος δοκιμής των ορίων του HTML5.

Πιστέψτε τη δύναμή της ή όχι, θα σας παρουσιάσουμε 15 διαφωτιστικά πειράματα που κάνουν την καλύτερη χρήση του HTML5, και μαντέψτε τι, μπορείτε να ζήσετε τη βαρύτητα, την κινούμενη με μουσική κίνηση και την απόδοση των πλασμάτων που απλά δουλεύουν σαν πλάσματα! Έχετε ένα χρόνο διασκέδασης μαζί τους και oops, τους εξυπηρετούνται καλύτερα με την τελευταία έκδοση του Mozilla Firefox και του Google Chrome.

Ακριβώς σε περίπτωση που δεν είστε ικανοποιημένοι με αυτές τις διασκέψεις HTML5, έχουμε περισσότερα για εσάς!

• HTML5: 48 Πιθανές εκδηλώσεις που σκοτώνουν το Flash
• HTML5: 19 Πιθανές εφαρμογές Web

Κύκλος καμβά

Μια συλλογική προσπάθεια μεταξύ του καλλιτέχνη Mark Ferrari και του κωδικοποιητή Joseph Huckaby, είναι μια πανέμορφη συλλογή από κινούμενες σκηνές φύσης όπως δάση χειμώνα, θαλασσινά και θυελλώδη βουνά. Είναι χαλαρωτικές για να δούμε και πραγματικά εκπληκτική, με τους ήχους που συνδέονται με τις εικόνες. Εάν θέλετε λίγο χρόνο για να χαλαρώσετε από την εργασία, μπορείτε να περάσετε από αυτές τις εικόνες και να αισθανθείτε την ένταση σας να λιώσει.

Google Βαρύτητα

Ένα άλλο από τον καταπληκτικό κ. Doob, αυτό είναι λιγότερο διαδραστικό από το πρώτο, αλλά ακόμα δροσερό. Παρέχει ένα βασικό αντίγραφο της κύριας σελίδας αναζήτησης της Google. Αλλά όταν στρέφετε τον κέρσορα σας, ολόκληρη η σελίδα αρχίζει να «πέφτει» μέχρις ότου όλοι τους σβήσουν στο κάτω μέρος. Το λογότυπο Google λειτουργεί ως ενεργός σύνδεσμος που ανανεώνει τη σελίδα. Ένα καλό παιχνίδι για τις μεγάλες εταιρείες που μισεί το Google, μπορεί να είναι.

Καμβά δέντρα

Κατασκευασμένο από τον Kenneth Jorgenson, αυτό θα μπορούσε να είναι το μόνο μέρος που μπορείτε να δείτε τη φράση 'Refresh for more delicious trees :)'. Είναι ακριβώς αυτό που λέει: κάνετε κλικ στον ιστότοπο και σας μεταφέρει σε λευκό φόντο. Ένα μαύρο σχέδιο μελάνι ενός δέντρου θα αρχίσει να «μεγαλώνει» ενώ θα υπολογίζετε πόσα κλαδιά βρίσκονται σε εξέλιξη. Μπορείτε να ανανεώσετε για να δείτε όσες φορές επιθυμείτε.

Μαγνητικός

Αυτό είναι ένα άλλο διασκεδαστικό και εθιστικό για να απολαύσετε. Ξεκινάτε βασικά με μερικούς «μαγνήτες» που μπορούν να σύρονται γύρω από την οθόνη. Τα σωματίδια της φωτεινής τροχιάς γύρω από αυτά και αν αλλάζετε θέσεις μπορείτε να αλλάξετε τα σχήματα που κάνουν. Εάν θέλετε περισσότερους μαγνήτες και σωματίδια απλά κάντε διπλό κλικ και σύρετε τα εκεί που τα θέλετε. Ναι, πρόκειται για μαγνήτες και φυσική!

Γράφημα κερδών διασημοτήτων

Θέλετε να δείτε μια οπτική αναπαράσταση του πόσα τηλεοπτικά διασημότητες κερδίζουν ανά επεισόδιο; Αυτό είναι ένα δροσερό μικρό γράφημα που δείχνει στοίβες χρωμάτων που αντιπροσωπεύει πόσο μια συγκεκριμένη διασημότητα κάνει ανά μαγνητοσκόπηση ενός τηλεοπτικού σόου (ή έκανε, σε περιπτώσεις όπως ο Charlie Sheen). Έγινε ένα από τα πολλά έργα και πειράματα του Daniel Rapp.

Κορδέλα καμβά

Ο Paul Truong έκανε αυτή την ενδιαφέρουσα εφαρμογή που σας επιτρέπει να ζωγραφίζετε χρησιμοποιώντας μια συνεχώς κινούμενη, πολύχρωμη κορδέλα στην οθόνη. Κάνει σχήματα και σχέδια, και το αποτέλεσμα είναι αρκετά όμορφο. Το μόνο που έχετε να κάνετε είναι να το σύρετε όλη την οθόνη, μιλώντας για την απλότητα eh.

WebGL Water

Εδώ έρχεται ένα δροσερό demo που χρησιμοποιεί την επαναστατική WebGL (Web-based Graphics Library), η οποία εξυπηρετείται καλύτερα με το Google Chrome. Με το demo, μπορείτε να σχεδιάσετε το νερό για να κάνετε κυματισμούς ή να σύρετε τη σφαίρα για να το μετακινήσετε και να πατήσετε μερικά πλήκτρα πληκτρολογίου για να ρυθμίσετε την κατεύθυνση του φωτός και να αλλάξετε την βαρύτητα, όλοι για να δείτε πως το κινούμενο αντικείμενο αλληλεπιδρά με το περιβάλλον, ρεαλιστικός.

Χρυσαόρα

Ακόμα ένα εκπληκτικό demo που εφαρμόζει τη μαγεία του WebGL, το οποίο μπορείτε να δείτε μια ομάδα εξαιρετικά όμορφων και πιο σημαντικών, ζωντανών μέδουσες που κινούνται μέσα στο νερό, ακτινοβολημένες από την ακτίνα ορατού ηλιακού φωτός. Γίνετε μάρτυρες της περιόδου κατά την οποία τα HTML5 και WebGL φέρνουν τον ιστό στη ζωή, ορατό καλύτερα με το Google Chrome.

Voxel Rain

Voxel βροχή σημαίνει πολύχρωμα 3D κουτιά κατέρχεται για να σχηματίσουν ένα περιστρεφόμενο μεγάλο μπλοκ. Είναι σαν να παρουσιάζουμε τις δυνατότητες του υπολογιστή στη δεκαετία του 1990, και τώρα αφορά τον web browser χρησιμοποιώντας τη δύναμη του HTML5, η φωτεινότερη εποχή του Διαδικτύου δεν είναι πιο μακριά.

Εφέ κειμένου HTML5

Συχνά, εμείς οι web designer αναρωτιόμαστε πόσο δυνατότητες HTML5 μπορεί πραγματικά να μας βοηθήσουν στην ανακάλυψη στην τυπογραφία web, και αυτό το demo σας δίνει την απάντηση, περισσότερο από ποτέ! Μπορείτε να επιλέξετε να παρακολουθήσετε στερεοσκοπικό εφέ, φαινόμενο νέον, ή ακόμα κινούμενο εφέ νέον, το μέλλον της τυπογραφίας web είναι στο χέρι του HTML5.

Spinning HTML5 Logo

Απλά δεν μπορώ να κρατήσω τη δόξα του HTML5, είναι περιστρεφόμενο, περιστρέφεται ... είναι δροσερό.

Σκίτσο σε 3D

Έχετε βαρεθεί από την υπηρεσία σχεδίασης 2D σκίτσων που βασίζεται σε HTML5; Κοίτα αυτό. Απλώς σχεδιάστε μια γραμμή και πατήστε το πλήκτρο Space στη συνέχεια σύρετε αριστερά ή δεξιά και θα δείτε το σχέδιό σας να περιστρέφεται σε 3D άποψη. Το 3D sketching δεν είναι πιο περίπλοκο με το HTML5.

mta.me Αγωγός

Ο αγωγός Mta.me σας εμπνέει με σημεία ωοτοκίας που θα μετακινούνται συνεχώς για να σχηματίσουν γραμμές και όταν οι γραμμές “συγκρούονται” μεταξύ τους θα προκαλέσουν κάποια αλληλεπίδραση. Όλα για να αποδείξει κανείς ότι το HTML5 δεν αφορά μόνο τον κώδικα αλλά την αλληλεπίδραση, και αυτό ακριβώς φροντίζουν οι χρήστες του διαδικτύου.

Το Google Gmail

Ένα ενδιαφέρον παιχνίδι τύπου shooter, αλλά ο ήρωας είναι το Gmail, το ελευθερώστε από τα κακά! Ακριβώς όπως το κλασικό παιχνίδι σκοπευτών, πήρατε τη ζωή, το σκορ και την παντοδύναμη δέσμη λέιζερ. Πιθανώς ένα από τα πιθανά demos για να παρουσιάσει τις δυνατότητες του HTML5 να κάνει σαν παιχνίδι. Προσέξτε, Flash.

W Pilot

Αυτό είναι ένα παιχνίδι εθιστικό που πρέπει να είναι παράνομο. Σοβαρά, μόλις συνδεθείτε σε έναν από τους διακομιστές σας, θα θέλετε να παίξετε για ώρες. Βασικά πετάτε γύρω από τα γυρίσματα, αποφεύγοντας να πυροβολείτε από άλλους παίκτες. Είναι απλό και τόσο διασκεδαστικό να παίζεις και το γεγονός ότι επιτρέπει μια εμπειρία για πολλούς παίκτες είναι ένα σοβαρό πλεονέκτημα που το τοποθετεί πάνω από παιχνίδια Flash που είναι τόσο δημοφιλή αυτή τη στιγμή.