Δείτε πώς μπορείτε να δημιουργήσετε μια εφαρμογή 360 VR σε 10 λεπτά με το Unity

Η εικονική πραγματικότητα (VR) είναι συναρπαστική. Είναι επίσης το New Frontier της ανάπτυξης εφαρμογών.

Το VR είναι έτοιμο να γεννήσει νέες μορφές αφήγησης και συναισθηματικά ισχυρές εμπειρίες. Ωστόσο, η κατασκευή VR θεωρείται εκφοβιστική: είναι ακριβή και απαιτεί τόσο ειδικό υλικό όσο και δεξιότητες.

Αλλά αυτό αλλάζει, καθώς τα διαισθητικά εργαλεία και το προσιτό υλικό κάνουν την ανάπτυξη VR προσβάσιμη. Αυτό το σεμινάριο θα σας δείξει πώς να δημιουργήσετε μια εφαρμογή βίντεο 360 σε Android και Google Cardboard σε λίγα λεπτά. Και σχεδόν καμία κωδικοποίηση απαιτείται;)

Η ανάπτυξη της εικονικής πραγματικότητας δεν πρέπει να αποτελεί εμπόδιο στη ζωή των ιδεών σας. Ας αρχίσουμε:

Ο, τι χρειάζεσαι

Αυτή είναι η λίστα των παντοπωλείων μας:

; Μια Μια nDroid τηλέφωνο w i-ένα γυροσκόπιο για τις κινήσεις της κεφαλής αίσθηση, που λειτουργούν με KitKat ή νεότερη OS.

; Ακουστικό AC ardboard. Εάν δεν διαθέτετε ένα, μπορείτε να βρείτε πολλά στο Amazon με λιγότερα από 10 δολάρια. Αυτό είναι το αγαπημένο μου.

; U nity3D, μια μηχανή παιχνιδιών πολλαπλών πλατφορμών, την οποία πρέπει να εγκαταστήσετε στον υπολογιστή σας, έκδοση 5.6 ή νεότερη. Θα χρησιμοποιήσουμε αυτό το λογισμικό για να χτίσουμε ολόκληρο το έργο μας.

; Το SDK GoogleVR για Unity, το οποίο μπορείτε να κατεβάσετε εκ των προτέρων.

; Ένα βίντεο 3 60. Τραβήξτε μία με κάμερα 360 (εδώ μπορείτε να συνδέσετε στο τηλέφωνό σας) ή βρείτε μια στο διαδίκτυο.

Πώς δημιουργούμε αυτήν την εφαρμογή;

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

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

Βήμα 1: Δημιουργία σφαίρας;

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

Στη συνέχεια, προσθέστε ένα αντικείμενο σφαίρας στη Σκηνή, τοποθετημένο στο κέντρο του ( Θέση = 0, 0, 0 ), με ακτίνα 50 ( Κλίμακα = 50, 50, 50 ). Η θέση της κάμερας πρέπει επίσης να οριστεί σε 0, 0, 0. Η κάμερα είναι τα μάτια της συσκευής αναπαραγωγής / θεατή, γι 'αυτό το θέλουμε στο κέντρο της Σφαίρας. Η τοποθέτησή του αλλού θα έκανε το βίντεο να παραμορφωθεί.

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

Βήμα 2: Αναποδογυρίστε τους Κανονικούς της Σφαίρας;

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

Στην ενότητα, οι σφαίρες δεν είναι στην πραγματικότητα σφαίρες (τι; Έχουμε πει ψέματα σε όλη τη διάρκεια!), Είναι πολύγωνα φτιαγμένα με χιλιάδες εφηβικές, μικροσκοπικές όψεις. Οι εξωτερικές πλευρές των όψεων είναι ορατές, αλλά όχι οι εσωτερικές. Για αυτόν τον λόγο, πρόκειται να κάνουμε ένα πρόγραμμα για να αναστρέψουμε αυτές τις μικρές όψεις όπως τηγανίτες.

Στην τρισδιάστατη γεωμετρία, αποκαλούμε αυτόν τον μετασχηματισμό «αναστροφή κανονικών» ή «αναστροφή κανονικών».

Θα χρησιμοποιήσουμε ένα πρόγραμμα που ονομάζεται Shader , το οποίο θα εφαρμόσουμε στο Υλικό της Σφαίρας. Τα υλικά ελέγχουν την εμφάνιση των αντικειμένων στο Unity. Οι Shaders είναι μικρά σενάρια που υπολογίζουν το χρώμα κάθε εικονοστοιχείου που αποδίδεται, με βάση τον φωτισμό και τις πληροφορίες που αντλούνται από τα Υλικά τους.

Ως εκ τούτου, δημιουργήστε ένα νέο Υλικό για τη Σφαίρα και, στη συνέχεια, εφαρμόστε ένα νέο Shader σε αυτό το Υλικό. Πρέπει να γράψουμε προσαρμοσμένο κώδικα για το Shader… αλλά δεν φοβόμαστε, μπορείτε να αντιγράψετε-επικολλήσετε τον παρακάτω κώδικα:

Αυτό το μικρό Shader πρόκειται να μετατρέψει κάθε εικονοστοιχείο της σφαίρας προς τα έξω. Τώρα η Σφαίρα μας εμφανίζεται σαν μια μεγάλη λευκή μπάλα, που βλέπει από μέσα, μέσα στη Σκηνή μας. Το επόμενο βήμα είναι να μετατρέψετε αυτήν τη λευκή σφαίρα σε πρόγραμμα αναπαραγωγής βίντεο.

Βήμα 3: Προβάλετε το βίντεό σας 360 μέσα στο Sphere;

Εδώ πρέπει να έχετε ένα βίντεο 360 mp4 στο χέρι. Εισαγάγετε το στο έργο και μετά σύρετέ το στο Sphere. Και τότε συμβαίνει η μαγεία: εμφανίζεται ένα στοιχείο «Video Player» και ανέρχεται, το βίντεο είναι έτοιμο για αναπαραγωγή.

Μπορείτε να παίξετε με τις ρυθμίσεις όπως βρόχους και ήχο. Υποστηρίζει επίσης ροή!

Βήμα 4: Ρύθμιση του Google Cardboard;

Σε αυτό το βήμα, θα κάνουμε την εμπειρία πραγματικά συναρπαστική. Γι 'αυτό θέλουμε να το δούμε σε ένα ακουστικό VR, εδώ ένα Google Cardboard.

Πρόκειται να δημιουργήσουμε μια «στερεοσκοπική» προβολή (η οθόνη θα χωριστεί σε δύο, με μερικά εφέ fisheye και στις δύο πλευρές - μία πλευρά για κάθε μάτι), χρησιμοποιώντας το SDK GoogleVR. Το φαινόμενο fisheye σε κάθε μάτι, σε συνδυασμό με την παραμόρφωση των πλαστικών φακών του Cardboard, είναι αυτό που σας δίνει την ψευδαίσθηση του βάθους και της εμβάπτισης.

Για να προσθέσετε το SDK GoogleVR στο έργο μας, κατεβάστε και εισαγάγετε την προσθήκη, τότε θα προσαρμόσουμε μια δέσμη ρυθμίσεων Android:

  • Μεταβείτε στο μενού της επάνω γραμμής> Αρχείο> Δημιουργίες . Προσθέστε την ανοιχτή σκηνή σας εάν δεν έχει ήδη προστεθεί και, στη συνέχεια, επιλέξτε Android στη λίστα των υποστηριζόμενων πλατφορμών.
  • Κάντε κλικ στο Switch Platform . Θα χρειαστεί λίγη ώρα την πρώτη φορά που θα κάνετε τον διακόπτη.
  • Κάντε κλικ στο Ρυθμίσεις προγράμματος αναπαραγωγής . Τα στοιχεία εμφανίζονται στον πίνακα Instructor.

Στον Εκπαιδευτή Ρυθμίσεων Παίκτη, στην ενότητα "Άλλες Ρυθμίσεις":

  • Ελέγξτε την υποστήριξη εικονικής πραγματικότητας . Στην ενότητα SDK εικονικής πραγματικότητας , επιλέξτε το εικονίδιο + και, στη συνέχεια, επιλέξτε Cardboard για να το προσθέσετε στη λίστα.
  • Εισαγάγετε ένα όνομα πακέτου στο πεδίο Bundle Identifier (για παράδειγμα, com.yourdomain.demo360 ). Πρέπει να είναι μοναδικό και χρησιμοποιείται για να διακρίνει την εφαρμογή μας από άλλους στο Google Play store.
  • Ορίστε το αναπτυσσόμενο μενού Ελάχιστο επίπεδο API σε " Android 4.4 'Kit Kat' (επίπεδο API 19) ".

Στη συνέχεια, πάρτε το στοιχείο " GvrViewerMain " από το φάκελο GoogleVR \ Prefabs στο Project Browser και σύρετέ το στη σκηνή. Στον Επιθεωρητή, δώστε την την ίδια θέση με το κέντρο της Σφαίρας - ( 0, 0, 0 ).

Το πρόθεμα GvrViewerMain ελέγχει όλες τις ρυθμίσεις λειτουργίας VR, όπως η προσαρμογή της οθόνης στους φακούς του Cardboard. Επίσης επικοινωνεί με το γυροσκόπιο του τηλεφώνου σας για να παρακολουθείτε τις κινήσεις του κεφαλιού σας. Όταν γυρίζετε το κεφάλι σας, η Κάμερα και ό, τι βλέπετε στρέφονται επίσης μέσα στο πρόγραμμα αναπαραγωγής βίντεο 360.

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

Βήμα 5: Εκτελέστε την εφαρμογή σε Android;

Για το τελικό μας βήμα, θα εκτελέσουμε την εφαρμογή σε τηλέφωνο Android και θα την κοινοποιήσουμε με φίλους!

Υπάρχουν δύο τρόποι για να το κάνετε αυτό:

  • Επιστρέψτε στο Αρχείο> Δημιουργία ρυθμίσεων . Μπορείτε να συνδέσετε ένα τηλέφωνο Android με καλώδιο USB στον υπολογιστή σας και να κάνετε κλικ στο Build & Run. Αυτό εγκαθιστά την εφαρμογή απευθείας στο τηλέφωνό σας.
  • Η άλλη επιλογή είναι να κάνετε κλικ μόνο στο Build . Αυτό δεν το εγκαθιστά σε τηλέφωνο, αλλά δημιουργεί ένα αρχείο APK. Μπορείτε να μοιραστείτε το APK μέσω email με όποιον θέλει να δοκιμάσει το αριστούργημα που μόλις δημιουργήσατε. Πρέπει να πατήσουν δύο φορές στο συνημμένο APK για να το εγκαταστήσουν στα τηλέφωνά τους.

Κατά τη διαδικασία κατασκευής, ενδέχεται να σας ζητηθεί να επιλέξετε τον ριζικό φάκελο SDK Android. Εάν συμβαίνει αυτό, κατεβάστε το Android SDK και, στη συνέχεια, επιλέξτε τη θέση του φακέλου.

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

Πηγαίνοντας πιο μακριά

Συγχαρητήρια, δημιουργήσατε μια εφαρμογή βίντεο 360 και απέχετε ένα βήμα από τη δημιουργία μιας εφαρμογής βίντεο VR ! Αν και οι όροι χρησιμοποιούνται συχνά όπως, το 360 και το VR ορίζουν δύο διαφορετικές εμπειρίες:

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

Η νέα σας εφαρμογή μπορεί να χρησιμεύσει ως αφετηρία για τη δημιουργία μιας πιο πλούσιας εμπειρίας εικονικής πραγματικότητας. Το Unity διαθέτει πολλές δυνατότητες που μπορείτε να αξιοποιήσετε, όπως η προσθήκη τρισδιάστατων στοιχείων ή δροσερών εφέ σωματιδίων ✨ για επικάλυψη και βελτίωση του βίντεό σας ή ρίχνοντας ορισμένα διαδραστικά στοιχεία.

Μπορείτε επίσης να τοποθετήσετε ένα πλήρες περιβάλλον 3D στο πρόγραμμα αναπαραγωγής βίντεο 360 και να το χρησιμοποιήσετε ως skybox. Ο χρήστης μπορεί να πλοηγηθεί στο τοπίο, χρησιμοποιώντας αυτό το καλό σενάριο πεζοπορίας.

Αφήστε τη φαντασία σας να τρέξει άγρια ​​και να μου δείξει τις δημιουργίες σας: tweet me @AdrianaVecc ή αφήστε ένα σχόλιο.

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

Εάν σας άρεσε αυτό το άρθρο, πατήστε το ? παρακάτω, ώστε να το δουν και άλλοι.

Η Adriana είναι καλλιτέχνης και σχεδιαστής προϊόντων που κάνει εμπειρίες VR που δημιουργούν ενσυναίσθηση. Αν θέλετε να ζωντανεύσετε τις ιδέες σας για την εικονική πραγματικότητα, στείλτε μας ένα email: