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