في شباط (فبراير) الماضي، طرحنا مكوِّن الويب <model-viewer>،
التي تتيح لك إضافة نموذج ثلاثي الأبعاد بشكل واضح إلى صفحة ويب، مع استضافة
نموذج على موقعك الإلكتروني. ولا تتيح هذه الخدمة استخدام تكنولوجيا الواقع المعزّز. الذي
هو أنك لم تتمكن من عرض صورة المصدر الخاصة بالمكوِّن فوق صورة
خلاصة الكاميرا.
وللقيام بذلك، وفّرنا منذ ذلك الوقت ميزات "قفزة سحرية" و"نظرة سريعة" على أجهزة iOS. الْآنْ
نعلن عن إتاحة الواقع المعزّز على Android مع إضافة ar
. تستند هذه السمة إلى ميزة جديدة في ARCore باسم Scene Viewer
تطبيق خارجي لعرض النماذج الثلاثية الأبعاد. لمزيد من المعلومات حول Scene Viewer،
الاطّلاع على مقالة عرض التصاميم الثلاثية الأبعاد في الواقع المعزّز من متصفّح 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> وأخبِرنا برأيك.
المشاكل والملاحظات
مرحبًا بك على GitHub.