ΤΟΜΑΣ Reimers: Cool. Έτσι, γεια σε όλους. Tomas όνομά μου. Είμαι TF και αυτό είναι ARMAGHAN BEHLUM: Αρμί. Νίκαια για να δείτε εσείς. ΤΟΜΑΣ Reimers: Cool. Έτσι θα πάμε να μιλάμε για Leap Motion σήμερα. Έτσι Leap Motion είναι μια πραγματικά δροσερό προϊόν ότι σας επιτρέπει να αλληλεπιδρούν με ένα υπολογιστή με έναν διαφορετικό τρόπο. Έτσι, η όλη ιδέα πίσω άλμα κίνηση είναι ότι θα μπορείτε να χρησιμοποιήσετε τα χέρια σας για να αλληλεπιδρούν με τον υπολογιστή. Έτσι, εδώ έχω κάτι που έχει συσταθεί. Θα μιλήσω γι 'αυτό σε λίγο. Αλλά η βασική έκδοση είναι ότι μπορείτε να βλέπω ότι έχω τα χέρια μου μπροστά του υπολογιστή μου και όταν τα μετακινήσετε, μπορείτε να πάρετε το αναλογικό στον υπολογιστή και μπορείτε να το αναλύσει. Μπορείτε να κάνετε χειρονομίες. Μπορείτε να χρησιμοποιείτε τα χέρια σας για να αλληλεπιδρούν με τον υπολογιστή σε νέα και ενδιαφέροντα τρόπο. Λοιπόν, εγώ πραγματικά πρώτα θέλουν να περάσουν μακριά για να Αρμί να σας δείξω μερικά δροσερά demos για το τι μερικοί άνθρωποι έχουν γίνει με αυτό. Και τότε θα μιλήσουμε για το πώς που πραγματικά κώδικα με αυτό. ARMAGHAN BEHLUM: Ναι. Γεια σας. Έτσι, όπως είδαμε, λίγο στοιχεία εδώ, αλλά ας δούμε τι μερικοί άνθρωποι έχουν γίνει με αυτό. Έτσι, επιτρέψτε μου να ανοίξει αυτό το παράδειγμα. Και τότε, έτσι, για παράδειγμα, μπορείτε να δείτε αναλογικό χέρι μου εκεί, αλλά τώρα αυτή τη φορά μερικοί άνθρωποι χρησιμοποιούν Ενότητας έχουν αποφάσισε να βάλει λίγο περισσότερο δέρμα και τα πράγματα γύρω από το χέρι. Έτσι μπορώ, ας πάμε με αυτό, Σίγουρα, έχουν τα χέρια μου αλληλεπιδρούν. Και μπορείτε να φανταστείτε πιθανώς ένα ζευγάρι άλλα δροσερά χρήσιμα πράγματα ότι μπορείτε να κάνετε με αυτό. Έτσι, αυτό είναι τουλάχιστον ένα παράδειγμα. Και τότε ας πηδήξει έξω από αυτό. Και στη συνέχεια, ένα άλλο ένα δροσερό Είναι, ας πάμε με αυτό. Plasmo μπάλα. Και πάλι, εμείς δεν θα είναι απαραίτητα αναμένουν αυτό το επίπεδο πολυπλοκότητας από ένα τελικό σχέδιο για CS50. Αυτό είναι μόνο για να σας δείξω μερικά από τα, να σας δώσω παιδιά λίγο έμπνευση για το τι εσείς μπορείτε να κάνετε με Leap Motion. Έτσι, για παράδειγμα, εδώ είναι ένα δροσερό φυσική παράδειγμα, που εκεί πάμε. Έχει δύο από τα χέρια μου, έτσι τώρα σας έχουν αυτό το μικρό μπάλα πλάσματος. Και η μπάλα αντιδρά με τη φυσική μου κινείται το χέρι μου γύρω από την μπάλα. Τώρα αυτό είναι όλο κι αν χρησιμοποιείτε Ενότητας, χρησιμοποιώντας το είδος των εργαλείων και των πλαισίων ότι δεν έχουμε διδάξει σας παιδιά στην τάξη, αλλά όπως μπορείτε να δείτε μερικά αρκετά δροσερό τρέξιμο throughs με αυτό. Αλλά ένα πράγμα που μπορείτε να κάνετε για παιδιά ξεκινώντας τώρα με Leap Motion είναι η δουλειά σε JavaScript. Leap Motion έχει ένα JavaScript API που εσείς μπορείτε να χρησιμοποιήσετε και εμείς σε μεγάλο βαθμό, ιδιαίτερα Συνιστούμε ότι εσείς χτίσει τα έργα σας χρησιμοποιώντας αυτό. Έτσι, με αυτό, επιτρέψτε μου να να περάσει πίσω από να Tomas να μιλήσουμε για Άλμα Κίνηση και JavaScript. ΤΟΜΑΣ Reimers: Cool. Ή μήπως θέλετε να εμφανίσετε τα πρώτα οπτικοποίησης; ARMAGHAN BEHLUM: Ω ναι. Ναι. Ας μιλήσουμε περισσότερο για αυτό Visualizer. ΤΟΜΑΣ Reimers: Έτσι, σε μια πιο βασική επίπεδο, όταν παίρνετε αρχικά στο Leap Motion θα πάμε να έχει αυτό το πλαίσιο. Εδώ, θέλω να πάρω τον έλεγχο; ARMAGHAN BEHLUM: Ναι, πάμε για αυτό. ΤΟΜΑΣ Reimers: Έτσι, όταν πρώτα να πάρετε στο Leap Motion θα πάμε να έχει αυτό το πλαίσιο. Έχει μια συσκευή η οποία φαίνεται κάτι σαν αυτό. Μπορείτε να το συνδέσετε στον υπολογιστή σας, εγκαταστήσετε τα απαραίτητα προγράμματα οδήγησης, και στη συνέχεια θα βασικά να συσταθεί. Έτσι, ο ευκολότερος τρόπος για να ταξινομήσετε της συμφωνίας με Leap Motion έχει ανοίξει αυτό το πρόγραμμα εγκαθιστά κάλεσε το Leap Motion Visualizer. Και η Visualizer είναι κυριολεκτικά τι δείχνω εδώ. Σας επιτρέπει να δείτε το σκελετικό περίγραμμα των χεριών σας. Και ποιο είναι το Leap Motion η ερμηνεία τους ως. Έτσι, η Leap Motion χρησιμοποιεί την κάμερα για να ταξινομήσετε του ματιά στα χέρια σας και στη συνέχεια προσπαθεί να μαντέψει τι το βασική σκελετική σύνθεση που εσείς δείτε στην οθόνη είναι. Και αυτό είναι που σας δείχνει. ARMAGHAN BEHLUM: Κάθε μόνο μικρό σημείο και πράγμα που βλέπετε είναι εκεί στοιχεία που είναι διαθέσιμα για σας παιδιά καθώς και στη χρήση. Βλέπετε λοιπόν ότι είναι συλλαμβάνοντας ότι Tomas έχει πέντε δάχτυλα, το καθένα από αυτά τα διαφορετικά δάκτυλα είναι επίσης διαθέσιμα για εσάς ως δεδομένα σημεία για χρήση σε οποιαδήποτε εφαρμογή ότι μπορεί να θέλετε. Αν θέλετε να δείτε αν κάποιος κάνει ένα μπράβο μπορείτε να δείτε αν τα δάχτυλά τους Τα κατσαρά και το κατά πόσο είναι αντίχειρα είναι στραμμένη προς τα πάνω, ή όταν καρπό ή την παλάμη τους είναι και αυτό το είδος του πράγματα. ΤΟΜΑΣ Reimers: Cool. Έτσι, μπορείτε να δείτε κάποιες χειρονομίες που γνωρίζει καλύτερα από όλους τους άλλους. Να θυμάστε, ότι είναι κοιτάζοντας σας χέρι από μια φωτογραφική μηχανή από τον πυθμένα, Έτσι, όταν έχετε τα χέρια σας, όπως Αυτό που τους καταλαβαίνει πλήρως, αλλά μόλις αρχίσετε να προσπαθήσουμε και να κάνουμε ένα μπράβο, μερικές φορές διαβάζει, μερικές φορές μπορεί να μαντέψει, αλλά ειλικρινά η κάμερα απλά δεν μπορεί να δει τον αντίχειρα. Έτσι δεν είναι πραγματικά βέβαιοι για το τι συμβαίνει. Απλά κάποιοι περιορισμοί που πρέπει να θυμάστε όταν αναπτύσσεις με αυτό. Τέλος πάντων, έτσι πηγαίνει πίσω σε αυτό. Το Visualizer πραγματικότητα έχει πολλά χρήσιμα εργαλεία. Έτσι, η Leap Motion είναι προγραμματιστεί με τέτοιο τρόπο ότι δεν περιμένετε να αλληλεπιδρούν με αυτά τα δεδομένα εικόνας. Δεν κάνουν πραγματικά αναμένουμε από εσάς να καταλάβετε τι συμβαίνει πίσω από τις σκηνές. Αυτό που κάνουν είναι να εκθέσει μια δέσμη των APIs για εσάς έτσι ώστε να μπορείτε να αλληλεπιδρούν με αυτά τα δεδομένα απευθείας, χωρίς την κατανόηση τι συμβαίνει κάτω από την κουκούλα. Έτσι, αν χτυπάμε Η εδώ στο Visualizer θα δείτε πολλές επιλογές. Το σημαντικό εδώ αν είναι αν χτυπήσει O και στη συνέχεια χτύπησε H, θα δείτε ότι σας επιτρέπει να σχεδιάσετε χειρονομίες. Έτσι, μια χειρονομία, θα δείτε αντλεί ένα βέλος σε όλη. Μια χειρονομία είναι ένας από τους τρόπους που Άλμα Πρόταση είδος του σας επιτρέπει να φτάσετε σε δεδομένα χωρίς να χρειάζεται να το επεξεργαστεί. Έτσι, αντί να μου χρειάζεται να καταλάβω έξω, ω, το χέρι ήταν σε κίνηση, ακόμη και αν έχω σημείο πρόσβασης, το API θα το είδος ακριβώς να μου πείτε, hey, έκαναν την κίνηση αυτή. Έτσι, μπορείτε να κάνετε τις βασικές χειρονομίες βέλος. Μπορείτε να κάνετε χειρονομίες κύκλο. Μπορείτε να κάνετε αγγίζοντας χειρονομίες. Και μπορείτε να κάνετε βασικές χειρονομίες Τύπου. Ναι. Και τέτοιου είδους πράγματα. Έτσι τώρα που έχουμε το είδος του δει τι Leap Motion μπορεί να κάνει, μπορείτε να δείτε μπορεί να διαβάσει ένα σωρό χειρονομίες. Νομίζω Πάω να περνούν πίσω στο Αρμί και ότι πρόκειται να μιλήσουμε για το πώς μπορείτε να πάρετε σε αυτά με JavaScript, πώς μπορείτε να αρχίσετε ακόμη και ένα έργο με αυτό. Και τότε θα μιλήσουμε για μερικά δροσερά μέρη που μπορείτε να πάτε με αυτό. ARMAGHAN BEHLUM: Ναι. Ακούγεται καλό. Οπότε ναι, το πρώτο πράγμα που θα θέλετε να το κάνετε φυσικά, είναι μετά μπορείτε να πάρετε το Leap Motion είναι να πηγαίνετε στο leapmotion.com, που έχει συσταθεί, εγκαταστήστε οι οδηγοί και πράγματα. Μετά από να κάνει ότι μπορείτε να πάτε βεβαιωθείτε ότι είναι συνδεδεμένοι μεταξύ τους. Αν δείτε σε λίγο δίσκο σας το Leap Motion εικονίδιο και είναι πράσινο, τότε ξέρετε ότι είστε έτοιμοι. Και φυσικά ελέγξει τι ακριβώς Tomas σας έδειξα ακριβώς με τις χειρονομίες και να κάνει τα κτυπήματα στην οθόνη, και κλειδί βρύσες, και αυτό το είδος του πράγματα. Μετά από αυτό όμως εμείς, και πάλι, όπως είπα, έχουμε πρόσβαση σε όλα αυτά τα πράγματα σε JavaScript, καθώς και. Το ιδανικό που έχει συσταθεί ότι θα θέλαμε να σας προτείνουμε παιδιά είναι να πάει σε σας vhost κατάλογο, τοπικό κεντρικό υπολογιστή, κοινό σε συσκευή CS50 σας. Και όταν θα πάτε εκεί τι θα δείτε είναι ένα αρχείο HTML δείκτη τελεία. Τώρα ο δείκτης τελεία Αρχείο HTML ή δείκτη κουκκίδα PHP αρχείο, ανάλογα με το ποια είναι πρόστιμο, τι μπορείτε να κάνετε στη συνέχεια είναι να πάτε στο κύριο λειτουργικό σας σύστημα. Και αν πάτε στην IP διεύθυνση που είναι εισηγμένες στο κάτω δεξιά γωνία της συσκευής σας εδώ, όπως μπορείτε να δείτε, τι θα συμβεί στη συνέχεια, είναι να πάτε στη σελίδα που είναι Παραπέμπεται από το εν λόγω αρχείο HTML δείκτη τελεία. Έτσι όλο τον κώδικα που μπορεί να θέσει σε παίρνει εκεί έστειλε και μπορεί να χρησιμοποιηθεί εδώ. ΤΟΜΑΣ Reimers: Έτσι είναι, επίσης, σημαντική μόνο για την αναφορά ότι αν εσείς πραγματικά ξέρετε πώς να δημιουργήσει ένα διακομιστή στον εαυτό σας, ή θέλετε να βάλετε αυτό στην παγκόσμια web, είστε ευπρόσδεκτοι να κάνουν οτιδήποτε. Θυμηθείτε ότι αυτά είναι απλά αρχεία JavaScript και όλη η επεξεργασία Άλμα γίνεται για τον πελάτη. Γι 'αυτό δεν έχει τόση σημασία όπου η ζωή του διακομιστή σας εφ 'όσον υπολογιστή βλέπετε την ιστοσελίδα για έχει εγκαταστήσει Leap Motion. ARMAGHAN BEHLUM: Απολύτως. Όπως είπε ο Tomas, ναι, ό, τι λειτουργεί για σας παιδιά. Αυτή είναι μόνο μία από τις συστάσεις μας. Τώρα για να αρχίσετε να χρησιμοποιείτε το πήδημα Πρόταση τι θα κάνατε είναι αυτό που θα εισάγει ο Αρχείο JavaScript από Leap Motion. Και στη συνέχεια από εκεί τι μπορείτε να κάνετε είναι, αυτή τη στιγμή Έχω μόνο της παρούσας παραγράφου ετικέτα που έχει συσταθεί με την ταυτότητα του κειμένου. Πράγματα που εμείς θα προτείνουμε Οι επιλογές ρύθμισης ελεγκτή για Leap Motion με το ενεργοποιήσετε τις χειρονομίες για να είναι αληθινό. Έτσι, από προεπιλογή εκείνους χειρονομίες που σας έδειξα ρε παιδιά, ο κύκλος, και η κλειδί της βρύσης, και τα ισχυρά κτυπήματα, εκείνων που δεν έχουν δειχθεί εσείς από προεπιλογή. Όμως, συνιστούμε ιδιαίτερα τη χρήση αυτών έτσι δεν είστε ανακαλύπτουμε τον τροχό. Ενεργοποίηση εκείνους αληθές, περνώντας εκείνων Επιλογές ελεγκτή να άλμα βρόχο τελεία και είστε έτοιμοι να πάτε. Επειδή, τότε θα πρέπει ορίζεται μια ανώνυμη συνάρτηση ότι θα λάβει μια καρέ από Leap Motion και ότι το πλαίσιο έχει όλα τα πληροφορίες που πρόκειται να χρειαστείτε. ΤΟΜΑΣ Reimers: Έτσι απλά για να ανακεφαλαιώσουμε, έχετε ένα αντικείμενο. Έχετε αυτή τη λειτουργία ονομάζεται άλμα βρόχο τελεία. Και θα το ονομάσουμε με δύο επιχειρήματα. Μπορείτε να καλέσετε με μία, Οι επιλογές ελέγχου. Και υπάρχουν πολλά επιλογές που μπορείτε να βάλετε εκεί. Το ένα θα πάμε να τονίσω είναι να ενεργοποιήσετε τις χειρονομίες. Και αν έχετε ρυθμίσει το αληθής τότε μπορείτε να αποκτήσετε πρόσβαση σε αυτό το χειρονομίες ότι σας παρουσιάσαμε στο Visualizer. Και στη συνέχεια, το δεύτερο επιχείρημα είναι ένα λειτουργία, είναι κάτι σαν μια κλήση πίσω η οποία θα καλείται κάθε ώρα κάθε καρέ του Άλμα, Έτσι, κάθε μητρώα άλμα φορά που εμφανίζεται το χέρι σας, έχει ένα νέο πλαίσιο. Και καλεί αυτή τη λειτουργία με το ένα επιχείρημα, το οποίο είναι το αντικείμενο του πλαισίου. Και αυτό το αντικείμενο καρέ περιγράφει Το πλαίσιο όπως Άλμα βλέπει. ARMAGHAN BEHLUM: Ακριβώς. Έτσι, αυτό περιέχει όλες τις χρήσιμες bits και κομμάτια των πληροφοριών ότι μιλούσαμε για νωρίτερα. Έλεγχος πλαίσιο χειρονομίες τελεία είναι μια σειρά από χειρονομίες ότι η κίνηση άλμα που αλιεύονται σας τα χέρια κάνουν στο τελευταίο καρέ. Έτσι, για παράδειγμα, τι είμαστε κάνουμε εδώ είναι ότι πλέον έχουμε τον έλεγχο, hey, Άλμα, σε αυτό το τελευταίο καρέ έκανε πιάσετε χειρονομίες που έκανα; Και αν ναι, τι θα αποφασίσουμε να κάνουμε έχει επαναλάβει μέσω των χειρονομιών και να προσπαθήσουμε και να πάρετε κάποια χρήσιμα πληροφορίες από αυτά. Κάθε χειρονομία έχει ένα μοναδικό Αναγνωριστικό που σχετίζεται με αυτό. Έχουν τύπους. Μπορείτε να δείτε στις ομάδες οποία δάχτυλα συμμετείχαν στις χειρονομίες από τον έλεγχο αυτό κατευθυντική πράγματα. Έτσι, αν όταν θα πάτε μέσω της Leap Motion JavaScript πράγματα API, όταν αναφέρουν pointables, μιλάμε για αυτά τα δάχτυλα. Και στη συνέχεια τα χέρια είναι, φυσικά, ολόκληρο το αντικείμενο χέρι. Τι άλλο; Μπορείτε να ελέγξετε πόσο χρονικό διάστημα η κίνηση πήγε για για και, ναι, όλα αυτά τα χρήσιμα πράγματα. Έτσι, αυτό που κάνω τώρα είμαι εδώ μπήκα το πλαίσιο, και στη συνέχεια θα ενημερώσει HTML μου για να εμφανίσετε όλα αυτά τα bits των πληροφοριών από το πλαίσιο. Ας ελέγξει ότι έξω. Έτσι, εδώ είναι. Εδώ είναι το αρχείο HTML δείκτης τελεία. Και όπως μόλις είδα όταν ήμουν μόλις μετακόμισε το χέρι μου Άλμα αλιεύονται ένα κύκλο κίνησης. Έτσι, μπορείτε να δείτε μου κάνει έναν κύκλο πάνω Εδώ, ενημερώνει με πληροφορίες κύκλο. Κάνοντας ισχυρά κτυπήματα, πιάνει ισχυρά κτυπήματα. Ας δοκιμάσουμε μια καρτέλα της οθόνης. Εκεί πάμε. Αγγίζετε την οθόνη και ένα πλήκτρο TAP. Έτσι κλειδί βρύσες επίσης, από το τρόπο, είναι όταν χτύπησε κάτω. Έτσι μπορείτε να φανταστείτε ίσως παίζει πιάνο. Και τότε βρύσες οθόνη είναι όταν χτυπάτε την οθόνη. Έτσι μπορείτε να φανταστείτε ίσως στην πραγματικότητα έχει μια οθόνη αφής μπροστά σας και είστε το χτύπημα της αφής οθόνη μπροστά σας. Και τότε μπορούμε να αρπάξει ένα από αυτά τα αντικείμενα εδώ. Έτσι, να θυμάστε, είπα ότι ήμουν περνώντας το πλαίσιο στην κονσόλα καταγραφής. Και έτσι μπορούμε να ελέγξουμε όλα τα bits και κομμάτια των πληροφοριών που είναι διαθέσιμες στην ότι το πλαίσιο, καθώς και στη χρήση. Όπως είπα και προηγουμένως, pointables είναι τα δάχτυλα. Εκείνη τη στιγμή δεν είχαμε μας τα χέρια μπροστά από το Leap Motion έτσι ώστε να καταχωρηθεί το μηδέν, αλλά αυτό είναι το πώς θα θα αρχίσει να μάθετε ίσως πόσα δάχτυλα είναι η οθόνη. Και αυτό το είδος των πληροφοριών. ΤΟΜΑΣ Reimers: Και να θυμόμαστε Αυτό είναι μόνο ένα αντικείμενο. Έτσι, τα πάντα μπορούν να προσεγγιστούν περίπου όπως ένα struct στο Γ Έχετε το αντικείμενο όνομα σημείο το όνομα της ιδιότητας. Και τότε μέσα ότι έχετε συστοιχίες και έχετε άλλα αντικείμενα, αλλά να θυμάστε ότι είναι μόνο ένα αντικείμενο. Δεν υπάρχει τίποτα το ιδιαίτερο επειδή είμαστε χρησιμοποιώντας Άλμα. ARMAGHAN BEHLUM: Ναι. Cool. Θα πρέπει να ελέγξετε έξω ένα ζευγάρι παραδείγματα JavaScript; ΤΟΜΑΣ Reimers: Έτσι γρήγορα να θυμόμαστε ότι είπε ότι Άλμα μπορεί πραγματικά να τρέχει σε οποιαδήποτε ιστοσελίδα. LeapJS είναι ακριβώς σερβίρεται σε έναν πελάτη. Και έτσι μαζί, όπως ο πελάτης έχει Leap Motion επισυνάπτεται αυτό θα λειτουργήσει. Έτσι Leap Motion έχει ένα δικτυακός τόπος όπου οι άνθρωποι μπορούν να μοιραστούν τα παραδείγματα τους από τα πράγματα που έχω κάνει. Έτσι, είμαστε ακριβώς πρόκειται να πάει μέσα από ένα ζευγάρι από αυτά για να δούμε τι είναι δυνατόν, πριν καταδύσεις σε περισσότερες λεπτομέρειες σχετικά με το πώς είναι δυνατό. Έτσι ARMAGHAN BEHLUM: Ας δούμε. ΤΟΜΑΣ Reimers: Τώρα θα έπρεπε να λειτουργεί. ARMAGHAN BEHLUM: Έτσι τώρα πριν είδαμε ένα παράδειγμα χρησιμοποιώντας Ενότητας που κατέστησε τα χέρια μας με αρκετά εντυπωσιακό γραφικών δέρματα, αλλά τώρα μπορείτε να δείτε, μπορείτε να κάνετε το ίδιο πράγμα μέσα σε ένα πρόγραμμα περιήγησης στο web. Αυτό είναι όλα μέσα Chrome απλά με τη χρήση JavaScript. Και τότε ο άλλος ωραίο πράγμα είναι, αν θέλετε να γνωρίζουν πώς το έκαναν αυτό, Τα παραδείγματα το JavaScript περιλαμβάνει επίσης επιλογές κώδικα, προκύπτει ότι μπορείτε να ελέγξετε έξω και στη συνέχεια να δούμε πως αυτό το άτομο είχε αρπάξει τα χέρια και τους κωδικούς και τέτοια. Έτσι, αυτό είναι το μόνο που μπορείτε να βρείτε στο developer.leapmotion.com. Μπορείτε να πάτε και να δείτε το JavaScript παραδείγματα που έχουν εκεί. Οπότε ναι. Εδώ είναι αυτά, ουπς συγνώμη. Ας το δοκιμάσουμε ξανά. Ω. Έχω δύο δεξιά χέρια. Οπότε ναι. ΤΟΜΑΣ Reimers: Έτσι και πάλι, θυμάμαι μερικές φορές Άλμα βρωμίζει επάνω. Απλά δώσει μια δεύτερη. Δεν είναι τέλειο, αλλά είναι αρκετά καλή. ARMAGHAN BEHLUM: Ένας άλλα σύσταση επίσης είναι να μην το κάνει στο άμεσο ηλιακό φως. Έτσι, με τον τρόπο Leap Motion έργα είναι, στην πραγματικότητα αν δείχνω την κάμερα αυτό καθώς, υπέρυθρο φως. Έτσι στέλνει εκείνους έξω και, στη συνέχεια, τα διαβάζει όταν έρχονται πίσω. Έτσι, εάν προσπαθείτε να κάνει το άμεσο ηλιακό φως, για παράδειγμα, είναι πιθανώς δεν πρόκειται να λειτουργήσει, ή πρόκειται να απαιτήσει κάποια βαθμονόμηση να το πράξουν. Επίσης, ένα άλλο σύσταση είναι να καθαρίσει το χώρο πίσω από το άλμα και μπροστά από το άλμα. Σκεφτείτε το σαν εργασίας μέσα από ένα θόλο που είναι γύρω από αυτό το αντικείμενο Leap Motion. Αν υπάρχει σωστή ουσία πίσω από αυτήν, καθώς, ότι είναι, επίσης, πρόκειται να παρεμβαίνει με το πώς η Leap Motion προσπαθεί να αναγνωρίσει το χέρι σας και αυτό το είδος του πράγματα. Έτσι, για παράδειγμα, νομίζω ότι σε αυτό περίπτωση είναι το laptop μου πραγματικά αυτό είναι το είδος του κάνει το άλμα Motion. Ναι, εκεί θα πάμε. Έτσι, αν μπορώ να σβήσω από το laptop μου από πίσω από αυτό το χέρι δείχνουν αρκετά καλά. Οπότε ναι. Υπάρχει αυτό. Λοιπόν, τι άλλο κάναμε τους δείξουμε. ΤΟΜΑΣ Reimers: Νομίζω τώρα θα ήταν η ώρα για το είδος της κατάδυσης σε και ας κάνει ένα demo τελείως από το μηδέν. Είναι πρόκειται να είναι πραγματικά απλή. Βασικά αυτό που θα πάμε να προσπαθήσουμε να κάνουμε είναι να καταστεί έτσι ώστε όταν σύρετε το χέρι σας, το φόντο πρόκειται να ξεκινήσει από το κόκκινο, και όταν σύρετε το χέρι σας, το φόντο πρόκειται να γίνει πράσινη. Εντάξει; Πραγματικά απλό. Και αυτό είναι βασικά ακριβώς πρόκειται να περάσουν πολλά των εννοιών πίσω Άλμα έτσι ώστε να μπορούμε μπει σε αυτή την ιδεολογία του πώς λειτουργεί το πήδημα και πώς μπορούμε να οικοδομήσουμε τα πράγματα με αυτό. Και στη συνέχεια, από εκεί θα πιθανώς να σας δείξει ακριβώς τα API Έγγραφα και όπου μπορείτε να διαβάσετε περισσότερα για αυτό. Και τότε θα το ονομάσουμε την ημέρα. Έτσι θέλετε να κωδικοποιήσει ή θέλεις να τον κωδικό; ARMAGHAN BEHLUM: Ναι. Καλά, υποθέτω ότι μπορούμε να συνεργαστούμε μαζί σε αυτό και να προσπαθήσουμε ΤΟΜΑΣ Reimers: έτσι θα κάνετε κάποια ζεύγος κωδικοποίησης. ARMAGHAN BEHLUM: Εκεί πάμε. Αυτό είναι ακριβώς ό, τι θέλησε να ελέγξει έξω. Cool. Έτσι, για παράδειγμα εδώ, ας δούμε. Ενώ εμείς επανάληψη μέσα από τις χειρονομίες ήδη, ΤΟΜΑΣ Reimers: Θέλετε να κάνετε μόλις ένα εντελώς νέο αρχείο; ARMAGHAN BEHLUM: Εντελώς νέο αρχείο; Ναι, σίγουρα. ΤΟΜΑΣ Reimers: Ναι. ARMAGHAN BEHLUM: Ας το κάνουμε αυτό. ΤΟΜΑΣ Reimers: Έτσι θα πάμε να κάνει μια εντελώς αρχείο. Θα ονομάσουμε το χέρι dot HTML. Αυτό είναι δροσερό μαζί μου. Έτσι, να θυμάστε να κάνετε μια ετικέτα HTML, τότε μέσα ότι έχετε ένα κεφάλι. Η κεφαλή έχει έναν τίτλο μέσα σε αυτό. Έτσι καρτέλα τον άλλο τρόπο. Εκεί θα πάτε. Τίτλος, εμείς θα το ονομάσουμε Leap Παράδειγμα. Ναι. ARMAGHAN BEHLUM: Ωχ. Τίτλος. ΤΟΜΑΣ Reimers: Ναι. ARMAGHAN BEHLUM: εκεί που είμαστε. ΤΟΜΑΣ Reimers: Και τότε ας κάνει ένα σώμα. ARMAGHAN BEHLUM: Περιμένετε, ας Επίσης, φροντίστε να εισαγάγετε. ΤΟΜΑΣ Reimers: Ω, βέβαια. Κακό μου. Έτσι, πάντα να βεβαιωθείτε ότι έχετε το άλμα σενάριο έτσι ώστε να είναι ένα σενάριο που σας έχει δοθεί από Leap Motion τα οποία βασικά επιτρέπει το πρόγραμμα περιήγησης στο Web για να συνδεθείτε στη συσκευή στον υπολογιστή του χρήστη. Και στη συνέχεια, σε αυτό έχουμε επίσης χρειάζεται ένα σώμα και ας κάνει το σώμα να πω ένα γεια έτσι ότι μπορούμε να δείξουν στους μαθητές πώς να συνδεθείτε σε αυτό το νέο ιστοσελίδα που έκαναν. ARMAGHAN BEHLUM: Σίγουρα. Οπότε ας βάλει another-- ΤΟΜΑΣ Reimers: Γεια σου, γεια σου κόσμο. Έτσι, ένα πολύ βασικό παράδειγμα. Πραγματικά μόνο ένα demo. ARMAGHAN BEHLUM: Και στη συνέχεια, εδώ είμαστε μπορεί να πάει, καλέσαμε το χέρι dot HTML, έτσι δεν είναι; Και ω! Έτσι, αναρωτιέμαι τι είναι λάθος με αυτό το δικαίωμα τώρα. Ας προσθέσουμε δικαιώματα ανάγνωσης να παραδώσει dot HTML. ΤΟΜΑΣ Reimers: Θέλετε να το κάνει στο μεγάλο τερματικό έτσι ώστε να μπορούμε να δείξουμε μόνο για the-- ARMAGHAN BEHLUM: Ναι, αυτό έχει νόημα. Εντάξει. Γι 'αυτό ακριβώς η προστιθέμενη δικαιώματα, αλλά αν εμείς ήταν να ελέγξετε έξω το δικαιώματα πριν θα δει ότι πράγματι το χέρι dot HTML δεν έχει δικαιώματα ανάγνωσης και ως εκ τούτου δεν μπορεί να την καθιστούν. Τώρα, όμως, αν το κάνουμε αυτό, βλέπουμε μας λίγο κόσμο γεια εκεί. ΤΟΜΑΣ Reimers: Ας πραγματικότητα, όπως έγραφε, γειά σου κόσμο, Έχω σκεφτεί ένα τρόπο θα μπορούσαμε να το αλλάξουμε αυτό. Ας το κάνουμε πω γεια κόσμο, και Στη συνέχεια, όταν χαιρετάς, λέει αντίο. Σωστά; Έτσι, γειά σου, αντίο. ARMAGHAN BEHLUM: Σίγουρα. ΤΟΜΑΣ Reimers: Αυτό ακούγεται αρκετά καλό. ARMAGHAN BEHLUM: Ότι Ακούγεται καλό για μένα, πάρα πολύ. ΤΟΜΑΣ Reimers: Έτσι, αν είμαστε πρόκειται να το κάνουμε αυτό ας σκεφτείτε μέσω της ιστοσελίδας λίγο. Εμείς πάμε να χρειαστεί κάποια σενάριο η οποία καταγράφει βασικά ότι θα κουνούσαν και ένα άλμα, ένα κύμα και ένα ισχυρό κτύπημα, το ίδιο πράγμα. Έτσι θα πάμε να χρειάζονται ένα σενάριο που καταγράφει βασικά για αυτό το ισχυρό κτύπημα. Και ένα άλλο πράγμα είμαστε θα χρειαστείτε είναι είμαστε θα χρειαστεί κάποια πραγματικό περιεχόμενο να αλλάξει. Έτσι, όπως θυμάστε, jQuery σας επιτρέπει να αλλάξετε το περιεχόμενο. Έτσι, ένα πράγμα που μπορεί να θέλετε να συμπεριλάβετε σε αυτό είναι η βιβλιοθήκη jQuery. Και στη συνέχεια να είναι σε θέση να επιλέξει ποια είμαστε πραγματικά πρόκειται να αλλάξει το περιεχόμενο, ότι πρόκειται να χρειαστείτε ένα αναγνωριστικό ή μια κατηγορία, ή κάτι ότι μπορούμε να χρησιμοποιήσουμε για να το επιλέξετε. Γι 'αυτό και θα το αναφέρω μόνο ένα γρήγορη ταυτότητα του κειμένου αλλαγής. Και τότε μην θέλετε να αρπάξει jQuery; ARMAGHAN BEHLUM: Έτσι ποια είναι η πρώτη πράγμα για μας να κάνουμε λίστα, στη συνέχεια, τώρα; ΤΟΜΑΣ Reimers: Ας αρπάξει jQuery; ARMAGHAN BEHLUM: Ας πιάσε jQuery, ΟΚ, δροσερό. Σε αυτή την περίπτωση, θα πάω να πρέπει να actually-- όπου θα είναι η το καλύτερο μέρος για να το κάνουμε αυτό; ΤΟΜΑΣ Reimers: jQuery, οπότε αν έχετε Google jQuery, χτύπησε jQuery, το πρώτο ARMAGHAN BEHLUM: Πολύ πρώτο. ΤΟΜΑΣ Reimers: ή να κατεβάσετε. Είναι μια χαρά. Hit λήψη V1 και V2 στα αριστερά. Έτσι είμαστε περιγράφουν jQuery από σε απευθείας σύνδεση, όπως πιθανώς έχετε κάνει. Μετακινηθείτε προς τα κάτω. Επάνω, επάνω. ARMAGHAN BEHLUM: Ω, εδώ τώρα; ΤΟΜΑΣ Reimers: Ή ότι. Ναι. Έτσι, το jQuery έχει φιλοξενείται έκδοση πράγμα που σημαίνει ότι δεν έχετε πραγματικά πρέπει να το κατεβάσετε, αλλά είστε περισσότερο από ό, τι ευπρόσδεκτοι να το κατεβάσετε και να φιλοξενήσει τον εαυτό σας. ARMAGHAN BEHLUM: Cool. Έτσι τώρα έχουμε jQuery. Τώρα τι είναι το επόμενο βήμα για να κάνουμε λίστα μας. ΤΟΜΑΣ Reimers: Awesome. Έτσι, το επόμενο αυτό που χρειαζόμαστε κάνουμε είναι πραγματικά χρειαζόμαστε να δώσει σ hello world ένα αναγνωριστικό έτσι μπορούμε να την αλλάξουμε, έτσι δεν είναι; Ας δώσουμε μια ιδέα του, Δεν ξέρω, αλλάξετε το κείμενο; ARMAGHAN BEHLUM: Ας το κάνουμε με αυτόν τον τρόπο, υποθέτω. ΤΟΜΑΣ Reimers: changeText, δροσερό. Και τώρα ας ανανεώσετε τη σελίδα. Βεβαιωθείτε ότι όλα λειτουργούν. Έτσι, πίσω στο πρόγραμμα περιήγησης. Cool. Πάντα μια καλή υπενθύμιση ότι όταν είστε οικοδόμηση ενός δικτυακού τόπου, πιθανώς να ανανεώσετε κάθε φορά που κάνετε κάθε κάπως σημαντική αλλαγή μόνο γιατί μερικές φορές κατά λάθος ρίχνετε μια ετικέτα, ή μπορείτε να διαγράψετε κατά λάθος κάτι, και τότε θα σπάσει κάτι μικρό, αλλά στη συνέχεια, όταν κάνετε μια μεγαλύτερη αλλαγή είστε όπως, γιατί το έκανε αυτό μεγάλη αλλαγή φαινομενικά άσχετες σπάσει το πράγμα. Γι 'αυτό είναι πάντα καλό να ταξινομήσετε του πάει και να κάνει αυτούς τους ελέγχους λογική. Τέλος πάντων, έτσι τώρα ας κάνουμε ένα τελευταίο έλεγχο λογική, η οποία είναι ας προσπαθήσουμε να αλλάξουμε κείμενο χωρίς Leap Motion, χωρίς τίποτα, απλά σχετικά με το φορτίο σελίδα αυτό θα αλλάξτε hello world σε αντίο χρήση jQuery. Έτσι, αν θυμάστε jQuery εκθέτει Αυτό το σύμβολο του δολαρίου λειτουργία, τα οποία μπορούμε να περάσει επιλογέα CSS για, δηλαδή hashtag αλλαγή κειμένου, το οποίο επιλέγει το στοιχείο με ένα αναγνωριστικό του κειμένου αλλαγής. Και τότε θα πάμε για να καλέσετε τη μέθοδο HTML σχετικά με το αντικείμενο επιστρέφει με την επιχείρημα του αντίο χορδών, η οποία θα αλλάξει τα στοιχεία HTML για να πω αντίο. Awesome. Αυτό φαίνεται αρκετά δροσερό. Και τώρα, όταν εμείς ανανεώσετε η σελίδα θα πάμε να δούμε αλλάζει αμέσως στο αντίο, σωστά; Επειδή δεν περιμένει τίποτα. Ταξινόμηση του το συντομότερο αυτό το σενάριο τρέχει αλλάζει για αντίο. Cool. Έτσι τώρα ας κλείσουμε ότι σε μια λειτουργία. Δεξιά. Έτσι θα πάμε να θέλουν να κάνει μια λειτουργία του. Θα ονομάσουμε αντίο. Έτσι αντίο λειτουργία πρόκειται να πάρει κανένα επιχείρημα και δεν είναι πραγματικά πρόκειται να επιστρέψει τίποτα. Και είναι ακριβώς πρόκειται να το κάνουμε αυτό σε JavaScript. Εξαιρετική. Έτσι αντίο λειτουργία μας τώρα αλλάζει το κείμενο αντίο, σωστά; Έτσι, αυτό μας δίνει έναν τρόπο σε βασικά αλλαγή ότι το κείμενο στο αντίο όποτε καλέσαμε τη λειτουργία αυτή. Σωστά; Έτσι, αυτό είναι αρκετά δροσερό. ARMAGHAN BEHLUM: Λοιπόν, εμείς Μπορείτε επίσης απλά να βεβαιωθείτε ότι τώρα επειδή δεν είμαστε καλώντας το λειτουργία, εάν ανανεώσετε τη σελίδα, παρατηρήσετε ότι δεν πρόκειται για να αλλάξετε το κείμενο. ΤΟΜΑΣ Reimers: Εξαιρετική. Έτσι, τώρα θα πάμε για να ξεκινήσει να μπει σε αυτό το πράγμα Άλμα ότι μιλούσαμε για. Έτσι Αρμί, θέλετε να πάρτε από εδώ και κάτω ή; ARMAGHAN BEHLUM: Ναι. Σίγουρα. Εγώ κατά πάσα πιθανότητα πρόκειται να χρειαστείτε σε δύο φορές τα πράγματα, αλλά για παράδειγμα θυμάστε είπαμε θέλαμε για να βεβαιωθείτε ότι στις Επιλογές θέτουμε ενεργοποιήσετε τις χειρονομίες ΤΟΜΑΣ Reimers: καλή ψαριά. ARMAGHAN BEHLUM: για να είναι αληθινό. Και τότε θα συνιστούσαν ότι εσείς κάνατε τρέξει βρόχο dot άλμα, το οποίο όπως είπαμε νωρίτερα, έχει δύο επιλογές, ένα αντικείμενο JSON ότι είναι οι επιλογές για το πώς θέλετε για να ρυθμίσετε το Leap Motion για έργο, και, στη συνέχεια, μια λειτουργία που είναι πρόκειται να πιάσει ένα πλαίσιο ως επανάκλησης λειτουργούν σαν Τόμας έλεγε. Και στη συνέχεια, επεξεργαστείτε ό, τι θέλετε να κάνει με τη λειτουργία αυτή. Έτσι περνάμε στην επιλογή και τώρα ορίζουμε μια λειτουργία που θα λάβει σε ένα πλαίσιο. Και τώρα πρέπει να καθορίσουμε τι κάνει αυτή η λειτουργία. Είναι, επίσης, για το καλό της μέλλον, το κάνουμε αυτό για να βεβαιωθείτε. ΤΟΜΑΣ Reimers: Εξαιρετική. Έτσι τώρα έχουμε αυτό άλμα λειτουργία dot βρόχο καλέστε το οποίο ουσιαστικά λέει να παρακολουθήσετε πήδημα με αυτές τις επιλογές και κάθε φορά κάτι αλλάζει, καλέστε αυτό κορνίζα λειτουργία με όλα τα δεδομένα ότι γνωρίζετε σε πλαίσιο. Ακούγεται πολύ καλό. Έτσι τώρα γρήγορο έλεγχο λογική, που συστήνω πάντα, είναι ότι μόλις τεθεί κονσόλα πλαίσιο dot καταγραφής. Και στη συνέχεια στο Chrome να το ανοίξετε επάνω και να κοιτάξουμε την κονσόλα σας και να παίξει γύρω με το άλμα για να δείτε το πλαισίων που καταγράφεται γιατί αυτό θα μπορείτε να πάρετε μια ιδέα του τι δεδομένων που έχετε πρόσβαση. Και όπως πάντα, αν μπερδευτείτε, δείτε την παραπομπή API. Και εμείς θα περιλαμβάνει τη σύνδεση για ότι στο τέλος του αυτό. ARMAGHAN BEHLUM: Έτσι εμείς ανανεώσετε τη σελίδα και, στη συνέχεια, πάμε και να ανοίξει ξανά την κονσόλα. Και τώρα βλέπουμε ότι είμαστε έχοντας πλαίσια πέρασε, αυτά τα μικρά αντικείμενα που είδαμε νωρίτερα. Οπότε ναι. Αυτά είναι τα frames μας εμφανίζονται στην κονσόλα. Cool. Έτσι, τώρα που έχουμε άρπαξε το πλαίσια, όπως μπορείτε να θυμηθείτε το προηγούμενο από το παράδειγμα που είχαμε, Αν ελέγξουμε πλαίσιο χειρονομίες τελεία παίρνουμε τον κατάλογο των χειρονομίες που το πλαίσιο πιο πρόσφατα αλιεύονται. Μπορούμε να ελέγχουμε το μήκος της συστοιχίας για να δούμε αν Άλμα πιαστεί οποιαδήποτε χειρονομίες. Έτσι, αν η σειρά είναι μεγαλύτερη από το μηδέν, τότε γνωρίζουμε ότι έχουμε κάποια πράγματα να κάνουμε. Ας τυλίξτε ότι σε μια κατάσταση, αν και τώρα εδώ αυτό που γνωρίζουμε είναι ότι έχουν δει μια χειρονομία, ας ενεργήσει σε αυτό. Έτσι, τώρα που είμαστε εδώ είμαστε έχουν μια χειρονομία για να ελέγξετε έξω. ΤΟΜΑΣ Reimers: Λοιπόν, η πρώτη πράγμα είναι ότι δεν είναι μόνο μία χειρονομία, θα μπορούσε να είναι, όπως πολλοί χειρονομίες. ARMAGHAN BEHLUM: Πολύ αληθινό. ΤΟΜΑΣ Reimers: Έτσι ανά κλασικό στυλ Γ εδώ θα θελήσετε πιθανώς να χρησιμοποιήσετε ένα βρόχο for. ARMAGHAN BEHLUM: Εδώ είμαστε συνέχεια. Αποφασίσαμε να επαναλάβει μέσα από τις χειρονομίες. Και ας δούμε. i συν, συν. Και τώρα αν εμείς ίσως γίνει απλά μια χειρονομία var ισούται χειρονομίες dot πλαίσιο βραχίονα I, τώρα έχουμε την ίδια χειρονομία, η οποία είναι μόνο μία μόνο παράδειγμα ενός αντικειμένου χειρονομία για εμάς να εργαστούμε με μέσα από αυτό για το βρόχο. Εντάξει. ΤΟΜΑΣ Reimers: Ας λογική ελέγξτε και πάλι εδώ και μόλις παρηγορήσει dot συνδεθείτε χειρονομία για να δούμε τι έχουμε. ARMAGHAN BEHLUM: Κονσόλα dot καταγραφής χειρονομία. Okie Dokie. Και ανανεώσετε μια ακόμη φορά. ΤΟΜΑΣ Reimers: Και ας δοκιμάστε να κάνετε μια χειρονομία. Θα δείτε ότι ένα μάτσο του, όταν αυτός αρπάζει, μπορείτε να πάρετε μια δέσμη των χειρονομιών στο κονσόλα και αν προσπαθεί να κάνει έναν κύκλο, είναι just-- ARMAGHAN BEHLUM: Κύκλοι είναι ακριβώς πραγματικά ωραίο. ΤΟΜΑΣ Reimers: Τώρα υπάρχει ένα περίεργο πράγμα εδώ, η οποία είναι που κάνει έναν κύκλο, αλλά αυτή είναι η υλοτομία 80 χειρονομίες, σωστά; Αυτό είναι ένα πολύ χειρονομίες. Έτσι, το πρώτο είδος του πράγμα που πρέπει να συνειδητοποιήσει, και αυτό μπορεί να προκαλέσει σύγχυση, είναι ότι μια χειρονομία δεν είναι μόνο μια φορά καταγράφεται. Σε κάθε πλαίσιο, δεξιά, οπότε αν κάνω ένα κύκλο Άλμα θα το ανιχνεύσει είναι μια αλλαγή από αυτό είναι μια αλλαγή από αυτό είναι μια αλλαγή. Και αυτό θα καταγράψει κάθε ένα από αυτά. Αλλά σε κάθε μία από αυτές, πρόκειται να πει, OH, υπάρχει μια χειρονομία που βρίσκεται σε εξέλιξη. Έτσι, επιτρέψτε μου να πω, hey, υπάρχει μια χειρονομία και είναι σε εξέλιξη. Έτσι, αυτό που δεν θέλουμε να κάνουμε είναι να πούμε, ω, σε κάθε μία του εν λόγω χειρονομίες σας θέλετε να αλλάξετε το κείμενο. Αυτό που θέλουμε να κάνουμε είναι όταν η χειρονομία στάσεις, και μπορούμε να ελέγξουμε για αυτό, Στη συνέχεια θέλουμε να αλλάξουμε το κείμενο. ARMAGHAN BEHLUM: Mhmm. Έτσι, όπως είναι ο Tomas εξηγεί αυτές τις κινήσεις μπορεί να εμφανιστεί μέσα από πολλαπλές πλαίσια, αλλά, για παράδειγμα, όταν τρώγαμε αυτόν τον κύκλο, μπορούμε να δούμε ότι το αναγνωριστικό για εκείνη ενιαίο κύκλο που έχουμε μπορεί να έχουν προσπαθήσει να ολοκληρώσει ήταν το ίδιο αναγνωριστικό όλη. Και στην πραγματικότητα, μπορείτε επίσης να ελέγξτε την κατάσταση. ενημερωμένο. Και κατόπιν αυτό είναι πιθανώς το τελευταίο κύκλο, ω, καλά, εντάξει. Έτσι, μερικές φορές αυτό σας δείχνει μια καθεστώς να σταματήσει μια χειρονομία και θα σας δείχνει επίσης μια κατάσταση της έναρξης μιας νέας χειρονομία όταν αναγνωρίζει με βεβαιότητα ότι έχετε ξεκινήσει μια νέα χειρονομία. Για παράδειγμα, σε αυτή την περίπτωση. ΤΟΜΑΣ Reimers: Cool. ARMAGHAN BEHLUM: Οπότε ναι. Και στη συνέχεια, ας δούμε. Μπορείτε επίσης να παρατηρήσετε αν και είχαμε κάνει ένας κύκλος και χειρονομία έχει ένα πεδίο που ονομάζεται τύπος ότι μας λέει τι είδους του χειρονομία που είναι. Έτσι ώστε να μπορεί να είναι χρήσιμο για εμάς θα προσπαθήσουμε να κάνουμε ό, τι κάνουμε. ΤΟΜΑΣ Reimers: Έτσι μετάβαση πίσω στο JS, Το πρώτο πράγμα που συμβαίνει σε μένα Επίσης, μόνο μέσα από την ανάγνωση αυτού του κώδικα είναι ότι υπάρχει ένα μικρό βελτιστοποίησης, η οποία είναι στην πραγματικότητα Δεν χρειάζεται αυτό αν η κατάσταση, έτσι δεν είναι; Διότι, αν χειρονομίες dot πλαίσιο dot μήκος είναι μηδέν, ότι για βρόχου δεν πρόκειται να τρέξει ούτως ή άλλως. Έτσι, μπορούμε κάλλιστα να φύγουμε μπροστά και να απαλλαγούμε από αυτό. Και πάλι, ενώ είστε σύνταξη κώδικα είναι σημαντικό να πάει πίσω και είδος του Refactor όπως έχετε συνειδητοποιήσει ότι έχετε θα μπορούσε να κάνει κάτι καλύτερο, ή ότι δεν υπάρχει άλλος τρόπος να το κάνουμε αυτό. Μέχρι τώρα είμαστε ακριβώς πρόκειται να καθαρίσει αυτό γρήγορα και επίσης να καθαρίσει τον κωδικό σας. Αυτό είναι μια μεγάλη υπόθεση. ARMAGHAN BEHLUM: Καλή στυλ είναι πολύ εκτίμησα. ΤΟΜΑΣ Reimers: Μπορείτε Πάντα να ενημερώνετε όταν κάποιος έχει κώδικας όπου χρησιμοποιείται να υπάρχει αν κατάσταση και στη συνέχεια να αφαιρεθεί, αλλά δεν το αφαιρέστε το. Είναι πολύ προφανές και το είδος του φαίνεται άσχημο. ARMAGHAN BEHLUM: Λοιπόν, τι είναι δίπλα σε μας για να κάνουμε λίστα; ΤΟΜΑΣ Reimers: Μέχρι τώρα, όπως λέγαμε, Υποθέτω ότι το πρώτο πράγμα που θέλουμε να κάνουμε είναι να βεβαιωθείτε ότι αυτή χειρονομία του πραγματικά ένα ισχυρό κτύπημα, έτσι δεν είναι; ARMAGHAN BEHLUM: Ναι. ΤΟΜΑΣ Reimers: Έτσι, αν λέμε ότι αντίο μας είναι σαν ένα είδος ισχυρό κτύπημα, θα πάμε με αυτό είναι ένα ισχυρό κτύπημα, το το πρώτο πράγμα που πρέπει να πω είναι, hey, είναι η χειρονομία πληκτρολογήστε ένα ισχυρό κτύπημα, έτσι δεν είναι; Δεν είναι ένας κύκλος ή μια κορυφή, αλλά είναι ένα ισχυρό κτύπημα; Έτσι, με τον τρόπο που μπορούμε να το κάνουμε αυτό Είναι μπορούμε να πούμε χειρονομία Τύπος dot ίση ίση ισχυρό κτύπημα ως ένα string. ARMAGHAN BEHLUM: [δεν ακούγεται] χειρονομία Τύπος dot ισούται ισούται με ισχυρό κτύπημα. Εκεί είμαστε. ΤΟΜΑΣ Reimers: Και τότε η τελευταία ερώτηση θέλουμε να δούμε είναι χειρονομία κουκκίδα κατάσταση ίση ίση στάση, σωστά; Έτσι ώστε, όταν η χειρονομία έχει σταματήσει. Εγώ πραγματικά πιστεύω ότι για ισχυρό κτύπημα, εγώ το γνωρίζουν αυτό από την κορυφή του κεφαλιού μου, αλλά είστε ευπρόσδεκτοι να βλέμμα επάνω, όταν σύρετε κάθε φορά που θα καταγράφει μέχρι να σταματήσει να είναι μια χειρονομία αρχή. Και στη συνέχεια το τελευταίο κάποιου απλά μια χειρονομία στάση. Έτσι, θα υπάρχει μόνο μία στάση χειρονομία, η οποία είναι μεγάλη για εμάς. Έτσι, αυτό που μπορούμε να κάνουμε είναι να πούμε αν χειρονομία τελεία πληκτρολογήστε ίσα ίσα ισχυρό κτύπημα και χειρονομία τελεία επικρατεί η ίδια κατάσταση ίση να σταματήσει, τότε ας λογική δείτε εδώ παρηγορήσει dot χειρονομία καταγραφής. Έτσι θα πάμε πίσω εδώ. Θα ανανεώσετε τη σελίδα. Και τώρα η μόνη φορά που κάτι πρέπει να είναι κονσόλα dot καταγράφονται είναι όταν έχουμε ισχυρό κτύπημα. Και προσπαθούμε να σύρετε και βλέπουμε τίποτα. Σωστά; Έτσι, αυτό είναι πραγματικά ένα μεγάλο θέμα. Εμείς δεν βλέπουμε αυτό που περιμέναμε να. Και τον εντοπισμό σφαλμάτων μπορεί να είναι ένα μεγάλο μέρος του αυτό. Έτσι, το πρώτο πράγμα που θα πάμε να πω είναι, εντάξει, ας παρηγορήσει τελεία συνδεθείτε, αν χειρονομία dot πληκτρολογήστε ίσα ίσα ισχυρό κτύπημα. ARMAGHAN BEHLUM: Ναι, ας το κάνουμε αυτό. ΤΟΜΑΣ Reimers: Έτσι είμαστε πρόκειται να πάει πίσω σε αυτό. Θα ανανεώσετε. Θα σύρετε. Και θα πάμε να δούμε μια δέσμη από αυτά. ΟΚ. Έτσι, σαφώς το πρόβλημα ήταν με την ιδιότητα χειρονομία τελεία μας. Έτσι, αν ανοίξουμε ένα από αυτά θα κοιτάξουμε στα αντικείμενα και θα δούμε, καλά, αυτό είναι μια στάση, αλλά, ω, αυτό λέγεται κράτος, όχι το καθεστώς. Έτσι, αν έχουμε το κεφάλι πίσω στο κωδικό μας μπορούμε να πούμε εάν ο τύπος χειρονομία dot ίση ίση ισχυρό κτύπημα και την κατάσταση χειρονομία dot ίση ίση στάση, τότε εμείς θα παρηγορήσει τελεία συνδεθείτε αυτό. Και έτσι να ανανεώσετε. Έχουμε ισχυρό κτύπημα. Και θα δούμε ότι στις κάθε δυνατό κτύπημα, είμαστε μόνο να πάρει ένα, η οποία είναι η τέλος, η οποία είναι μεγάλη, έτσι δεν είναι; Αυτό είναι ό, τι θέλουμε. ARMAGHAN BEHLUM: Ναι. Και μπορούμε επίσης να παρατηρήσετε ότι οι ταυτότητες για κάθε μία από αυτές τις χειρονομίες είναι ξεχωριστή. Έτσι όπως Τόμας έλεγε γιατί είμαστε αλίευση αυτή την κατάσταση ενός αναστολέα, που υπάρχει στο τέλος του ένα σαρωτή, είμαστε παίρνοντας τις μεμονωμένες ξεχωριστές χειρονομίες από Leap Motion. Μεγάλη. ΤΟΜΑΣ Reimers: Ας πάμε μπροστά και να ακριβώς κάνει το τελευταίο πράγμα, το οποίο είναι, ARMAGHAN BEHLUM: Αντίο. ΤΟΜΑΣ Reimers: Awesome. Και τώρα ας ελέγξει έξω τον ιστοχώρο μας. Ένας ARMAGHAN BEHLUM: Δεύτερο. Κάναμε, ναι, κάναμε το αποκαλούν Αντίο. Μεγάλη. ΤΟΜΑΣ Reimers: Όχι, Αντίο είναι μια πραγματική λειτουργία. ARMAGHAN BEHLUM: Ναι. Ας το κάνουμε αυτό. ΤΟΜΑΣ Reimers: Και όταν εμείς αποχαιρετήσει, λέει αντίο. ARMAGHAN BEHLUM: Έχουμε τη νίκη. ΤΟΜΑΣ Reimers: Έτσι αρκετά συναρπαστικό υλικό. Ας ελπίσουμε ότι μπορείτε να χτίσετε κάτι αλλού, αλλά μπορείτε να πάρετε την ιδέα του, σωστά; Μπορείτε να εντοπίσετε χειρονομίες. Μπορείτε να καλέσετε λειτουργίες. Και από ότι σας δίνει πραγματικά ορισμένες πολύ θεμελιώδεις δομικές μονάδες να πει, OH, ίσως όταν σύρετε επάνω, επειδή μπορείτε επίσης να ανιχνεύσει τα πράγματα σαν κατεύθυνση. Θέλω να κάνω κάτι. Ή όταν σύρετε δεξιά, εγώ θέλουν να κάνουν κάτι. Και μπορούμε να αρχίσουμε να παίρνουμε δημιουργικοί με το πώς ακριβώς θα πάμε για να βελτιώσουμε την ιστοσελίδα μας χρησιμοποιώντας αυτές τις χειρονομίες ισχυρό κτύπημα ή κύκλο χειρονομίες, ή χειρονομίες βρύση, είτε κλειδί βρύσες ή βρύσες οθόνη. Και στη συνέχεια, εκτός από ότι είστε περισσότερο από ευπρόσδεκτοι να παίξετε με τα πραγματικά δεδομένα, αλλά αν θέλετε να κάνετε ότι θα προτείνω να πάτε στο Εγγράφων επειδή είναι πραγματικά πολύ καλό. Έτσι, κατευθύνθηκε προς τα docs τώρα. Ή μήπως θέλετε να μιλήσουμε γι 'αυτό; ARMAGHAN BEHLUM: Ναι. Ας το κάνουμε αυτό. Επίσης, ένας άλλος εκλεκτός μεζές των συμβουλών, να προσπαθήσουμε και να σκεφτείτε αυτό σε 3D. Έτσι, στην πραγματικότητα, ας σηκώσει αυτές τις χειρονομίες για μια ακόμη φορά χειρονομία καταγραφής κονσόλας τελεία και το κάνουμε αυτό. Ελάτε πίσω και τώρα ας προσπαθήσουμε μια ζευγάρι από αυτά, δύο από αυτά. Αν πάμε in και check out Αυτές οι χειρονομίες, καθώς και όπως μπορείτε να δείτε ότι ότι είναι διαστάσεων Είναι σε τρεις κατευθύνσεις, στην πραγματικότητα. Έτσι, όχι μόνο να περιορίσει τον εαυτό σας σε ένα 2D οθόνη παρόλο που μπορεί να να είναι σε ένα δικτυακό τόπο 2D. Μπορείτε να δοκιμάσετε και να σκεφτούμε πώς ένας χρήστης μπορεί να αλληλεπιδράσει με την ιστοσελίδα σε 3D. ΤΟΜΑΣ Reimers: Σε ένα 3D χώρο. ARMAGHAN BEHLUM: Ακριβώς. Και ναι. Έτσι, μπορείτε να πάρετε τις κατευθύνσεις, ταχύτητες, Όλα αυτά τα δροσερά κομμάτια των πληροφοριών. ΤΟΜΑΣ Reimers: Και αν δεν είστε εξοικειωμένοι με αυτό, πηγαίνει x, y, και, στη συνέχεια, z είναι αυτή η τελευταία διάσταση. Απλά κάτι που ίσως είναι εξοικειωθούν με το αν έχετε ασχοληθεί με 3D συντονίζουν αεροπλάνα πριν. Αν δεν έχετε, είναι το ίδιο με ένα 2D μία εξαίρεση υπάρχει μια τρίτη διάσταση. Καλούμε το z. Και πάντα, το είδος του αρέσει κατεύθυνση, η οποία είναι όπου πηγαίνει, position-- Νομίζω ότι θα μπορούσε ακόμη και εκθέτουν επιτάχυνση, δεν είμαι σίγουρος. ARMAGHAN BEHLUM: Ναι, πιστεύω. Έχει σίγουρα την ταχύτητα. Δεν είμαι πραγματικά 100% σίγουροι για την επιτάχυνση. ΤΟΜΑΣ Reimers: Μπορεί να είναι μια επιλογή μπορείτε να περάσω σε κάτι. Έτσι, τη θέση και την ταχύτητα εκτίθενται σε αυτού του είδους τις τρεις συντεταγμένες. Έτσι, x, y, z ή δέλτα x, y δέλτα, δέλτα z. Μέχρι τώρα επικεφαλής στην τεκμηρίωση είναι developer.leapmotion.com και, στη συνέχεια, μπορείτε να κάνετε κλικ Τεκμηρίωσης. Και πάλι, Leap Motion έχει όλα αυτά υπέροχο APIs, ένα για το JavaScript, ένα για το C Sharp και Ενότητας, ένα για C ++, μία για Java, μία για την Python, και ένα για το Στόχο Γ εγώ προσωπικά θα σας ωθήσει προς το JavaScript ή αν θέλετε να μάθετε νέα γλώσσα, προσπαθήστε Python. Και οι δύο από αυτές τις γλώσσες που έχω εργαστεί με πριν και είναι πολύ εύκολο να το μάθει και ξέρετε ήδη το JavaScript, που καθιστά ένα πραγματικά καλό υποψήφιος. Μια λέξη της προσοχής Όταν μπαίνετε στο docs. Βεβαιωθείτε ότι βρίσκεστε σε Έγγραφα v2.0. Διότι, αν είστε σε έκδοση ένα, αυτό δεν θα λειτουργήσει. Επίσης, για την γκαλερί παράδειγμα. Περάσαμε μια καλή 30 λεπτά προσπαθεί το debug Άλμα μας πριν συνειδητοποιήσαμε ότι V1 δεν λειτουργεί με τη V2. Έτσι, απλά βεβαιωθείτε ότι είστε στην έκδοση δύο. Και τότε εγώ θα τον αφήσει δείχνουν τα έγγραφά σας. ARMAGHAN BEHLUM: Ναι. Τόσο εδώ είναι η επισκόπηση API και, στη συνέχεια, μερικά κομμάτια των πληροφοριών ότι έχουμε ήδη πει. Ωραίο μικρό επιπλεύσει τα χέρια πάνω από ένα Leap Motion. Και μια υπενθύμιση για να σκεφτεί για το διάστημα σε 3D. Ένα από τα πρώτα αντικείμενα για να σκεφτούμε με Leap Motion είναι τα χέρια, φυσικά. Είδαμε εκείνες που αναγνωρίζονται από το Visualizer. Και τότε μπορεί να έχετε φαίνεται ότι αναγνωρίζεται μέρος του καρπού και ο βραχίονα που συνδέονται με αυτό. ΤΟΜΑΣ Reimers: Εάν θέλετε να σηκώσει το Visualizer. ARMAGHAN BEHLUM: Ναι, Ας το κάνουμε ξανά. ΤΟΜΑΣ Reimers: Μπορείτε να δείτε, πάντα απλά μια καλή υπενθύμιση για το είδος της δούμε, ο Visualizer προσπαθεί να δείξει όλα τα δεδομένα που βλέπει Άλμα. Έτσι, θα δείτε ότι έχουμε Τέτοιου είδους τέσσερα σημεία από τον καρπό και έπειτα το πραγματικό καρπό. Και έχετε επίσης αυτό μπάλα στην παλάμη. Όλα αυτά είναι σημεία αναγνωρίζουν αναγνωρίζεται από το άλμα. ARMAGHAN BEHLUM: Ακριβώς. Και έτσι με αυτό το αντικείμενο στο χέρι Κάθε πλαίσιο έχει έναν πίνακα χέρι καθώς και όπου μπορείτε επίσης να πάρετε το αριστερό και το δεξί χέρι. Μπορείτε να πάρετε το οποίο κατεύθυνση τα χέρια είναι αντιμετωπίζει με την κανονική κατεύθυνση της παλάμης, ή όπως την αποκαλούν η παλάμη φυσιολογικό. Τι άλλο έχουμε; Επίσης, ουπς. Ας προσπαθήσουμε και να μετακινηθείτε προς τα κάτω με αυτόν τον τρόπο. Τα όπλα, τα δάχτυλα είναι που αντιπροσωπεύεται από τον δάκτυλο τάξης, η οποία είναι μια κατευθυντική αντικείμενο. Έτσι, όπως λέγαμε, είδαμε ότι σειρά pointables για κάθε χέρι. Αυτά είναι τα μικρά δάχτυλα για να σκεφτούμε. Έτσι, αυτό είναι μια καλή εικόνα για να πάει μέσα για να προσπαθήσουμε και να κατανοήσουμε. ΤΟΜΑΣ Reimers: [δεν ακούγεται] χέρι ανατομία εκεί. ARMAGHAN BEHLUM: Ναι, ακριβώς. Οπότε ναι. Υπάρχει πολλή των πρώτων στοιχείων, ότι η Leap Motion παίρνει σε ερμηνεύει καλά για σας, γι 'αυτό είναι μια μεγάλη ιδέα να περάσει από εδώ και να προσπαθήσουμε και να καταλάβω πώς έχει Άλμα ήδη καταλάβει τα πράγματα για εσάς και έτσι τι πληροφορίες διαθέτουν από εκεί. Και στη συνέχεια, από εκεί θα ήθελα να συστήσω υπεισέλθω σε αυτό το αριστερό τμήμα εδώ, που πηγαίνει, αλλά όχι, αυτά είναι στην πραγματικότητα στην πραγματικότητα απλώς περισσότερα πράγματα API about-- ΤΟΜΑΣ Reimers: Η αναφορά στο API του κάτω είναι συνήθως ένα καλό μέρος για να πάτε. Εσείς μάλλον είδε αυτό όταν κάναμε το Google Maps PSET. Αλλά η αναφορά πραγματικά ακριβώς περνά μέσα από όλα των λειτουργιών και των παραμέτρων διαθέσιμο στο αντικείμενο για να σας. ARMAGHAN BEHLUM: Ναι. Για παράδειγμα, αυτό είναι ό, τι Έψαχνα για πριν. Όταν έχουμε εμείς χέρι μπορεί να πάει και να καταλάβω πώς Άλμα συνιστά για εμάς να βρούμε ένα χέρι. Όπως είπα και προηγουμένως, έχουμε μια συστοιχία χέρια. Μάθετε αν έχουμε τα χέρια και στη συνέχεια να προσπαθήσουμε και να αρπάξει ένα χέρι να αλληλεπιδρούν με αυτόν τον τρόπο. Έτσι, αυτό είναι ό, τι εμείς προτείνουμε για σας παιδιά. Οι χειρονομίες και τα πράγματα, όπως καλά. Αυτή η τεκμηρίωση API πρόκειται να είναι ένα φανταστικό εργαλείο για σας παιδιά. Έχετε κάποιες άλλες προτάσεις; ΤΟΜΑΣ Reimers: Εγώ δεν κάνω. Νομίζω ότι είναι καλό για τώρα. ARMAGHAN BEHLUM: Ναι, Πιστεύω πως ναι, καθώς και. Μη διστάσετε να μας στείλετε email και να πάρετε σε επαφή για το Leap Motion αν έχετε ίσως κάποια θέματα ή χρειάζεστε τυχόν συστάσεις. Και μπορούμε να προσπαθήσουμε και να καταλάβω τα πράγματα έξω μαζί σας παιδιά, καθώς και. Σας ευχαριστώ. ΤΟΜΑΣ Reimers: Μεγάλη.