Mesajlar Etiketlendi ‘ui’

Unity TextMesh Pro Kullanımı

Yayınlandı: 06 Haziran 2018 yasirkula tarafından Oyun Tasarımı, UNITY 3D içinde
Etiketler:, , , , , , , , , , , ,

Merhabalar,

Bu Unity dersimizde, bir süre önce ücretsiz hale gelen TextMesh Pro plugin’ini yakından inceleyeceğiz. Unity’nin UI sistemindeki Text‘e alternatif olan bu plugin’i yakın zamanda Paint 360° uygulamamda kullanma şansım oldu ve ne yalan söyleyeyim, bundan böyle Text’e dönüş yapmayı planlamıyorum 😀 Kabaca TextMesh Pro’nun avantajlarını listeleyecek olursam:

  • Kullandığı özel shader sayesinde yazıları blur’suz ve çok kaliteli bir şekilde ekrana çizdirmesi
  • Daha kaliteli Outline ve Shadow kullanması
  • Oldukça fazla rich text etiketi desteklemesi
  • Yazı tek satıra sığmadığında yazıyı düzgün bir şekilde ikiye bölmesi; UI Text’in aksine kelimeleri gerekmedikçe ortadan ikiye ayırmaması
  • Best Fit seçili bile olsa yazıyı daima tek satır olarak tutma seçeneği sunması

Hazırsanız dersimize başlayalım!

(daha&helliip;)

Merhabalar,

Bu derste, Unity oyunlarınıza nasıl dinamik UI panelleri ekleyebileceğinizi göstereceğim. Bu paneller, tıpkı editördeki paneller gibi, hareket ettirilebiliyor, yeniden boyutlandırılabiliyor ve diğer panellerin yanına sekme olarak atanabiliyor.

İndirme linki: https://github.com/yasirkula/UnityDynamicPanels/raw/master/DynamicPanels.unitypackage

WebGL demo: http://yasirkula.net/DynamicPanelsDemo/

Bu asset’i, Oyun İçi Debug Konsolu‘nu ve Oyun İçi Inspector‘u kullanarak oluşturduğum sahneden bir resmi aşağıda görebilirsiniz:

Detaylar için yazının devamını okuyabilirsiniz…

(daha&helliip;)

GÜNCELLEME (11.03.2018): Arayüzde iyileştirmelere gidildi ve kod biraz daha optimize edildi. Eğer eski sürümü kullanmakta iseniz önce Plugins/DebugLog klasörünü silerek eski sürümü kaldırıp ondan sonra yeni sürümü kurun.

Hepinize merhabalar,

Bu yazıda sizlerle kendi yazdığım basit bir Unity eklentisini paylaşacağım. Bu eklentinin olayı, Unity’den aşina olduğumuz console‘un bir benzerini direkt oyun içerisinde göstermek.

Bir oyunu Unity editöründe test ederken aldığımız hataları, uyarıları veya Debug.Log mesajlarını console vasıtasıyla kolayca görebiliyoruz ancak oyunu herhangi bir platforma build aldıktan sonra bu mesajlara direkt oyun içerisinden erişemiyoruz; bunun için logcat gibi ekstra bir ekipman kullanmamız gerekiyor. Ya da en azından ben uzun zamandır öyle biliyordum. Bu debug mesajlarına bir event vasıtasıyla kendi scriptlerimizden erişebildiğimizi daha yeni öğrendim. Bunu öğrenmemin hemen ardından da, alınan log’ları görsel olarak kullanıcıya sunan basit bir arayüz geliştirdim (UI sistemi ile).

Asset Store: https://www.assetstore.unity3d.com/en/#!/content/68068

Alternatif Link: https://github.com/yasirkula/UnityIngameDebugConsole/raw/master/IngameDebugConsole.unitypackage

NOT: Bu eklenti yalnızca Unity 5.2 veya üzerinde çalışır.

1

Kullanım detayları için yazının devamını okuyabilirsiniz…

(daha&helliip;)

GÜNCELLEME – 10.09.2017: yazıda bahsi geçen joystick’i artık SimpleInput plugin’ime ekledim. SimpleInput plugin’i, multi-platform Input işlemlerini oldukça kolaylaştırdığı için bu joystick yerine SimpleInput’taki joystick’i kullanmanızı öneririm: https://yasirkula.com/2017/07/19/unity-gelismis-input-sistemi-mobil-destekli/

Hepinize merhabalar,

Belki biliyorsunuzdur, bundan yaklaşık 2 sene önce sitemde bir Joystick scripti paylaşmıştım (https://yasirkula.com/2014/05/27/unity-3d-android-dokunmatik-ekran-joystick-kullanimi/). Bunun üzerinden uzunca bir zaman geçti. Bazen bu scripti Unity’nin 4.6 versiyonu ile gelen yeni UI sistemini kullanarak güncellemeyi düşündüm ama bu fikir nedense hep havada kaldı. Ancak bugün ufak bir azimle scripti yeni sisteme geçirdim, ne yalan söyleyeyim hoşuma da gitti yeni script 🙂

Belki reklam olarak göreceksiniz ama beni bu Joystick scriptini güncellemeye iten önemli bir faktör de TAGDA Game kanalının joystick hakkındaki bir video dersiydi (https://www.youtube.com/watch?v=k0DrDK5ixlQ), değinmeden geçmek istemedim. Hepinize destekleriniz için teşekkür ederim.

Yeni joystick plugini (unitypackage): https://www.dropbox.com/s/pwm3yf1a72r41h0/JoystickUI.unitypackage?dl=0 (Alternatif link)

Derste işlediğimiz örnek projenin bitmiş hali: https://www.dropbox.com/s/jm8m83qybw3tmes/JoystickUIOrnekProje.zip?dl=0 (Alternatif link)

0

Detayları görmek ve örnek projeye joystick’i adım adım implement etmek için yazının devamını okuyabilirsiniz…

(daha&helliip;)

Hepinize yeniden merhabalar,

Bu dersimizde Unity için basit bir loading ekranı yapacağız. Bu loading ekranı ile scene’ler arası yumuşak bir şekilde geçiş (transition) yapabilecek ve sonraki sahnenin % kaçının yüklendiğini oyuncuya gösterebileceğiz.

O halde son gaz derse başlayalım…

(daha&helliip;)

Hepinize tekrar merhaba (ve hayırlı bayramlar),

Bu örneğim Unity‘de daire şeklinde basit bir sağlık barı yapımı hakkında olacak. Sağlık barını oluşturmak için Unity’nin UI sistemini kullandım.

Örneği test etmek için tek yapmanız gereken şu unitypackage‘ı projenize import edip oradaki scene‘i açmak: https://www.dropbox.com/s/j1zg0c3oon2zzzf/DaireselSaglikBari.unitypackage?dl=0

Örnekteki görselleri ve scripti kendi projelerinizde dilediğinizce kullanabilirsiniz. Örnekten iki resim paylaşacak olursam:

resim1 resim2

Bu sağlık barındaki en önemli olay SaglikBariRenk objesindeki Image component‘inin “Radial 360 – Filled” modunda çalışması. Buradaki “Radial 360″ı örneğin “Vertical” diye değiştirirseniz sağlık barı Diablo tarzı yukarıdan aşağıya doğru azalır.

Umarım faydalı olur. Başka derslerde görüşmek üzere!

Hepinize yine ve yeniden koca bir merhaba,

Yazılarımın giriş cümlesi o kadar klişe hale geldi ki her derste girişi nasıl değişik bir hale sokabilirim diye düşünmüyor değilim. Ama bir saniye; konumuz bu değil! Bu dersimizde Unity 4.6 sürümü ile gelen yeni UI (user-interface)(arayüz) sistemini inceleyeceğiz.

Twitter’da da bolca dile getirdiğim üzere yeni sistemi gerçekten çok sevdim. Sistemin güzel yanları daha az draw call harcaması, multi-touch desteklemesi, 3 boyutlu arayüz yapmayı mümkün kılması ve görsel olarak düzenlenebilmesi. Yani yeni sistemle birlikte artık arayüzü çizdirirken kod yazmanıza gerek yok.

Hazır mısınız? Harika! O halde derse başlıyorum.

NOT: Ders boyunca yapacağımız örnek uygulamaları içeren örnek projeyi indirmek için tıklayın: https://www.dropbox.com/s/b64v7wsvbpnth05/UI%20Ders.rar?dl=0

NOT2: Eğer dersi PDF formatında indirmek isterseniz tıklayın: https://www.dropbox.com/s/11jdtzk3tpkeu3l/Unity%20UI%20Sistemi.pdf?dl=0

(daha&helliip;)