Περιεχόμενο
- 01. Το Matrix είναι ένα σύστημα
- 02. Τα ντους του Απριλίου φέρνουν λουλούδια Μαΐου
- 03. 3D City Tour
- 04. Παράξενα κρύσταλλα
- 05. 1Κ Μετεωρίτες
- 06. Μην ανησυχείτε, χαίρεστε!
- 07. Μορφόζη
- 08. Comanche
- 09. Λουλούδι
- 10. Furbee
- Σας άρεσε αυτό; Διαβάστε αυτά!
Κάθε χρόνο, ο διαγωνισμός JS1K ζητά από τους σχεδιαστές ιστοσελίδων να δημιουργήσουν μια δροσερή εφαρμογή JavaScript όχι μεγαλύτερη από 1k. Ο διαγωνισμός ξεκίνησε ως αστείο, αλλά η υψηλή ποιότητα των συμμετοχών με την πάροδο των ετών έχει ως αποτέλεσμα να γίνει μια λαμπρή βιτρίνα για ό, τι μπορείτε να κάνετε με μια χούφτα κώδικα.
Ακολουθούν 10 από τις αγαπημένες μας υποβολές για τον φετινό διαγωνισμό - αλλά υπάρχει πολύ πιο εκπληκτική δουλειά που μπορείτε να δείτε: ρίξτε μια πλήρη λίστα στον ιστότοπο JS1K. (Και αν θέλετε να εισέλθετε, έχετε ακόμα χρόνο. Η τελευταία κλήση για εγγραφές είναι τα μεσάνυχτα αυτήν την Κυριακή).
- Διαβάστε όλα τα άρθρα μας JavaScript εδώ
01. Το Matrix είναι ένα σύστημα
Ποιος δεν θα ενθουσιαζόταν από αυτό το λαμπρό demo που αναπαράγει τη διάσημη «ψηφιακή βροχή» του Matrix χρησιμοποιώντας ελαχιστοποιημένη JavaScript; Δημιουργήθηκε από τον Pedro Franceschi με μόλις 956 byte κώδικα.
02. Τα ντους του Απριλίου φέρνουν λουλούδια Μαΐου
Αυτό το απλό αλλά διασκεδαστικό παιχνίδι πληκτρολόγησης που βασίζεται σε κινούμενα σχέδια που μοιάζουν με την άνοιξη δημιουργήθηκε από τον Abigail Cabunoc. Ο κωδικός συμπιέστηκε με το Closure Compiler, στη συνέχεια ελαχιστοποιήθηκε το χέρι, και τέλος το JS Crush.
03. 3D City Tour
Το 3D City Tour προσφέρει ό, τι υπόσχεται - μια προβολή πρώτου προσώπου μιας νησιωτικής πόλης την άνοιξη. Χρησιμοποιήστε το ποντίκι σας για να πετάξετε πάνω από την πόλη, πηδήξτε από στέγη σε στέγη ή οδηγήστε με τα αυτοκίνητα στους δρόμους. Μπορείτε επίσης να αφήσετε τον αυτόματο πιλότο να σας δείξει. Συμπεριλαμβανομένων κτιρίων, δρόμων, πινακίδων κυκλοφορίας, κινούμενων αυτοκινήτων, πάρκων, θάλασσας και άλλων, θα εκπλαγείτε ότι ο Jani Ylikangas κατάφερε να δημιουργήσει όλα αυτά σε λιγότερο από 1k.
04. Παράξενα κρύσταλλα
Αυτό το εκπληκτικό τρισδιάστατο animation του Philippe Deschaseaux σας ταξιδεύει σε ένα παράξενο ταξίδι μέσα από ένα υπόγειο ορυχείο. "Οι ανθρακωρύχοι έχουν σταματήσει να λειτουργούν", διαβάζει η περιγραφή. «Φοβούνται. Όλα φαίνεται να προέρχονται από εκείνους τους περίεργους κρυστάλλους που έχουν δει κάποιοι. Να είστε υπομονετικοί και με λίγη τύχη, θα τους δείτε».
05. 1Κ Μετεωρίτες
Είμαστε κορόιδα για παιχνίδια παλιού σχολείου στο Creative Bloq, οπότε λατρεύουμε αυτό το αφιέρωμα των Αστεροειδών από τον Όσκαρ Τολέδο Γ. Λειτουργεί με 30 καρέ ανά δευτερόλεπτο στα περισσότερα μηχανήματα, κάθε παιχνίδι είναι μοναδικό και, όπως εξηγεί ο δημιουργός, προσφέρει " πολύ ρεαλισμό καθώς δεν υπάρχουν ήχοι στο διάστημα ".
06. Μην ανησυχείτε, χαίρεστε!
Αυτό το ψευδο-3D αυτοκινούμενο κινούμενο σχέδιο διαθέτει μια πολυάσχολη μέλισσα που πετά αριστερά και δεξιά, φρέσκο κινούμενο γρασίδι που ταλαντεύεται με βάθος, όμορφα λουλούδια και μια κάμερα που κινείται προς όλες τις κατευθύνσεις (αριστερά, δεξιά, πάνω, κάτω και εμπρός) για τη διασκέδαση σας . Δημιουργήθηκε από τον Manuel Rülke, ο κώδικας ελαχιστοποιήθηκε χρησιμοποιώντας το Closure Compiler, βελτιστοποιήθηκε περαιτέρω με το χέρι και μετά συντρίφθηκε με το JS Crush.
07. Μορφόζη
Αυτό το διαδραστικό τρισδιάστατο πλέγμα είναι κάτι που πρέπει να παίξετε. Δημιουργήθηκε από τον Benjamin Bill Planche, το demo χρησιμοποιεί τον αλγόριθμο του Painter για την απόδοση του 3D mesh. Μετά την προβολή κάθε προσώπου στο σύστημα συντεταγμένων που ορίζεται από την κάμερα, ταξινομούνται μειώνοντας το βάθος για να λάβετε τη σειρά ζωγραφικής. Το εμφανιζόμενο σχήμα είναι το αποτέλεσμα ενός χαοτικού tweening μεταξύ δύο προ-δημιουργημένων ματιών, ενός κύβου και μιας σφαίρας. Για να γίνει ομαλό tweening για τα πρόσωπα, η γεωμετρία της σφαίρας δημιουργείται χαρτογραφώντας κάθε κορυφή του κύβου (μέθοδος χαρτογράφησης κύβων).
08. Comanche
Αυτό το αφιέρωμα στο παιχνίδι προσομοίωσης ελικοπτέρου Comanche: Maximum Overkill σάς επιτρέπει να χρησιμοποιείτε βέλη για τον έλεγχο του βήματος και του ρολού (το υψόμετρο βρίσκεται στον αυτόματο πιλότο). Ο ουρανός αλλάζει από μέρα σε νύχτα και το παιχνίδι τρέχει στα 25 FPS σε έναν υπολογιστή μεσαίου επιπέδου. Σχεδιασμένο από τη Siorki, ο κωδικός Packer αναπτύχθηκε τόσο από το First Crush όσο και από το JS Crush.
09. Λουλούδι
Ο τρόπος με τον οποίο αυτοί οι κυματιστοί, περιστρεφόμενοι κύκλοι σχηματίζονται σε ένα περιστρεφόμενο σχήμα λουλουδιού είναι απλά όμορφος και πρέπει να θεωρηθεί ότι πιστεύεται. Δημιουργήθηκε από το Cheeseum σε μόλις 960 bytes.
10. Furbee
Εδώ, η Roman Cortes ωθεί πραγματικά τα όρια του δυνατού σε λιγότερο από 1k με καμβά 2D και εξοπλισμό προηγμένης τεχνολογίας. Αυτό το πολύχρωμο κινούμενο σχέδιο διαθέτει απόδοση γούνας, φτερά με καλλιτεχνική θαμπάδα κίνησης και 3D cloudscape. Για να το απολαύσετε πλήρως, απαιτείται παρακολούθηση σε έναν πολύ ισχυρό υπολογιστή με Chrome. (Σε μια άλλη καταχώριση, Furbee, βγείτε από αυτό το τούνελ το συντομότερο δυνατόν !, Ο Cortes έβαλε το Furbee του με την είσοδο του Deschaseaux - νούμερο 2 στη λίστα μας - και αυτό είναι πολύ απίστευτο επίσης.)
Σας άρεσε αυτό; Διαβάστε αυτά!
- Πώς να δημιουργήσετε μια εφαρμογή
- Οι καλύτερες ταινίες 3D του 2013
- Ανακαλύψτε τι ακολουθεί για το Augmented Reality
Έχετε δει μια καταπληκτική δημιουργία JavaScript σε 1k ή λιγότερο; Πείτε μας για αυτό στα σχόλια!