Öğelerin Periyodik Tablosu
Not
Bu makalede, karma gerçeklik uygulaması geliştirmeyle ilgili öğrendiklerimizi ve önerilerimizi paylaştığımız Karma Gerçeklik Tasarım Laboratuvarları'nda oluşturduğumuz keşif örneği ele alınmaktadır. Tasarımla ilgili makalelerimiz ve kodumuz yeni keşifler yaptıkkçe gelişecektir.
Not
Bu örnek uygulama HoloLens 1. nesil için tasarlanmıştır. HoloLens 2 sürümü için bkz. Elements 2.0'ın Periyodik Tablosu.
Periyodik Öğeler Tablosu, Microsoft'un Karma Gerçeklik Tasarım Laboratuvarları'ndan bir açık kaynak örnek uygulamasıdır. Nesne koleksiyonu kullanarak çeşitli yüzey türleriyle 3B alanda bir nesne dizisini düzenlemeyi öğrenin. Ayrıca HoloLens'ten standart girişlere yanıt veren etkileşimli nesneler oluşturmayı da öğrenin. Kendi karma gerçeklik uygulama deneyiminizi oluşturmak için bu projenin bileşenlerini kullanabilirsiniz.
Tanıtım videosu
Karma Gerçeklik Yakalama kullanılarak HoloLens 2 ile kaydedilir
Uygulama hakkında
Periyodik Elementler Tablosu, kimyasal elementleri ve özelliklerinin her birini bir 3B alanda görselleştirir. HoloLens'in bakış ve hava musluğu gibi temel etkileşimlerini içerir. Kullanıcılar animasyonlu 3B modellerle öğeler hakkında bilgi edinebilir. Bir elementin elektron kabuğunu ve proton ve nötronlardan oluşan çekirdeğini görsel olarak anlayabilirler.
Arka Plan
HoloLens'i ilk deneyimledikten sonra karma gerçeklikte periyodik bir tablo uygulamasıyla deneme yapmak istediğimi biliyordum. Her öğenin metinle birlikte görüntülenen birçok veri noktası olduğundan, 3B alanda tipografik kompozisyonu keşfetmek için harika bir konu olacağını düşündüm. Kullanıcılara elementin elektron modelini görselleştirme şansı vermek, bu projenin bir diğer ilginç parçasıydı.
Tasarım
Periyodik tablonun varsayılan görünümü için her bir öğenin elektron modelini içeren üç boyutlu kutuları hayal ettim. Kullanıcının öğenin hacmi hakkında kabaca bir fikir edinebilmesi için her kutunun yüzeyi yarı saydam olacaktır. Bakış ve havadan dokunma ile kullanıcı her öğenin ayrıntılı bir görünümünü açabilir. Tablo görünümü ile ayrıntı görünümü arasındaki geçişi sorunsuz ve doğal hale getirmek için, bunu gerçek hayattaki bir kutu açmanın fiziksel etkileşimine benzer hale getirdim.
Tasarım taslakları
Ayrıntılı görünümde, her öğenin bilgilerini 3B alanda güzel işlenmiş metinlerle görselleştirmek istedim. Animasyonlu 3B elektron modeli orta alanda görüntülenir ve farklı açılardan görüntülenebilir.
Etkileşim prototipleri
Kullanıcı tablonun alt kısmındaki düğmelere havadan dokunarak yüzey türünü değiştirebilir; düzlem, silindir, küre ve dağılım arasında geçiş yapabilir.
Bu uygulamada kullanılan yaygın denetimler ve desenler
Etkileşimli nesne (düğme)
Etkileşimli nesne , temel HoloLens girişlerine yanıt verebilen bir nesnedir. Herhangi bir nesneye kolayca uygulayabileceğiniz bir prefab/betik olarak sağlanır. Örneğin, sahnenizdeki bir kahve fincanı etkileşime dönüştürülebilir hale gelebilir ve bakış, hava musluğu, gezinti ve işleme hareketleri gibi girişlere yanıt vekleyebilirsiniz. Daha fazla bilgi edinin
Nesne koleksiyonu
Nesne koleksiyonu , çeşitli şekillerde birden çok nesne yerleştirmenize yardımcı olan bir nesnedir. Düzlemi, silindiri, küreyi ve dağılım desteği sağlar. Yarıçap, satır sayısı ve aralık gibi ek özellikleri yapılandırabilirsiniz. Daha fazla bilgi edinin
Teknik ayrıntılar
Karma Gerçeklik Tasarım Laboratuvarları GitHub'da Öğelerin Periyodik Tablosu uygulamasının betiklerini ve ön eklerini bulabilirsiniz.
HoloLens 2 için taşıma hikayesi
Periyodik Öğeler Tablosu uygulamasının HoloLens 2 içgüdüsel etkileşimleriyle nasıl güncelleştirildiğinden ilgili yazıyı okuyun.
Öğelerin Periyodik Tablosu 2.0
Yazar hakkında
Yoon Parkı UX Tasarım Aracı @Microsoft |