Διαφήμιση

ο Πειράματα Chrome ο ιστότοπος είναι μια βιτρίνα για όλα τα νέα και συναρπαστικά πράγματα όσον αφορά τις τεχνολογίες ιστού και τις εξελίξεις του προγράμματος περιήγησης, με έμφαση στα JavaScript. HTML5 10 ιστότοποι για να δείτε τι είναι το HTML5 Διαβάστε περισσότερα , ο καμβάς, το SVG και η μηχανή 3D WebGL παρουσιάζουν εξέχουσα θέση σε μικρές σπίθες δημιουργικότητας που ανοίγουν το δρόμο για ένα πιο όμορφο και πιο διαδραστικό Διαδίκτυο.

Ένα από τα καλύτερα πράγματα σχετικά με τα Πειράματα Chrome είναι ότι ο ιστότοπος ενθαρρύνει τη μάθηση 4 Ομιλίες TED που πρέπει να δείτε για τη δημιουργικότητα, την έμπνευση και το πάθοςΔημιουργικότητα. Εμπνευση. Πάθος. Όλες αυτές είναι έννοιες τις οποίες γνωρίζουμε πολύ καλά, αλλά πολλοί από εμάς δεν μπορούμε να προσδιορίσουμε με ακρίβεια την πηγή τους. Από πού προέρχεται η δημιουργικότητα; Τι είναι αυτό που προκαλεί μια... Διαβάστε περισσότερα παράλληλα με την ανακάλυψη, επομένως, αφού παίξετε με ένα έργο, υπάρχει μια καλή πιθανότητα να μάθετε λίγα πράγματα για το πώς γίνεται - και σε ορισμένες περιπτώσεις να το δώσετε μόνοι σας.

instagram viewer

Υπάρχουν εκατοντάδες παιχνίδια με τα οποία μπορείτε να παίξετε στον ιστότοπο του Chrome Experiments και για να ξεκινήσετε, εδώ είναι μερικά από τα καλύτερα.

Απαιτήσεις προγράμματος περιήγησης

Δεδομένου ότι πρόκειται για έναν ιστότοπο που εστιάζει στο Chrome που διευθύνεται από την Google, όλα τα πειράματα προορίζονται να λειτουργούν στο πρόγραμμα περιήγησής τους Chrome. Αυτό σημαίνει ότι θα έχετε μικρό πρόβλημα με την εκτέλεση οποιουδήποτε από αυτά εάν κάνετε λήψη ή ενημέρωση στο τελευταία σταθερή έκδοση του Chrome, αν και άλλα σύγχρονα προγράμματα περιήγησης θα πρέπει επίσης να λειτουργούν.

Απλώς μην προσπαθήσετε να κάνετε τίποτα από αυτά IE6 Εάν εξακολουθείτε να χρησιμοποιείτε IE6, έχετε πρόβλημα [Γνώμη]Ο IE6 ήταν το καλύτερο από τα καλύτερα όταν βγήκε φρεσκοστυμμένο από το εργοστάσιο λογισμικού της Microsoft. Εξαιτίας αυτού, κατάφερε να επιτύχει το ρεκόρ 95% του μεριδίου αγοράς του προγράμματος περιήγησης στο ύψος του... Διαβάστε περισσότερα , εντάξει?

πειράματα χρωμίου
Αυτά τα σύννεφα δεν είναι αληθινά 3D - ως συγγραφέας Jaume Sanchez επισημαίνει – αλλά φανταστείτε αν ο ιστότοπός σας ή ακόμα και το φόντο της επιφάνειας εργασίας σας δημιουργούσε όμορφα, τρισδιάστατα σύννεφα χρησιμοποιώντας μόνο CSS και λίγο JavaScript. Προφανώς, δεν είμαστε πολύ μακριά από αυτό το στάδιο, όπως δείχνει αυτό το demo.

Ο ιστότοπος του Jaume είναι γεμάτος από άλλα ενδιαφέροντα πειράματα που περιλαμβάνουν HTML5, καθώς και έναν τόνο οδηγών που θα σας βοηθήσουν να ξεκινήσετε να φτιάχνετε το δικό σας. Αν θέλετε να μάθετε πώς έφτιαξε αυτά τα σύννεφα, μπορείτε να διαβάσετε τα πάντα για αυτό εδώ.

πειράματα χρωμίου
Περισσότερο διασκεδαστικός παρά λειτουργικός, αυτός ο τόρνος που λειτουργεί με WebGL Einar Öberg χρησιμοποιεί το πλήκτρο διαστήματος και το δείκτη του ποντικιού για να αναδημιουργήσει την τέχνη της στροφής ξύλου, μετάλλου και πέτρας με το χέρι. Ο Einar κατασκεύασε το demo για να δείξει ένα απλό διαδικαστικό shader, αλλά πρόσθεσε και μερικούς ήχους για αυθεντικότητα.

Αν και δεν είναι ένα πλήρες σεμινάριο, μπορείτε να μάθετε λίγα περισσότερα για το πώς έγινε το ιστολόγιο του συγγραφέα.

πειράματα ιστού χρωμίου
Ένα πείραμα που περιλαμβάνει εφέ σωματιδίων και τη μηχανή WebGL, ο Edouard Coulon δημιούργησε κάτι πραγματικά όμορφο που μπορείτε να χειριστείτε με το ποντίκι και το πλήκτρο διαστήματος. Κάντε κλικ για να προσελκύσετε τα σωματίδια στο κέντρο της οθόνης και, στη συνέχεια, πατήστε το πλήκτρο διαστήματος για να τα παρακολουθήσετε να πυροβολούν ξανά προς τα έξω!

Δεν υπάρχει κανένα σεμινάριο για αυτό δυστυχώς, αν και θα συνιστούσα να δοκιμάσετε τη λειτουργία ενός εκατομμυρίου σωματιδίων εάν ο υπολογιστής σας μπορεί να το χειριστεί. Προσθέστε έναν προβολέα και ένα σκοτεινό δωμάτιο για ατελείωτη διασκέδαση!

πειράματα ιστού χρωμίου
Φτιαγμένο από AlteredQualia που έγραψε και το φοβερό Ρώμη διαδραστική ταινία (η οποία εμφανίζεται επίσης στο Chrome Experiments), τα αυτοκίνητα WebGL είναι ένα τρισδιάστατο παιχνίδι που σας επιτρέπει να ελέγχετε μια Bugatti Veyron και μια Lamborghini Gallardo από πολλές γωνίες κάμερας.

Ένα πράγμα που είναι ιδιαίτερα ωραίο σε αυτό είναι η επίδειξη θαμπώματος κίνησης, βάθους πεδίου και διαφορετικών συνθηκών φωτισμού. Εντάξει, και το παιδί μέσα μου λατρεύει να παίζει με αυτοκινητάκια – τι να πω;

πειράματα ιστού χρωμίου
Αυτό είναι ένα από εκείνα τα παιχνίδια αντίδρασης όπου ο στόχος είναι να μετακινήσετε τον στόχο με το ποντίκι σας (ή σε αυτήν την περίπτωση και το πληκτρολόγιο) σε μια προσπάθεια αποφυγής επερχόμενα εμπόδια - εκτός από το ότι είναι καλύτερο από τα υπόλοιπα επειδή αυτό περιλαμβάνει ένα X-Wing και κάτι που μοιάζει με την τάφρο από το Star Του πολέμου.

Ο συγγραφέας που ακούει στο όνομα OutsideOfSociety έχει πολλά περισσότερα πειράματα WebGL σε εξέλιξη δικτυακός τόπος.

πειράματα ιστού google chrome
Μια πλήρως λειτουργική διεπαφή ηλεκτρονικού εμπορίου, το My Robot Nation αξιοποιεί τη δύναμη του WebGL για να σας επιτρέψει να σχεδιάστε, ζωγραφίστε και προσαρμόστε το δικό σας ρομπότ-παιχνίδι πριν το στείλετε σε εσάς για ένα σετ τιμή.

Εντάξει, οπότε δεν χρειάζεται να αγοράσετε το ρομπότ για να το πάρετε καλά - αλλά αν ξοδέψετε όσο χρόνο προσπαθούσα να φτιάξετε κάτι που μοιάζει αόριστα με Robobrain από το Fallout Κινήστε το ενδιαφέρον σας με αυτά τα Wiki σε 4 φανταστικούς μετα-αποκαλυπτικούς κόσμουςΈχετε πάει ποτέ στο wiki της αγαπημένης σας σειράς εκπομπών ή βιβλίων και στη συνέχεια πέσατε σε μια χρονική στρέβλωση κορεσμένου περιεχομένου; Ξέρετε για τι πράγμα μιλάω – κάτι σαν την κλασική μαύρη τρύπα του TVTropes... Διαβάστε περισσότερα σειρά τότε θα εύχεσαι να είχες. Μην ξεχάσετε να δείτε και τις δημιουργίες όλων των άλλων!

πειράματα ιστού google chrome
Ένα άλλο παιχνίδι τύπου «αποφύγετε τα εμπόδια με το ποντίκι σας», εκτός από το ότι αυτό είναι η συνέχεια του αρχικού FastKat με Omiod, ένα αρκετά δημοφιλές παιχνίδι HTML5 που μπορεί να έχετε ήδη παίξει. Η συνέχεια είναι πιο γρήγορη, πιο δύσκολη και πολύ εθιστική.

Απλώς μην ξεκινήσετε να το παίζετε όταν έχετε δουλειά να κάνετε…

πειράματα ιστού google chrome
Το τελευταίο πείραμα που παρουσιάζεται εδώ (από εκατοντάδες, ήταν δύσκολο να επιλέξω μόνο 8) είναι μάλλον ιδιαίτερο καθώς σας επιτρέπει να χειρίζεστε αντικείμενα WebGL χρησιμοποιώντας κώδικα on-the-fly. Εκτός από ένα σύνολο επιδείξεων για να δείτε και να παίξετε, υπάρχει μια σειρά από μαθήματα που θα σας βοηθήσουν να μάθετε κάποια WebGL.

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

συμπέρασμα

Ο ιστότοπος του Chrome Experiments είναι απλώς μια πλατφόρμα όπου καλλιτέχνες και κωδικοποιητές μπορούν να υποβάλουν τις δημιουργίες τους, αλλά αυτό εξυπηρετεί έναν σπουδαίο σκοπό – να αναδείξει τα ταλέντα και να βοηθήσει τους άλλους να διδάξουν τις δυνατότητες των νέων τεχνολογιών Ιστού. Υπάρχουν ακόμη και πειράματα Chrome που λειτουργούν στο κινητό σας!

Ο Tim είναι ένας ανεξάρτητος συγγραφέας που ζει στη Μελβούρνη της Αυστραλίας. Μπορείτε να τον ακολουθήσετε στο Twitter.