Örnek olay incelemesi - HoloLens için uzamsal düzen ve UX taslak uygulaması olan HoloSketch'i oluşturma

HoloSketch, holografik deneyimler oluşturmaya yardımcı olmak için HoloLens'e yönelik bir cihaz içi uzamsal düzen ve UX taslak aracıdır. HoloSketch, eşleştirilmiş bluetooth klavye ve farenin yanı sıra hareket ve sesli komutlarla da çalışır. HoloSketch'in amacı, hızlı görselleştirme ve yineleme için basit bir UX düzen aracı sağlamaktır.

HoloSketch: HoloLens için uzamsal düzen ve UX taslak uygulaması.
HoloSketch: HoloLens için uzamsal düzen ve UX taslak uygulaması

Hızlı görselleştirme ve yineleme için basit bir UX düzen aracı.
Hızlı görselleştirme ve yineleme için basit bir UX düzen aracı

Özellikler

Hızlı çalışmalar ve ölçek prototip oluşturma için temel öğeler

Temel şekilleri kullanma

Hızlı yığınlama çalışmaları ve ölçek prototip oluşturma için ilkel şekiller kullanın.

OneDrive aracılığıyla nesneleri içeri aktarma

nesneleri içeri aktarma

PNG/JPG görüntülerini veya 3B FBX nesnelerini (Unity'de paketleme gerektirir) OneDrive aracılığıyla karma gerçeklik alanına aktarın.

Nesneleri işleme

nesneleri düzenleme

Tanıdık bir 3B nesne arabirimiyle nesneleri işleme (taşıma/döndürme/ölçeklendirme).

Bluetooth, fare/klavye, hareketler ve sesli komutlar

Bluetooth'u destekler

HoloSketch, Bluetooth fare/klavye, hareketler ve sesli komutları destekler.

Arka Plan

Cihazda tasarımınızı deneyimlemenin önemi

HoloLens için bir şey tasarlarken, tasarımınızı cihazda deneyimlemeniz önemlidir. Karma gerçeklik uygulaması tasarımındaki en büyük zorluklardan biri, özellikle geleneksel 2B taslaklar aracılığıyla ölçek, konum ve derinlik duygusunu elde etmek zor olmasıdır.

2B tabanlı iletişimin maliyeti

Bir tasarımcı, UX akışlarını ve senaryolarını başkalarına etkili bir şekilde iletmek için Illustrator, Photoshop ve PowerPoint gibi geleneksel 2B araçları kullanarak varlık oluşturmak için çok zaman harcayabilir. Bu 2B tasarımlar genellikle bunları 3B'ye dönüştürmek için ek çaba gerektirir. Bu çeviride 2B'den 3B'ye kadar bazı fikirler kaybolur.

Karmaşık dağıtım işlemi

Karma gerçeklik bizim için yeni bir tuval olduğundan, doğası gereği birçok tasarım yinelemesi ve deneme ve hata içerir. Unity ve Visual Studio gibi araçlar hakkında bilgi sahibi olmayan tasarımcılar için HoloLens'te bir şeyler bir araya getirmek kolay değildir. Genellikle 2B/3B çizimlerinizi cihazda görmek için aşağıdaki işlemi gerçekleştirmeniz gerekir. Bu, tasarımcıların fikirleri ve senaryoları hızla yinelemesi için büyük bir engeldi.

Karmaşık dağıtım işlemi
Dağıtım süreci

HoloSketch ile basitleştirilmiş işlem

HoloSketch ile geliştirme araçlarını ve cihaz portalı eşleştirmeyi dahil etmeden bu süreci basitleştirmek istedik. Kullanıcılar OneDrive'ı kullanarak 2B/3B varlıkları HoloLens'e kolayca ekleyebilir.

HoloSketch ile basitleştirilmiş işlem
HoloSketch ile basitleştirilmiş işlem

Üç boyutlu tasarım düşünce ve çözümlerini teşvik etme

Bu aracın tasarımcılara çözümleri gerçekten üç boyutlu bir alanda keşfetme ve 2B'de takılmama fırsatı sunacağını düşündük. HoloLens'te arka plan gerçek dünya olduğundan kullanıcı arabirimi için 3B arka plan oluşturmayı düşünmeleri gerekmez. HoloSketch, tasarımcıların HoloLens'te 3B tasarımı kolayca keşfetmesini sağlar.

Başlarken

2B görüntüleri (JPG/PNG) HoloSketch'e aktarma

  • JPG/PNG görüntülerini 'Documents/HoloSketch' OneDrive klasörünüze yükleyin.
  • HoloSketch'teki OneDrive menüsünden görüntüyü seçebilir ve ortama yerleştirebilirsiniz.

2B görüntüleri içeri aktarma
OneDrive aracılığıyla görüntüleri ve 3B nesneleri içeri aktarma

3B nesneleri HoloSketch'e aktarma

OneDrive klasörünüze yüklemeden önce, 3B nesnelerinizi bir Unity varlık paketinde paketlemek için lütfen aşağıdaki adımları izleyin. Bu işlemi kullanarak FBX/OBJ dosyalarınızı Maya, Cinema 4D ve Microsoft Paint 3D gibi 3B yazılımlardan içeri aktarabilirsiniz.

Önemli

Şu anda unity sürüm 5.4.5f1 ile varlık paketi oluşturma desteklenmektedir.

  1. Unity projesini indirin ve 'AssetBunlder_Unity' açın. Bu Unity projesi, paket varlık oluşturma betiğini içerir.

  2. Yeni bir GameObject oluşturun.

  3. GameObject'i içeriğine göre adlandırın.

  4. Denetçi panelinde 'Bileşen Ekle'ye tıklayın ve 'Box Collider' ekleyin.

    Denetçi panelinde 'Bileşen Ekle'ye tıklayın ve 'Box Collider' ekleyin

    Denetçi panelinde 'Bileşen Ekle'ye tıklayın ve 'Box Collider' ekleyin #2

  5. 3B FBX dosyasını proje paneline sürükleyerek içeri aktarın.

  6. Nesneyi yeni GameObject'inizin altındaki Hiyerarşi paneline sürükleyin.

    Nesneyi yeni GameObject'inizin altındaki Hiyerarşi paneline sürükleyin

  7. Nesneyle eşleşmiyorsa, çarpıştırıcı boyutunu ayarlayın. Nesneyi Z eksenine yüz olacak şekilde döndürün.

    Nesneyle eşleşmiyorsa, çarpıştırıcı boyutunu ayarlayın.

  8. Nesneyi Hiyerarşi panelinden Proje paneline sürükleyerek önceden hazırlanmış hale getirin.

  9. Denetçi panelinin en altında açılan menüye tıklayın, yeni bir benzersiz ad oluşturun ve atayın. Aşağıdaki örnekte AssetBundle Adı için 'brownchair' ekleme ve atama gösterilmektedir.

    Denetçi panelinin en altında açılan menüye tıklayın ve yeni bir benzersiz ad atayın.

  10. Model nesnesi için küçük resim görüntüsü hazırlama. Bir görüntüyü proje paneline sürükleyin ve nesne için kullanılan adı atayın.

  11. Unity projesinin 'Asset' klasörünün altında 'Assetbundles' adlı bir klasör oluşturun.

  12. Dosya oluşturmak için Varlıklar menüsünden 'VarlıkBundles Oluştur'u seçin. Dosya oluşturmak için Varlıklar menüsünden 'VarlıkBundles Oluştur'u seçin.

  13. Oluşturulan dosyayı OneDrive'da /Files/Documents/HoloSketch klasörüne yükleyin. Yalnızca asset_unique_name dosyasını karşıya yükleyin. Bildirim dosyalarını veya AssetBundles dosyasını karşıya yüklemeniz gerekmez.
    Dosyalar/Belgeler/HoloSketch/ klasörüne dosya eklemeHoloSketch'in OneDrive menüsünde 3B nesne eklendiğini görürsünüz

Nesneleri işleme

HoloSketch, 3B yazılımlarda yaygın olarak kullanılan geleneksel arabirimi destekler. Nesneleri hareketlerle ve fareyle taşıyabilir, döndürebilir, ölçeklendirin. Ses veya klavye ile farklı modlar arasında hızla geçiş yapabilirsiniz.

Nesne işleme modları

Nesneleri işleme
Nesneleri işleme

Bağlamsal ve Araç Kemeri menüleri

Bağlam Menüsünü Kullanma

Bağlam Menüsü'ne iki kez dokunarak açın.

Menü öğeleri:

  • Düzen Yüzeyi: Bu, birden çok nesneyi düzenleyebileceğiniz ve grup olarak yönetebileceğiniz bir 3B kılavuz sistemidir. Nesne eklemek için Düzen Yüzeyi'ne iki kez havadan dokunun.
  • Ilkel: Kitle çalışmaları için küpler, küreler, silindirler ve külahlar kullanın.
  • OneDrive: Nesneleri içeri aktarmak için OneDrive menüsünü açın.
  • Yardım: Yardım ekranını görüntüler.

Bağlam menüsü
Bağlam menüsü

Araç Kemeri Menüsünü Kullanma

Taşıma, Döndürme, Ölçeklendirme, Kaydetme ve Yükleme Sahnesi, Araç Kemeri Menüsünden kullanılabilir.

Klavye, hareketler ve sesli komutları kullanma

Klavye, Hareketler ve Sesli Komutlar
Klavye, hareketler ve sesli komutlar

Uygulamayı indirme

HoloSketch uygulaması simgesi HoloSketch uygulamasını Microsoft Store'dan ücretsiz olarak indirip yükleyin

Bilinen sorunlar

  • Şu anda varlık paketi oluşturma , Unity sürüm 5.4.5f1 ile desteklenmektedir.
  • OneDrive'ınızdaki veri miktarına bağlı olarak, uygulama OneDrive içeriği yüklenirken durdurulmuş gibi görünebilir
  • Şu anda Kaydet ve Yükle özelliği yalnızca temel nesneleri destekler
  • Metin, Ses, Video ve Fotoğraf menüleri bağlam menüsünde devre dışı bırakılır
  • Araç Kemeri menüsündeki Oynat düğmesi, düzenleme gizmos'larını temizler

Taslaklarınızı paylaşma

HoloLens'te 'Hey Cortana, Kaydı başlat/durdur' diyerek video kaydı özelliğini kullanabilirsiniz. Taslağınızın resmini çekmek için ses yükseltme/aşağı tuşuna birlikte basın.

Yazarlar hakkında

Patrick Sebring'in resmi
Dong Yoon Park'ın resmi Yoon Parkı
UX Tasarım Aracı @Microsoft
Patrick Sebring
Geliştirici @Microsoft