בפברואר, הצגנו את רכיב האינטרנט <model-viewer>,
שמאפשר להוסיף מודל תלת-ממדי לדף אינטרנט באופן הצהרתי, בזמן שמארחים
באתר שלכם. דבר אחד שלא תמך בו היה מציאות רבודה. ש
לא ניתן לעבד את תמונת המקור של הרכיב מעל
מפיד המצלמה.
כדי לעשות את זה, הוספנו תמיכה ב-Magic Leap וב-Quick Look ב-iOS. היום
אנחנו מכריזים על תמיכה ב-AR ב-Android עם תוספת של ar
. המאפיין הזה מבוסס על תכונת ARCore חדשה שנקראת Scene Viewer,
אפליקציה חיצונית להצגת מודלים בתלת-ממד. למידע נוסף על Scene Viewer:
אתם מוזמנים לקרוא את המאמר הצגת מודלים בתלת-ממד ב-AR בדפדפן Android.
בואו נראה איך אפשר להשתמש במציאות רבודה באמצעות <model-viewer>
המאפיין
כפי שאתם זוכרים, רכיב אינטרנט מסוים לא דורש ידע מיוחד כדי להשתמש בו. הוא
מתנהג כמו רכיב HTML סטנדרטי, ויש לו תג ייחודי ותכונות
לבינה מלאכותית גנרטיבית. אחרי
להתקין אותו באמצעות תג <script>,
להשתמש בו כמו בכל רכיב HTML אחר.
<model-viewer alt="A 3D model of an astronaut." src="Astronaut.gltf" ios-src="Astronaut.usdz" magic-leap ar>
זה נראה די זהה למה שהיה לי במאמר הקודם שלי. שימו לב למה הדגשתי בסוף. זה המאפיין החדש.
מתבצעת התקנה של הגרסה החדשה
אם השתמשת כבר ב-<model-viewer>, סביר להניח שהרכיב מתבצע על ידך
באמצעות התגים <script> בדיוק
כפי שמוסבר במסמכי התיעוד.
אנחנו ממשיכים לבצע שיפורים. אם רוצים לנסות תכונות חדשות לפני
לשדרג ולפרוס בכוונה, רצוי להתקין גרסה ספציפית
מתוך <model-viewer>. כדי לעשות את זה, מוסיפים את מספר הגרסה לכתובות ה-URL של הקובץ, כמו שמוצג כאן.
שלמטה. לאחר מכן, צופים
דף פריטי התוכן
לקבלת עדכונים.
<script type="module"
src="https://unpkg.com/@google/model-viewer@0.3.1/dist/model-viewer.js">
</script>
<script nomodule
src="https://unpkg.com/@google/model-viewer@0.3.1/dist/model-viewer-legacy.js">
</script>
סיכום
רוצה לנסות את הגרסה החדשה של <model-viewer>? נשמח לשמוע מה דעתך.
הבעיות והמשוב
Welcome ב-GitHub.