'Idea Engine'de XR Kullanıcı Arayüzü Etkileşimlerini Keşfetmek

Fikir Motoru VR ve karma gerçeklik deneyimleri oluşturmanıza ve paylaşmanıza olanak tanır. Böyle genel amaçlı bir araç oluşturmak karmaşık kullanıcı arayüzleri gerektirir. Bu Konuk Makalede geliştirici Brett Jackson, kullanıcı arayüzü etkileşimine yönelik yaklaşımlarını paylaşıyor.

Brett Jackson'ın Konuk Makalesi

Brett Jackson, 2015'ten beri VR projeleri geliştiriyor ve İngiltere merkezli yeni şirketin yöneticisi. X82 Ltd.. Önceki sürümleri arasında Dimensional (PC VR), Breath Tech (PC VR), Jigsaw 360 (PC VR ve mobil VR) ve 120Hz (SideQuest) yer alıyor.

XR'de 2D etkileşimli paneller aracılığıyla bir kullanıcı arayüzü sunmak yaygındır. Bu heyecan verici bir ihtimal değil ama tanıdık ve etkili. Ancak, XR dünyalarımıza bu 2B müdahalesini kabul etsek bile, 2B paradigmalardan kurtulmak için hala yeni düşünceler ve fırsatlar var.

Tutarsız hedef vektörleri ve aralıklı sıkışma algılamalarının yanı sıra uzak panellerde el hareketimi abartan lazer işaretleyicilerden hızla yoruldum. Benim tercihim dünyaya ulaşmak ve onunla etkileşime geçmek. Panelin tam önümde olmasını istiyorum, böylece onu rahat bir şekilde konumlandırabilir ve gerçek dünyadaki bir cihaz gibi kullanabilirim.

Son projem, Fikir Motorukullanılarak geliştirilmiştir. StereoKit, açık kaynaklı bir OpenXR kütüphanesi. Önce eller felsefesine sahiptir ve kontrol cihazı desteğinin yanı sıra kullanıma hazır el takibi desteği de sağlar. Tipik kullanıcı arayüzü kontrolleriyle dinamik pencerelerin verimli bir şekilde oluşturulmasına olanak tanır. Hızlı bir şekilde XR projeleri oluşturmak için mükemmel bir araçtır ve başka birçok faydası vardır.

Paneller

Dolayısıyla başlangıç ​​noktam, herhangi bir noktada yakalayabileceğimiz (bulabileceğimiz özel bir tutamaç veya kenar yok) ve yakalama menzilindeyken görüntülenen hoş bir auraya sahip bir kullanıcı arayüzü panelidir. Şimdi daha fazla XR hususu ekleyelim.

XR'de kullanıcının bir kullanıcı arayüzü panelinin arkasına geçmesi kolaydır. Boş bir arka veya ters kullanıcı arayüzü göstermek yerine, kullanıcı arayüzünü kullanıcının baktığı tarafa çeviriyorum - basit. Önemsiz gibi görünüyor ancak XR'ye özgü senaryoları dikkate almaya değer. Diğer bir yaklaşım ise paneli sürekli olarak oynatıcıya bakacak şekilde otomatik olarak döndürmektir, ancak bu, kontrolü kullanıcının elinden alır. Paneli garip bir açıyla istiyorlarsa bıraksınlar, iyi bir nedenleri olabilir.

Kullanıcının başını çevirmeye gerek kalmadan içeriği kolayca özümseyebilmesi için ayrı bir panelin küçük bir boyutta (sayfa boyutu / monitör boyutu) tutulması gerekir, ancak XR bize bol miktarda alan sağlar. Sayfa sınırlarını aşmak için fırsatlar aramayı seviyorum. Kaydırılabilir alanlarım içeriği yakalayıp taşımak için bir tutamağa sahiptir. Yakaladığınızda içerik alanının büyük ölçüde genişletilmiş bir görünümünü görürsünüz ve bu moddayken sürükleyip bırakabilirsiniz, bu da daha geniş bir yerleştirme aralığı sağlar.

Panellerin yanlarında, tanımladıkları kullanıcı arayüzü bileşenine yönelik bir çizgiyle ipuçları gösteriyorum. Bu, paneldeki metin miktarını azaltır. Kullanıcılar ipuçları arasında geçiş yapabilir ve aşina oldukları ipuçlarını gizleyebilir.

Başka bir projede, sayfadan yatay olarak kayan ve uzaklaşan bir 3D Gantt şemasının prototipini yaptım. Kullanıcının asıl odağı hâlâ normal büyüklükteki merkezi paneldeydi ancak isteğe bağlı olarak daha geniş bağlamı da ele alabildiler.

Paneller kullanışlı ve tanıdık olsa da, kendimizi onların sınırları tarafından kısıtlanmış hissetmemeliyiz ve bu durumdan kurtulmanın yollarını aramak eğlencelidir.

Меню

StereoKit beni daha sonra genişlettiğim radyal el menüsüyle tanıştırdı. Bu fikir hoşuma gitti çünkü onu tek elle çalıştırıyorsunuz, bu yüzden kullanışlı ve erişilebilir. Aynı menü sistemini hem sağ hem de sol tarafta kullanıma sunuyorum ve tutarlılık sağlamak amacıyla panellerdeki açılır menüler için aynı yaklaşımı kullanıyorum.

Hacimsel menüm işleri bir adım daha ileri götürüyor ve tamamen bu 3. boyuttan yararlanma arzusuyla yönlendirildi. Işınlanma hedeflerini seçmek (her hedefe bir işaretçiyle) ve düzenlemek üzere yakındaki düğümleri seçmek için kullanıyorum. Meta veri deposu adreslerine göz atarken klavye girişi için de kullanıyorum. Bu oldukça deneysel. Tüm sembollerin merkezden eşit uzaklıkta olması avantajına sahiptir ve girişinizi başka yere bakmanıza gerek kalmadan görebilirsiniz (sanal klavyelerde yaygın bir sorundur). Dezavantajı ise kullanıcılara tanıdık gelmemesi, dolayısıyla buna karşı bir miktar direnç bekliyorum. Videoda harflerin alfabetik sırayla önden arkaya doğru spiral çizdiğine dikkat edin, dolayısıyla kısa sürede konumları tanıdık gelecektir.

Yakında buna benzer menüleri kendi Idea Engine projelerinize ekleyebileceksiniz.

3D Widget'lar

3 boyuta eşlenebilecek üç değere (ton, doygunluk ve değer) sahip olan bir renk seçici, deneme yapmak için ideal bir fırsat sunuyordu. 3B renk seçicimde, üç değeri de aynı anda değiştirebilir veya tonu, doygunluğu veya değeri ayrı ayrı ayarlayabilirsiniz. 2D sayfadaki kaydırıcılarla etkileşimde bulunmanın daha ilginç olduğunu düşünüyorum.

Harekete benzer şekilde, 3 boyutlu olarak hareket etmek istiyorum, bu nedenle elle takip edilen yumuşak hareket için bir 3 boyutlu kumanda kolu yaptım. Küreyi seyahat etmek istediğiniz yöne sürükleyin ve hızlı veya yumuşak dönüş için bileğinizi döndürün. Yürüme veya uçma modunda çalışır ve kullanıcı her şeyi tek bir kontrolde düşünemeyecek kadar fazla bulursa dönüş devre dışı bırakılabilir. Hala geleneksel kontrolör tabanlı hareketi destekliyorum, ancak bu tek elle kontrol, birden fazla joystick'in/düğmenin işlevselliğini kopyalıyor ve 3 boyutlu el hareketinin gereksinimleri yeni yollarla nasıl karşılayabileceğinin ilginç bir örneği.

Eller

Tüm örnek videolarımda, kullanıcı arayüzü ile etkileşime girmeye başlar başlamaz kullanıcının elini gizlediğimi göreceksiniz. Pek çok geliştirici, farklı amaçlar için dikkatli bir şekilde kavrama pozları oluşturmak için çaba harcıyor ve bu güzel görünüyor, ancak benim için kendi el konumumu yansıtmayan, iyi pozlanmış bir el, hiç el olmamasından daha dikkat dağıtıcıdır. Etkileşim başladıktan sonra el de görsel bir engel olabilir.

Elin gitmesiyle, herhangi bir görsel çelişki olmaksızın el hareketini azaltmak veya abartmak konusunda da özgürüm. Çok fazla içerik olduğunda kaydırma yaparken hassasiyeti azaltmak ve el hareketini abartmak için renk seçicideki el hareketini azaltıyorum.

Metin

Idea Engine, 3D modelleri indirmek için Sketchfab'i, görüntü oluşturmak için yapay zekayı ve fotoğraf/ses içe aktarmayı desteklerken, karmaşık anlatıları aktarmak için metnin ve konuşulan kelimenin kolaylığını ve erişilebilirliğini yenmek zordur. Bunu aklımda tutarak, kullanıcıların hikayelerini anlatmak için mevcut tüm formatları birleştirebilmesi için metin konusunda yeterli desteğe ihtiyacım vardı.

Metinler genellikle VR'de pek iyi görünmüyor, bu yüzden siz uzaklaşırken, göze hoş görünmeyen eserleri ortadan kaldırmak ve metin panellerini kapatmak için metni karartıyorum. Kullanıcılar metni okumak yerine ortamı keşfetmeye istekli olacaktır, bu nedenle karşılaştığınız herhangi bir blok metni bir anlatıcının otomatik olarak okumasını sağlama seçeneğim var.

Metin girişi, harika bir çözüm olmadan zorlu bir işti. Sanal klavye kullanarak kes-yapıştır desteği ve otomatik sayfalama özelliğine sahip mobil tarzda metin girişi oluşturdum. Bitirdiğimde sorun olmadığını düşündüm ama XR'de uzun bir bölüm yazmak istemem. Daha sonra sesten metne desteği ekledim. Bu yardımcı oldu, ancak dikteden sonra çok fazla düzenleme yapmam gerektiğini ve bunun hala geleneksel yöntemleri kullanmaktan daha yavaş olduğunu fark ettim. Artık kullanıcıların sahip oldukları herhangi bir cihazdaki tarayıcıdan kulaklıklarına bağlanmalarına ve bir web sayfası aracılığıyla metin almalarına izin veriyorum. Uzun metin girişi için kullanılan tarayıcıyla her üç tekniği de düzenli olarak kullanıyorum.

Buradaki dersim, XR'de her zaman her şeyi çözmenize gerek olmadığıydı. Bazen daha uygun cihazların kullanılması ve sonuçların içe aktarılması tercih edilebilir.

Denemek

Fikrinizi oluşturmak için eğitici zihin haritalarından etkileşimli hikayelere ve oyunlara kadar CC varlıklarından yararlanabilir ve kendi fotoğraflarınızı, seslerinizi ve metninizi içe aktarabilirsiniz. Daha sonra durumları, olayları ve üst düzey komut dosyalarını ekleyerek onu hayata geçirin ve X82 meta veri tabanımızda paylaşın. XR'nin olanaklarını keşfetmeye yönelik, özelliklerle dolu bir son kullanıcı aracı.

The herkese açık alfa artık mevcut ve App Lab'den ücretsiz olarak indirilebilir, böylece tartışılan özelliklerden herhangi birini gelip deneyebilir ve bana geri bildirimde bulunabilirsiniz.

• SEO Destekli İçerik ve Halkla İlişkiler Dağıtımı. Bugün Gücünüzü Artırın.
• PlatoData.Network Dikey Üretken Yapay Zeka. Kendine güç ver. Buradan Erişin.
• PlatoAiStream. Web3 Zekası. Bilgi Genişletildi. Buradan Erişin.
• PlatoESG. karbon, temiz teknoloji, Enerji, Çevre, Güneş, Atık Yönetimi. Buradan Erişin.
• PlatoSağlık. Biyoteknoloji ve Klinik Araştırmalar Zekası. Buradan Erişin.
• Kaynak: https://www.roadtovr.com/xr-interface-interactions-idea-engine-brett-jackson/