Γιατί πρέπει να κάνετε το Augmented Reality εάν ​​είστε προγραμματιστής JavaScript - και πώς να ξεκινήσετε

Εάν είστε κωδικοποιητής JavaScript που έχει καθυστερήσει ακόμη να δημιουργήσει μια οριστική λίστα ψηφισμάτων για το 2019, επιτρέψτε μου να σας δώσω ένα χέρι: Αρχίστε να καταλαβαίνετε πώς να μπείτε στην Augmented Reality (AR).

Ο συνδυασμός Augmented / Mixed / Virtual Reality (AR / MR / VR) σημείωσε φρενήρη ανάπτυξη από το 2016, προερχόμενος από οριακή αγοραία αξία άνω των 6 δισεκατομμυρίων δολαρίων σε τιμή που θα μπορούσε να φτάσει τα 210 δισεκατομμύρια δολάρια σε πωλήσεις (συμπεριλαμβανομένου υλικού) έως το 2022 Από όλα, η επαυξημένη πραγματικότητα είναι αυτή που βιώνει σταθερή ανάπτυξη.

Αρχικά, ένας προγραμματιστής JavaScript (ιστός) που θέλει να μπει στο σκάφος AR μπορεί να αισθάνεται αποθαρρυνμένος όταν βρει τις συνήθεις απαιτούμενες δεξιότητες και ύστερα υπάρχουν που ρωτούν τη Μηχανική Εκμάθηση ή το Διαδίκτυο των Πράξεων Ωστόσο, εάν είστε κυρίως προγραμματιστής JavaScript, θεωρήστε τον εαυτό σας ευλογημένο: η γλώσσα αναφέρεται επανειλημμένα ως γλώσσα που πρέπει να γνωρίζετε για να μπείτε σε αυτόν τον τομέα. Ο λόγος? Αυτήν τη στιγμή πολλή ανάπτυξη AR πηγαίνει στον ιστό . Και εδώ βασιλεύει η JavaScript.

Επαυξημένες εργασίες για τον ανεμιστήρα JavaScript - Αλήθεια;

Ίσως όχι πολύ γρήγορα. Υπάρχουν πολλά παραδείγματα όπου το AR / MR / VR λάμπει από μόνο του, ειδικά σε εξειδικευμένες αγορές, αλλά ο κλάδος δεν έχει καταλάβει πλήρως την πλήρη αξία της τεχνολογίας για τον γενικό καταναλωτή. Μόλις επιλυθεί, η βιομηχανία θα έκανε σίγουρα περισσότερα προϊόντα AR / MR / VR, τα οποία θα μεταφράστηκαν σε περισσότερες θέσεις εργασίας.

Για ορισμένους αναλυτές, το AR αναμένεται να έχει τον πιο διαδεδομένο αντίκτυπο, εν μέρει επειδή δεν απαιτεί συγκεκριμένες συσκευές και προϋποθέσεις να εφαρμοστούν όπως το VR.

Το AR έχει χρησιμότητα για σχεδόν τα πάντα, επικαλύπτοντας χρήσιμες και σχετικές πληροφορίες για τον κόσμο γύρω σας. Το AR μπορεί να διαπεράσει με τρόπο που δεν μπορεί να κάνει η VR. - David McQueen -Strategy Analytics- από μια συνέντευξη στο Twice

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

Ενώ το Unity έχει γίνει η προεπιλεγμένη διαδρομή για τη δημιουργία εφαρμογών AR, ένας αυξανόμενος αριθμός χρειάζεται μόνο ένα ψέκασμα AR.- από ένα άρθρο του Benjamin Devine, Homestory AR

Σε πολλές περιπτώσεις, η ανάθεση πόρων στα κορυφαία εργαλεία AR μπορεί να είναι υπερβολική. Αντ 'αυτού, ένα σωρό καλές δυνατότητες που βασίζονται σε UX σε περίπου 2D / 3D στοιχεία θα μπορούσαν να είναι αρκετές για να κάνουν εντυπωσιακά προϊόντα. Κάτι που κάνει τακτικά ένας προγραμματιστής JavaScript.

Είναι τότε πιθανό οποιοσδήποτε προγραμματιστής JavaScript να ενσωματώνει (μη) τυπικές λειτουργίες AR / VR ως επέκταση των παραδοσιακών καθηκόντων τους στο μέλλον. Και αν απαιτείται, η JavaScript είναι αρκετά ισχυρή για πιο περίπλοκες εργασίες. Ο ουρανός είναι το όριο.

Γίνεται JavaScript-επαυξημένη

Πριν ξεκινήσω, θα πρότεινα να ρίξω μια ματιά στις διάφορες πλατφόρμες και πρότυπα AR. Οι ίδιοι τεχνικοί περιορισμοί που επηρεάζουν τη βιομηχανία αντικατοπτρίζονται επίσης στον κόσμο της AR

Για παράδειγμα, υπάρχουν πολλές πλατφόρμες, μία για κάθε Big Tech (Google = ARCode, Apple = ARKit, MS = ChakraCore, Facebook = AR Studio, React 360, Mozilla = aframe).

Αφού ρίξετε μια γρήγορη ματιά στις επιλογές, το να ξεκινήσετε πλήρως τα έργα Augmented Reality με JavaScript είναι σχετικά εύκολο. Μπορείτε να ξεκινήσετε λαμβάνοντας οποιοδήποτε πλαίσιο προγραμματισμού ιστού / εφαρμογών όπως Cordova, Ionic, React Native ή Vue Native για να ενσωματώσετε το πλαίσιο AR της επιλογής σας - και να αναπτύξετε 3D στοιχεία στην κορυφή του πραγματικού κόσμου.

Εάν αυτό που θέλετε είναι να αναπτύξετε στον Ιστό χρησιμοποιώντας κυρίως AR βάσει δεικτών, θα μπορούσατε να χρησιμοποιήσετε repos GitHub όπως AR.js (δωρεάν), argon.js (δωρεάν αλλά περιορισμένο) ή awe.js (πληρωμένο PaaS αλλά με ένα παλιό GitHub το αποθετήριο εξακολουθεί να είναι διαθέσιμο). Υπάρχουν μερικά προσαρμοσμένα που είναι πιο δύσκολα για τους αρχάριους, πολλά από αυτά επικεντρώθηκαν σε πράγματα όπως η αναγνώριση προσώπου / κεφαλιού (όπως tracking.js και headtrackr).

Εναλλακτικά, μπορείτε να ενισχύσετε τις δυνατότητες του έργου σας εάν μπορείτε να μεταφέρετε διαθέσιμα SDK από εταιρείες που σχετίζονται με την AR. Υπάρχουν επίσης πολλά API που αποδίδονται ως AR στο πρόγραμμα περιήγησης. Για παράδειγμα, το Mapbox ακολουθεί αυτή τη διαδρομή και αναπτύσσεται σε JavaScript.

Σας προτείνω να το διατηρήσετε απλό αλλά διαδραστικό.

Ωστόσο, εάν οι φιλοδοξίες σας δείχνουν επίσης ότι κυριαρχούν στη σχεδίαση και την κινούμενη εικόνα σε JavaScript, θα πρέπει σίγουρα να μάθετε τουλάχιστον ένα πακέτο 3D Javascript και το THREE.js το πιο δημοφιλές. Περιμένετε, ωστόσο, έως ότου αποκτήσετε μια καλή βάση JavaScript και OpenGl, καθώς και γεωμετρία, τριγωνομετρία, γραμμική άλγεβρα ή φυσική. Και μην περιμένετε περισσότερη βοήθεια από τα υπάρχοντα 3D JS GUI. συγκεκριμένα, το THREE.js δεν έχει κανένα. Προκλητικό αλλά συναρπαστικό!

Παράδειγμα μπόνους

Ήθελα να ετοιμάσω μια γρήγορη επίδειξη μόνο για να εξερευνήσω την τεχνολογία, οπότε πήρα ένα ωραίο CodePen και το τροποποίησα για να ταιριάζει σε ένα κινούμενο σχέδιο AR που βασίζεται σε δείκτες και μεταφέρεται σε κλώνο της εξαιρετικής δουλειάς του Stemkoski με τους AR.js.

Για να δείτε το παράδειγμα που χρειάζεστε μια κινητή συσκευή με κάμερα και Διαδίκτυο (τηλέφωνο ή tablet) και είτε ένα έντυπο αντίγραφο του δείκτη ή άλλη συσκευή για να το εμφανίσετε στην οθόνη.

Ετοιμος? Τώρα ανοίξτε αυτόν τον σύνδεσμο χρησιμοποιώντας ένα πρόγραμμα περιήγησης στην κινητή συσκευή σας:

//evaristoc.github.io/ARexample/

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

ΣΗΜΕΙΩΣΗ: λειτουργεί σε Android και Chrome - ενδέχεται να μην λειτουργεί για άλλες συσκευές και προγράμματα περιήγησης;

Ευτυχισμένο το νέο έτος!

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

Και αν σας άρεσε αυτό το άρθρο, μην ξεχάσετε να το δώσετε; και να το μοιραστώ στα κοινωνικά μέσα.

Ευχαριστούμε που διαβάσατε, απολαύστε το AR και το Happy Coding !!