Şubat ayında <model-viewer> web bileşenini kullanıma sunduk.
Bu özellik, bir web sayfasına bildirilmiş bir 3D model eklemenize olanak tanırken
modelinizi oluşturabilirsiniz. Yapay zekanın desteklemediği bir şey de artırılmış gerçeklikti. O
bileşenin kaynak resmini cihazın
kamera feed'i.
Bu amaç doğrultusunda, iOS'te Magic Leap ve Quick Look desteği ekledik. Şimdi
Android'de artırılmış gerçeklik (AR) desteğinin mevcut olduğunu ve ar
özelliğini gönderin. Bu özellik, Scene Viewer adlı yeni bir ARCore özelliğine dayanır.
3D modelleri görüntülemek için harici bir uygulama. Scene Viewer hakkında daha fazla bilgi edinmek için:
3D modelleri Android tarayıcıdan artırılmış gerçeklikte (AR) görüntüleme başlıklı makaleye göz atın.
<model-viewer> ile artırılmış gerçekliğin nasıl yapılacağını görelim.
Özellik
Hatırlayacağınız üzere bir web bileşeninin kullanılması için özel bir bilgi gerekmez. Google
bir standart HTML öğesi gibi davranır ve hem benzersiz bir etikete hem de özelliklere
ve yöntemler. Şu tarihten sonra:
<script> etiketiyle yüklemeyi,
bunu diğer herhangi bir HTML öğesi gibi kullanabilirsiniz.
<model-viewer alt="A 3D model of an astronaut." src="Astronaut.gltf" ios-src="Astronaut.usdz" magic-leap ar>
Bu, önceki makalemde anlattığım konuyla hemen hemen aynı. Şu şeye dikkat edin: en sonda vurguladım. Bu, yeni özelliktir.
Yeni sürüm yükleniyor
Zaten <model-viewer> kullanıyorsanız büyük olasılıkla bileşeni içe aktarıyorsunuzdur
<script> etiketlerini tam olarak kullanarak
belgelerde gösterildiği gibi.
Sürekli olarak iyileştirmeler yapıyoruz. Daha önce test etmek istediğiniz
yükseltmeyi ve dağıtmayı amaçlıyorsanız belirli bir sürümü yüklemek
/ <model-viewer>. Bunu yapmak için sürüm numarasını aşağıda gösterildiği gibi dosya URL'lerine ekleyin
bölümüne göz atın. Ardından,
sürümler sayfası
başlıklı makaleye göz atın.
<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 ve geri bildirimler
GitHub'da hoş geldiniz.