אפליקציות PWA ב-Oculus Quest 2

משקפי Oculus Quest 2 הם משקפי מציאות מדומה (VR) שנוצרו על ידי Oculus, חטיבה של Meta. מפתחים יכולים עכשיו ליצור ולהפיץ אפליקציות מסוג Progressive Web App (PWA) בדו-ממד ובתלת-ממד (PWA), ומנצלים את היתרונות של תכונת ריבוי המשימות של Oculus Quest 2.

Alexey Rodionov

Thomas Steiner

קווסט 2 במשקפי Oculus

Oculus Quest 2 הן אוזניות מציאות מדומה (VR) שנוצרו על ידי Oculus, חטיבה ב-Meta. זוהי המשך של משקפי ה-VR הקודמים של החברה, Oculus Quest. אפשר להפעיל את המכשיר גם כאוזניות עצמאיות עם מערכת הפעלה פנימית שמבוססת על Android. גם תוכנת VR שתואמת ל-Oculus ופועלת במחשב שולחני אם היא מחוברת ב-USB או ב-Wi-Fi. הוא משתמש במערכת Snapdragon XR2 של Qualcomm על צ'יפ עם זיכרון RAM בנפח 6GB. המסך של Quest 2 הוא לוח LCD יחיד עם מתג מהיר, בעל 1,832 × 1,920 פיקסלים לכל רזולוציית עין, ופועל עם קצב רענון של עד 120Hz.

דפדפן Oculus

בשלב הזה יש שלושה דפדפנים שזמינים במשקפי Oculus Quest 2: Wolvic, היורשים של Firefox Reality, ו-Oculus Browser המובנה. המאמר הזה נתמקד בשאלה השנייה. באתר Oculus ניתן להציג את Oculus Browser בתור הבא.

"דפדפן Oculus תומך בטכנולוגיות ובתקני האינטרנט העדכניים ביותר, כדי לעזור לכם ליצור חוויות VR באינטרנט. אתרי האינטרנט הדו-ממדיים של היום פועלים מצוין בדפדפן Oculus, כי הוא מופעל על ידי מנוע העיבוד של Chromium. היא גם עברה אופטימיזציה עבור אוזניות Oculus. כך הן מספקות את הביצועים הטובים ביותר ומאפשרות למפתחי אתרים לנצל את מלוא הפוטנציאל של VR באמצעות ממשקי API חדשים, כמו WebXR. בעזרת WebXR, אנחנו פותחים את הדלתות אל הגבול הבא של האינטרנט."

סוכן משתמש

כך נראה מחרוזת סוכן המשתמש של הדפדפן בזמן הכתיבה:

Mozilla/5.0 (X11; Linux x86_64; Quest 2)
AppleWebKit/537.36 (KHTML, like Gecko)
OculusBrowser/18.1.0.2.46.337441587
SamsungBrowser/4.0
Chrome/95.0.4638.74
VR
Safari/537.36

כמו שאפשר לראות, הגרסה הנוכחית של דפדפן Oculus, 18.1.0.2.46.337441587, מבוססת על Chrome 95.0.4638.74, כלומר רק גרסה אחת אחרי הגרסה היציבה הנוכחית של Chrome, שהיא 96.0.4664.110. אם המשתמש עובר למצב נייד, VR משתנה ל-Mobile VR.

ממשק משתמש

ממשק המשתמש של הדפדפן (מוצג למעלה) כולל את התכונות הבאות (שורה עליונה משמאל לימין):

• לחצן 'הקודם'
• לחצן הרענון
• פרטי אתר
• סרגל של כתובות URL
• לחצן ליצירת סימנייה
• לחצן שינוי גודל עם אפשרויות צרות, בינוניות ורחבות, וכן תכונת שינוי מרחק התצוגה
• לחצן לבקשת אתר לנייד
• לחצן תפריט עם האפשרויות הבאות:
  • כניסה למצב פרטי
  • סגירת כל הכרטיסיות
  • הגדרות
  • סימניות
  • הורדות
  • היסטוריה
  • ניקוי נתוני גלישה

השורה התחתונה כוללת את התכונות הבאות:

• לחצן סגירה
• לחצן המזעור
• לחצן שלוש נקודות עם אפשרויות למעבר אחורה, קדימה וטעינה מחדש

קצב הרענון ויחס הפיקסלים של המכשיר

במשקפי Oculus Quest 2, Oculus Browser מעבד גם תוכן מדפי אינטרנט בדו-ממד וגם תוכן WebXR בקצב רענון של 90 הרץ. בזמן הצפייה במדיה במסך מלא, דפדפן Oculus מבצע אופטימיזציה של קצב הרענון במכשיר על סמך קצב הפריימים של הסרטון, לדוגמה, 24fps. במשקפי Oculus Quest 2 יש יחס פיקסלים של 1.5 לטקסט חד.

אפליקציות PWA בדפדפן Oculus וב-Oculus Store

ב-28 באוקטובר 2021 ג'ייקוב רוסי (Jacob Rossi), מנהל מוצר ב-Meta (Oculus), שיתף ש-PWA הגיעו ל-Oculus Quest ול-Oculus Quest 2. בהמשך, אתאר את חוויית ה-PWA ב-Oculus ואסביר איך ליצור, להתקין ממקור לא ידוע ולבדוק את ה-PWA ב-Oculus Quest 2.

שיתוף מצב

מצב ההתחברות משותף בין Oculus Browser לבין PWA, ומאפשר למשתמשים לעבור ביניהם בצורה חלקה. באופן טבעי, Facebook Login נתמך דפדפן Oculus כולל מנהל סיסמאות שמאפשר למשתמשים לאחסן ולשתף את הסיסמאות שלהם באופן מאובטח בין הדפדפן לבין חוויית המשתמש של האפליקציות המותקנות.

גדלים של חלונות PWA

המשתמשים יכולים לשנות את הגודל של חלונות וחלונות בדפדפן של אפליקציות PWA מותקנות. הגובה יכול להיות בין 625 ל-1,200 פיקסלים. ניתן להגדיר רוחב בין 400 ל-2,000 פיקסלים. מידות ברירת המחדל הן 1,000 × 625 פיקסלים.

אינטראקציה עם PWA

אפשר לשלוט באפליקציות PWA באמצעות בקרי השליטה הימני והשמאלי של Oculus, עכברים ומקלדות עם Bluetooth, ובאמצעות מעקב ידיים. הגלילה פועלת באמצעות מקלות האגודל בבקרים של Oculus, או על ידי תנועת צביטה עם האגודל והאצבע המורה ותנועה בכיוון הרצוי. כדי לבחור פריט, המשתמש יכול להצביע ולצבוט.

הרשאות לאפליקציות PWA

ההרשאות בדפדפן Oculus פועלות פחות או יותר כמו ב-Chrome. המצב משותף בין אפליקציות שפועלות בדפדפן לבין אפליקציות PWA מותקנות, כך שהמשתמשים יכולים לעבור בין שתי הממשקים בלי להעניק את אותן ההרשאות שוב.

למרות שהרשאות רבות יושמו, לא כל התכונות נתמכות. לדוגמה, למרות שהבקשה לקבלת הרשאת מיקום גיאוגרפי מצליחה, המכשיר אף פעם לא מקבל מיקום. באופן דומה, ממשקי ה-API השונים של החומרה, כמו WebHID, Web Bluetooth וכו'. מעבירים זיהוי תכונות, אבל לא מוצג בהם כלי שמאפשר למשתמש להתאים את Oculus למכשיר חומרה. אני מניחה שיכולת הזיהוי של התכונות של ממשקי ה-API תשתפר כשהדפדפן יתבגר.

ניפוי באגים באפליקציות PWA באמצעות כלי הפיתוח ל-Chrome

אחרי הפעלת מצב פיתוח, ניפוי באגים של אפליקציות PWA ב-Oculus Quest 2 יפעל בדיוק כפי שמתואר במאמר ניפוי באגים במכשירי Android מרוחקים.

1. במכשיר Oculus, גולשים לאתר הרצוי בדפדפן Oculus.
2. מפעילים את Google Chrome במחשב ומנווטים אל chrome://inspect/#devices.
3. מאתרים את מכשיר Oculus הרצוי, ובשלב זה נפתחת קבוצת כרטיסיות Oculus Browser.
4. לוחצים על inspect בכרטיסייה הרצויה בדפדפן Oculus.

גילוי האפליקציה

אנשים יכולים להשתמש בדפדפן עצמו או ב-Oculus Store כדי לחפש אפליקציות PWA. בדומה לכל דפדפן אחר, אפליקציות PWA שהותקנו פועלות גם ב-Oculus Browser כאתרים שפועלים בכרטיסייה. כשמשתמשים נכנסים לאתר, דפדפן Oculus יעזור להם לגלות את האפליקציה אם (ורק אם) היא זמינה ב-Oculus Store. משתמשים שכבר התקינו את האפליקציה יוכלו להיעזר ב-Oculus Browser כדי לעבור לאפליקציה בקלות.

הערה: בשלב הזה, האירוע BeforeInstallPrompt לא יופעל בדפדפן Oculus, למרות שיש תמיכה בדיווח על זיהוי התכונות.

אפליקציות PWA לדוגמה במשקפי Oculus Quest 2

אפליקציות PWA לפי מטא

כמה מחלקות Meta יצרו אפליקציות PWA ל-Oculus Quest 2, לדוגמה Instagram ו-Facebook. אפליקציות ה-PWA פועלות בחלונות של אפליקציות נפרדים שאין בהם סרגל של כתובות URL, ואפשר לשנות את הגודל שלהן באופן חופשי.

אפליקציות PWA של מפתחים אחרים

בזמן כתיבת ההודעה הזו, ב-Oculus Store היה מספר קטן אבל הולך וגדל של אפליקציות PWA ל-Oculus Quest 2. Spike מאפשר למשתמשים לחוות את כל כלי העבודה החיוניים כמו אימייל, צ'אט, שיחות, הערות, משימות ומשימות מתיבת הדואר הנכנס שלהם, במרכז סביבה וירטואלית, ישירות באפליקציית Spike.

דוגמה נוספת היא Smartsheet, סביבת עבודה דינמית שמאפשרת ניהול פרויקטים, תהליכי עבודה אוטומטיים ובנייה מהירה של פתרונות חדשים.

אנחנו משיקים עוד אפליקציות PWA כמו Slack, Dropbox או Canva, כפי שמתואר בסרטון שכולל את ג'ייקוב רוסי, שפורסם בהקשר של כנס Connect של Facebook ב-2021.

יצירת אפליקציות PWA למשקפי Oculus

Meta פירטה את השלבים הנדרשים במסמכים שלה. באופן כללי, בדרך כלל, אפליקציות PWA שניתנות להתקנה ב-Chrome אמורות לפעול ללא התקנה במשקפי Oculus.

דרישות לשימוש במניפסט של אפליקציית אינטרנט

יש כמה הבדלים חשובים בהשוואה לקריטריונים של Chrome להתקנה ולמפרט המניפסט של אפליקציות אינטרנט. לדוגמה, Oculus תומכת כרגע רק בשפות משמאל לימין, ואילו מפרט המניפסט של אפליקציות אינטרנט לא אוכף מגבלות כאלה. דוגמה נוספת היא start_url, שנדרשת ב-Chrome רק כדי שיהיה אפשר להתקין אפליקציה, אבל במשקפי Oculus היא אופציונלית. ב-Oculus יש כלי שורת פקודה שמאפשר למפתחים ליצור אפליקציות PWA ל-Oculus Quest 2, וכך להעביר את הפרמטרים החסרים (או לבטל את הפרמטרים הקיימים) במניפסט של אפליקציית האינטרנט.

שם	תיאור
name	(חובה) שם ה-PWA. בשלב זה משקפי Oculus תומכים רק בשפות שנכתבות משמאל לימין בלבד.
display	(חובה) "standalone" או "minimal-ui". כרגע אין תמיכה בערכים אחרים במשקפי Oculus.
short_name	(חובה) גרסה קצרה יותר של שם האפליקציה, אם יש צורך.
scope	(אופציונלי) כתובת ה-URL או הנתיבים שיש להתייחס אליהם כחלק מהאפליקציה.
start_url	(אופציונלי) כתובת ה-URL שתוצג בזמן הפעלת האפליקציה.

ב-Oculus יש כמה שדות מניפסט קנייניים של אפליקציות אינטרנט שאפשר להשתמש בהם כדי להתאים אישית את חוויית ה-PWA.

שם	תיאור
ovr_package_name	(אופציונלי) מגדיר את שם החבילה של ה-APK שנוצר עבור ה-PWA. הכתובת חייבת להיות בסימון שם דומיין הפוך, למשל, "com.company.app.pwa". אם המדיניות לא מוגדרת, המפתחים צריכים לספק שם חבילה לכלי שורת הפקודה עם הפרמטר --package-name (חובה).
ovr_multi_tab_enabled	(אופציונלי) אם השדה true, השדה הבוליאני הזה יספק ל-PWA סרגל כרטיסיות שדומה לדפדפן Oculus. באפליקציות מסוג PWA שיש להן מספר כרטיסיות, קישורים פנימיים שמטרגטים כרטיסייה חדשה (target="_new" או target="_blank") ייפתחו בכרטיסיות חדשות בחלון ה-PWA. הדבר שונה מאפליקציות PWA עם כרטיסייה אחת, שבהן קישורים כאלה ייפתחו בחלון Oculus Browser. התכונה הזו נמצאת כרגע בסטנדרטיזציה כמצב אפליקציה עם כרטיסייה.
ovr_scope_extensions	(אופציונלי) מאפשרת ל-PWA לכלול דפי אינטרנט נוספים בטווח של אפליקציית האינטרנט. הוא מורכב ממילון JSON שמכיל כתובות URL של תוספים או דפוסים של תווים כלליים לחיפוש. התכונה הזו עוברת עכשיו סטנדרטיזציה כתוספי היקף לאפליקציות אינטרנט.

אריזת PWA באמצעות CLI של בועות

בועות היא קבוצת ספריות בקוד פתוח וכלי שורת פקודה (CLI) ל-Node.js. צוות Google Chrome פיתח את חבילת הבועה כדי לעזור למפתחים ליצור, לבנות ולחתום על פרויקט ל-Android שמפעיל את ה-PWA בתור פעילות באינטרנט מהימנה (TWA).

בשלב זה, דפדפן Meta Quest לא תומך ב-TWA באופן מלא, אבל החל מגרסה 1.18.0, בועה בועות תומכות באריזה של PWA למכשירי Meta Quest.

הוא יכול ליצור קובצי APK אוניברסליים שפותחים TWA במכשירי Android רגילים, ואת Meta Quest Browser במכשירי Meta Quest.

בהנחה ש-Node.js מותקן במכשיר שלכם, תוכלו להתקין את ה-CLI של בועות באמצעות הפקודה הבאה:

npm i -g @bubblewrap/cli

בפעם הראשונה שמריצים את בועת הבועה, תופיע הצעה להוריד ולהתקין באופן אוטומטי את יחסי התלות החיצוניים הנדרשים – Java Development Kit (JDK) ו-Android SDK Build Tools.

כדי ליצור פרויקט Android תואם ל-Meta Quest שמקיף את ה-PWA, מריצים את הפקודה init עם הדגל --metaquest ופועלים לפי האשף:

bubblewrap init --manifest="https://your.web.app/manifest.json" --metaquest

לאחר יצירת הפרויקט, יוצרים אותו וחותמים עליו על ידי הרצת:

bubblewrap build

הפעולה הזו תיצור פלט של קובץ בשם app-release-signed.apk. אפשר להתקין את הקובץ הזה במכשיר או לפרסם אותו ב-Meta Quest Store, בחנות Google Play או בכל אחת מפלטפורמות ההפצה האחרות של אפליקציות ל-Android.

הערה: טיפ למתקדמים: אפשר גם להשתמש בדגל --chromeosonly בנוסף לדגל --metaquest כדי להתאים קובצי APK לא רק ל-Meta Quest ולמכשירי Android רגילים, אלא גם למכשירי ChromeOS.

אריזת אפליקציות PWA באמצעות Oculus Platform Utility

Oculus Platform Utility הוא כלי שורת הפקודה הרשמי שפותח על ידי Meta לפרסום אפליקציות למכשירי Oculus Rift ו-Meta Quest.

היא גם מאפשרת לארוז אפליקציות PWA למכשירי Meta Quest באמצעות הפקודה create-pwa, ולפרסם אותן ב-Meta Quest Store וב-App Lab.

מגדירים את השם של קובץ הפלט באמצעות הפרמטר -o ואת הנתיב ל-Android SDK דרך הפרמטר --android-sdk.

צריך להפנות את הכלי לכתובת ה-URL הפעילה של המניפסט של אפליקציית האינטרנט באמצעות הפרמטר --web-manifest-url.

אם אין לכם מניפסט ב-PWA הפעיל או שאתם רוצים לשנות את המניפסט הפעיל, עדיין תוכלו ליצור APK ל-PWA באמצעות קובץ מניפסט מקומי והפרמטר --manifest-content-file.

כדי שהמניפסט יהיה טהור ככל האפשר, צריך להשתמש בפרמטר --package-name עם ערך בסימון שם דומיין הפוך (לדוגמה, com.company.app.pwa), במקום להוסיף את השדה ovr_package_name הקנייני למניפסט.

ovr-platform-util create-pwa -o output.apk --android-sdk ~/bin/android-10 --manifest-content-file manifest.json --package-name com.company.app.pwa

זהירות: קובצי APK שנוצרו על ידי Oculus Platform Utility תואמים רק למכשירי Meta Quest, ואי אפשר להריץ אותם במכשירי Android רגילים. כמו כן, ניתן לפרסם אותם רק ב-Meta Quest Store וב-App Lab.

אריזת אפליקציות PWA באמצעות PWABuilder

השימוש ב-PWABuilder הוא מבחינתם של המחברים, הדרך הקלה ביותר, ולכן גם המומלצת לא חבילת PWA ל-Meta Quest.

PWABuilder הוא פרויקט בקוד פתוח שפותח על ידי Microsoft. הוא מאפשר למפתחים לארוז את קובצי ה-PWA שלהם ולחתום עליהם כדי לפרסם אותם בחנויות שונות, כולל Microsoft Store, Google Play Store, App Store ו-Meta Quest Store.

כל מה שצריך לעשות הוא להזין כתובת URL של PWA, להזין או לערוך את המטא-נתונים של האפליקציה וללחוץ על הלחצן Generate (יצירה) כדי לארוז קובצי PWA באמצעות PWABuilder.

בעזרת PWABuilder, המפתחים יכולים לבחור באיזה כלי עליהם להשתמש לצורך אריזת אפליקציות PWA למכשירי Meta Quest.

אתם יכולים לבחור באפשרות Meta Quest כדי להשתמש ב-Oculus Platform Utility.

הערה: טיפ למתקדמים: ב-PWABuilder משתמשים בגרסה של Oculus Platform Utility בגרסה מצומצמת, שיוצרת קובצי APK קטנים הרבה יותר על ידי הסרת קוד ומשאבים שלא נמצאים בשימוש.

אפשר לבחור באפשרות Android כדי להשתמש בבועה, ולסמן את תיבת הסימון Meta Quest matching.

הערה: טיפ למתקדמים: מכיוון ש-PWABuilder היא אפליקציית PWA עצמה שפועלת בכל מקום שיש בו דפדפן, אפשר לפתוח אותו בדפדפן Meta Quest ואת כל השלבים שמבצעים ישירות ב-Meta Quest.

התקנת אפליקציות PWA באמצעות ADB

נקודה חשובה: כדי להפעיל את Android Debug Bridge (ADB) במכשיר Meta Quest, עליכם להפעיל את מצב הפיתוח באפליקציה הנלווית לנייד. לפני שתוכלו להעביר את המכשיר למצב פיתוח, עליכם להשתייך (או שיצרתם) לארגון מפתחים ב-Oculus Developer Center.

לאחר יצירת קובץ ה-APK, תוכלו להתקין אותו במכשיר Meta Quest באמצעות ה-ADB באמצעות USB או Wi-Fi:

adb install app-release-signed.apk

אם משתמשים ב-CLI של בועות לאריזת אפליקציות PWA, זו פקודת כינוי נוחה שמאפשרת לבצע טעינה ממקור לא ידוע של קובץ ה-APK:

bubblewrap install

הערה: טיפ למתקדמים: אפשר להשתמש ב-Android Web Toolbox כדי להתקין קובצי APK ממקור לא ידוע. זוהי אפליקציית אינטרנט בקוד פתוח שמאפשרת לגשת לכל הפונקציונליות של ADB ישירות מהדפדפן, גם ממכשיר Android אחר. הודות ל-Web USB API אין צורך בהתקנה או במנהלי התקנים.

אפליקציות שהותקנו ממקור לא ידוע יופיעו בקטע מקורות לא ידועים בחלונית ההזזה לאפליקציות.

שליחת אפליקציה

נקודה חשובה: אפשר לשלוח בקשת הצטרפות ל-Oculus Store ולהתעניין בה, רק אם קיבלת אישור כמפתח של Meta Quest Store. בשלב זה, לא ניתן להפיץ אפליקציות PWA באמצעות App Lab. צוות Meta ישתף בקרוב מידע נוסף לגבי מתי ואיך אפשר לשלוח PWA ל-App Lab.

הסבר מפורט על העלאה ושליחה של אפליקציות PWA ל-Oculus Store מופיע במסמכים למפתחים של Oculus.

מלבד שליחת האפליקציות ל-Oculus Store, המפתחים יכולים גם להפיץ את האפליקציות שלהם באמצעות פלטפורמות כמו SideQuest ישירות לצרכנים בצורה בטוחה ומאובטחת, בלי לדרוש אישור מהחנות. כך הם יכולים לשלוח אפליקציה ישירות למשתמשי הקצה, גם אם היא נמצאת בשלב הפיתוח, הניסוי או קהל היעד הייחודיים.

בדיקת אפליקציות עם כמה כרטיסיות

כדי לבדוק אפליקציות עם כמה כרטיסיות, יצרתי PWA לבדיקה קטנה, שמדגימה את התכונות השונות של הקישור: פתיחת כרטיסייה חדשה ב-PWA, שהייה בכרטיסייה הנוכחית, פתיחת חלון דפדפן חדש ופתיחה ב-WebView בכרטיסייה הנוכחית. מריצים את הפקודות הבאות במחשב כדי ליצור עותק של האפליקציה הזו להתקנה מקומית.

ovr-platform-util create-pwa -o test.apk --android-skd ~/bin/android-10 --web-manifest-url https://tomayac.github.io/oculus-pwa-test/manifest.json --package-name com.example.pwa
adb install test.apk

הנה הקלטת מסך של אפליקציית הבדיקה.

גרסת Oculus של SVGcode

כדי להתחיל סיבוב, יצרתי גרסת Oculus של ה-PWA העדכנית ביותר שלי, SVGcode. תוכלו להוריד את קובץ ה-APK שנוצר output.apk מ-Google Drive שלי. על מנת לבדוק את החבילה לעומק, יש לי גם גרסה שעברה הידור (decompile). ההוראות לפיתוח ב-package.json מפורטות.

השימוש באפליקציה במשקפי Oculus עובד מצוין, כולל היכולת לפתוח ולשמור קבצים. ב-Oculus אין תמיכה ב-File System Access API, אבל הגישה החלופית עוזרת. כל מה שלא פעל הוא שינוי מרחק התצוגה באמצעות צביטה. חשבתי שהוא יעבוד על ידי לחיצה על לחצן ההפעלה בשני הבקרים ואז הזזת הבקרים לכיוונים מנוגדים. חוץ מזה, כל השאר היו באיכות גבוהה ורספונסיבית, כמו שאפשר לראות בהקלטת המסך המוטמעת.

אפליקציות PWA סוחפות של WebXR בתלת-ממד

התמיכה ב-PWA ב-Oculus Quest אינה מוגבלת לאפליקציות דו-ממדיות שטוחות. מפתחים יכולים ליצור חוויות תלת-ממדיות סוחפות ל-VR באמצעות WebXR API.

רוצים לדעת איך הודעות שונות (התקנת PWA, בקשות הרשאה והתראות) מטופלות מתוך VR, אם בכלל?

לפניך הקלטת מסך של בדיקת הודעות סוכן משתמש מ-WebXR Tests של Immersive Web Work Group.

כמו שאפשר לראות, נדרשת הרשאת המשתמש כדי להיכנס למצב VR. ההרשאות מתבקשות פעם אחת לכל מקור. בקשת ההרשאות יוצאת מהמצב העשיר. אין כרגע תמיכה בהתראות.

מעקב אחר הידיים

אפשר להשתמש בידיים כדי לבצע פעולות של אפליקציות PWA במצב עשיר, בעזרת WebXR Hand Filter API ומערכת מעקב היד מבוססת-AI של Meta.

הנה הקלטת מסך של Hand Tracking Sample מתוך WebXR Samples בקבוצת העבודה של Immersive Web.

מציאות רבודה/מעורבת (העברת תוכן)

כפי שהודענו ב-Meta Connect 2022, דפדפן Meta Quest נוסף תמיכה ב-WebXR Augmented Reality (AR), שמכונה גם מציאות משולבת (MR), במכשירי Meta Quest 2 ו-Meta Quest Pro.

בואו נראה דוגמה למתחילים של A-Frame השונה מעט, עם מודלים מוקטנים ושמיים ומישורים נסתרים למציאות רבודה.

A-Frame היא מסגרת אינטרנט בקוד פתוח ליצירת חוויות תלת-ממד/VR/AR לגמרי שמבוססות על רכיבי HTML מותאמים אישית מוצהרים לשימוש חוזר, שקל לקרוא, להבין, להעתיק ולהדביק.

הנה הקלטת מסך של ההדגמה הזו ב-Meta Quest 2.

ב-Meta Quest 2 יש מצלמות מונוכרומטיות, כך שהמעבר (pass-through) בגווני אפור, ואילו ב-Meta Quest Pro יש מצלמות צבעוניות.

מסקנות

אפליקציות PWA במשקפי Oculus Quest 2 מאוד כיפיות ומבטיחות. סביבת העבודה הווירטואלית האינסופית שמאפשרת למשתמשים להתאים את המסך לכל אפליקציה שמתאימה למשימה הנוכחית, עם פוטנציאל לשנות את אופן העבודה שלנו בעתיד. הקלדה ב-VR עם מעקב ידיים נמצאת עדיין בחיתוליה, ולדעתי היא עדיין לא פועלת בצורה מהימנה, אבל היא פועלת מספיק טוב להזנה של כתובות URL או להקלדה של טקסטים קצרים.

מה שהכי מוצא חן בעיניי ב-PWA של Oculus Quest 2 הוא שהן אפליקציות PWA רגילות שאפשר להשתמש בהן ללא שינוי בכרטיסיית הדפדפן או דרך wrapper של APK דק ללא ממשקי API ספציפיים לפלטפורמה. מעולם לא היה קל יותר לטרגט כמה פלטפורמות באמצעות אותו קוד. הנה כללי PWA ב-VR וב-AR באינטרנט. העתיד ורוד!

אישורים

תמונה של Oculus Quest 2 מאת Maximilian Prandstätter ב-Flickr. תמונות ב-Oculus Store של Instagram, Facebook, Oculus Browser ו-Spike אפליקציות, וגם איור של יכולת הגילוי של האפליקציה והאנימציה מעקב אחר היד באדיבות Meta. תמונה ראשית (Hero) מאת ארנאו מארין אי פואיג. הפוסט הזה נכתב על ידי Joe Medley.