18 Καλύτερη Δημιουργική JavaScript Παραδείγματα

Η JavaScript είναι μια καταπληκτική ερμηνεύεται γλώσσα προγραμματισμού, όπως ερμηνεύει ή να κάνει κάτι, όταν πελάτης αλληλεπιδρά με το πρόγραμμα περιήγησης ή την εφαρμογή. Πήγε για να γίνει ένα από τα πολύ δημοφιλή γλώσσες που έγινε ποτέ, παράλληλα με άλλα γιγαντιαία γλώσσες. Εδώ μπορείτε να δείτε τις πραγματικές δυνατότητες ή να πω μερικά από τα πλεονεκτήματα για να το κάνετε προσθέσει τη μεγάλη αλληλεπίδραση από την πλευρά του πελάτη στο εμπρόσθιο άκρο.

Αν και 3D αντικείμενα θα επιβραδύνει το σύστημα, με ελάχιστες προδιαγραφές εξακολουθεί να είναι εκπληκτικό να δούμε. Από το χρήστη είναι, επίσης, την πλήρη έλεγχο είτε να χρησιμοποιήσετε JavaScript ή όχι μέσα από τους browsers. Ρίξτε μια ματιά σε αυτά τα παρακάτω σενάρια έχουν σχεδιαστεί από επιμέρους ταλαντούχους προγραμματιστές και να μοιραστεί σε codepen.io ιστοσελίδα.

Επιτρέψτε μου να ξέρω αν σας άρεσε αυτό το θέμα JavaScript παραδείγματα και να το κάνουμε να μοιραστείτε την εργασία σας με μας.

JavaScript αριθμομηχανή

Ένα ευχάριστο και κομψό κοίταγμα υπολογιστής κάνει μαθηματικές πράξεις σε απευθείας σύνδεση. Η κίνηση ρέει πολύ ομαλά με αυτό το JavaScript web app.

Πηγή

JavaScript Calculator

JavaScript Visualizer [V1]

Καταπληκτικό Visualizer, το οποίο μπορεί να χρησιμοποιηθεί για τον ήχο κινήσεις με βάση το τραγούδι που θα παίξει.

Πηγή

JavaScript Visualizer

JavaScript παιχνίδι μνήμης

Ένα υπέροχο παιχνίδι μνήμης για την έμπνευση σας. Πάρτε το χρόνο για να παίξει αυτό το καταπληκτικό παιχνίδι που απαιτεί από εσάς να θυμάστε δύο στοιχεία για να κερδίσει το παιχνίδι.

Πηγή

Javascript Memory Game

Draggable “Εκτίναξη” Demo

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

Πηγή

Draggable "Toss" Demo

Γεννήτρια Τυχαίων Λαβύρινθο

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

Πηγή

Random Maze Generator

Σύνδεση Σωματίδια

Ένα όμορφο σύνολο των σφαιρών που συνδέει το ένα με το άλλο σε επαφή.

Πηγή

linking particles

three.js πρακτική

Πηγή

renderer element

Ένα Στυλό με Λευκό Wolf Οδηγό

Πηγή

pen

Tearable Υφασμάτων

Javascript ύφασμα προσομοίωσης.

Πηγή

Javascript cloth simulation

Χώρο Κουτάβι

Ένα παράδειγμα Famo.μας εξάγει σε WebGL. Εκθέτουν ρυθμιστικά πατώντας το πλήκτρο (+) και να εξερευνήσουν τη δύναμη και την απόδοση του WebGL με την ευελιξία του Famo.μας δίνει τη μηχανή. Πιρούνι και να το κάνετε δικό σας.

Πηγή

space puppy

Γεια Σας Κόσμο

Ένα όμορφο πλωτά hello world προειδοποίηση.

Πηγή
hello world

Φουτουριστικό Νέον Εξοικονόμηση Πράγμα

Θα μπορούσε να χρησιμοποιηθεί όταν κάνει ajax-αποθηκεύει για οποιοδήποτε είδος της ιστοσελίδας με ένα φουτουριστικό αίσθηση 🙂 — Ενιαίο Στοιχείο, Κινούμενα σχέδια CSS, jQuery Εκδηλώσεις.

Πηγή

Futuristic Neon Saving Thing

30,000 Σωματίδια

Μελέτη για τη δημιουργία αποδοτικοί σωματίδια με Καμβά 2D.

Πηγή

particles

Metro UI κινούμενα σχέδια

Μην ξεχάσετε να ελέγξετε έξω τα :ενεργό

Πηγή

Metro UI animations

Κάθετη JS Loader

Πηγή

javascript vertical loader

Απλή JS κινούμενα σχέδια

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

Πηγή

Simple JS Animation

Κινητό Υπο-Μενού Έννοια

Διαφορετικό μενού αποτέλεσμα για το κινητό.

Πηγή

Mobile Sub Menu Concept

CSS 3D Ηλιακό Σύστημα

Πηγή

CSS 3D Solar System

CSS3 Τράπουλα Drop Down

Αυτό είναι ένα UI ιδέα που δεν έχετε δει πριν, αλλά ένιωσα ότι δεν ήταν λίγα τα πράγματα που θα μπορούσε να γίνει διαφορετικά. Ao εδώ είναι η δική μου εκδοχή για ένα φύλλων στυλ αναπτυσσόμενο, που χρησιμοποιεί μεταβάσεις CSS3 και jQuery.

Πηγή

CSS3 Card Deck Drop Down

Responsive CSS3, JS Πλευρά Μενού Πλοήγησης

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

Πηγή

Responsive CSS3 Side Navigation Menu

Yuzo - Related Posts

コメントを残す