Şubat ayında, modeli kendi sitenizde barındırırken bir web sayfasına 3D model eklemenize olanak tanıyan <model-viewer> web bileşenini kullanıma sunduk. Artırılmış gerçeklik bu cihazda desteklenmiyor. Yani bileşenin kaynak resmini cihazın kamera feed'inin üzerine oluşturamazdınız.
Bu nedenle, Magic Leap ve iOS'te Hızlı Görünüm desteğini ekledik. Şimdi de ar özelliğinin eklenmesiyle Android'de AR desteğini duyuruyoruz. Bu özellik, 3D modelleri görüntülemek için kullanılan harici bir uygulama olan Scene Viewer adlı yeni bir ARCore özelliğine dayanır. Sahne Görüntüleyici hakkında daha fazla bilgi edinmek için Android tarayıcısından AR'da 3D modelleri görüntüleme başlıklı makaleyi inceleyin.
<model-viewer> ile artırılmış gerçekliği nasıl kullanacağınızı görelim.
Özellik
Web bileşenlerini kullanmak için özel bir bilgiye ihtiyacınız olmadığını hatırlayabilirsiniz. Özellikleri ve yöntemlerinin yanı sıra benzersiz bir etikete de sahip standart bir HTML öğesi gibidir. <script> etiketiyle yükledikten sonra diğer HTML öğeleri gibi kullanın.
<model-viewer alt="A 3D model of an astronaut." src="Astronaut.gltf" ios-src="Astronaut.usdz" magic-leap ar>
Bu, önceki makalemdekiyle neredeyse aynı. En sona vurguladığım noktaya dikkat edin. Bu yeni özelliktir.
Yeni sürümü yükleme
<model-viewer>'ü zaten kullanıyorsanız muhtemelen bileşeni <script> etiketlerini dokümanda gösterildiği gibi kullanarak içe aktarıyorsunuzdur.
Sürekli olarak iyileştirmeler yapıyoruz. İsteyerek yükseltme ve dağıtmadan önce yeni özellikleri test etmek istiyorsanız <model-viewer>'ın belirli bir sürümünü yüklemeniz gerekir. Bunun için, sürüm numarasını aşağıdaki gibi dosya URL'lerine ekleyin. Ardından, güncellemeler için sürümler sayfasını takip edin.
<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>
Sonuç
<model-viewer> uygulamasının yeni sürümünü deneyin ve düşüncelerinizi bizimle paylaşın.
Sorunlarınızı ve geri bildirimlerinizi GitHub'da paylaşabilirsiniz.