Health bars should be color-coded: green for health, blue for magic, yellow for timers. Stat bars should be bound to valid screen boundaries. Multiple health bars can be implemented with different colors
Bu video, bir clicker oyunu geliştirme serisinin son bölümüdür. Eğitmen, izleyicilere adım adım oyun geliştirme sürecini göstermektedir.. Videoda, mağazadan alışveriş yapma ve artış değerini artırma mekanizması oluşturulmaktadır. Eğitmen önce butonları düzenleyerek "İşçi" butonunu oluşturur, ardından bu butona özellik ekler. Butona tıklandığında para değeri 10 azalır ve artış değeri 10'lar 10'lar artar. Ayrıca, butonun sadece 1 kez kullanılabilmesi için bir değişken eklenir. Video, oyun geliştirme sürecinin pratik bir uygulaması olarak, UI oluşturma ve temel kodlama tekniklerini göstermektedir.
Buttons are a commonly used UI component with easy customization options. Buttons feature public On Click functions without scripting
Bu video, bir eğitmen tarafından sunulan Adobe X Design programı kullanarak mobil uygulama prototipi tasarımı eğitimidir. Eğitmen, adım adım tasarım sürecini göstermektedir.. Video, "Kolay Hesap" adlı bir mobil uygulama prototipinin tasarımı üzerinden ilerlemektedir. İçerikte mobil uygulama ekran boyutlarının seçimi, şablon kullanımı, artboard oluşturma, grid sistemi kullanımı, objelerin hizalanması, renklendirme, yazı düzenleme, katmanlar kullanımı, gruplama ve maskeleme gibi temel tasarım teknikleri anlatılmaktadır.. Eğitimde ayrıca menü tasarımı, para transferi, para işlemleri, cüzdan, yatırım önerileri ve kartlarım gibi farklı butonların nasıl oluşturulacağı, ikon ekleme ve düzenleme gibi konular da ele alınmaktadır. Video, web ve mobil tasarım yapmak isteyenler için temel bir rehber niteliğindedir.
Google Color Picker is a browser extension for UI designers. Tool includes eye-dropper feature for inspecting colors on screen. Offers access to RGB, CSS, HSL, and HEX color formats
Main menu script provides framework for game options and features. Script includes UI elements, event handling, and smooth transitions. Script available in Roblox Creator Marketplace
Amber combines yellow's golden glow with orange's richness. HEX code: #FFBF00, RGB values: 100% red, 74.9% green, 0% blue. Represents warmth, comfort, nostalgia, and natural beauty
Bu video, "Kolay Yapı Tasarım" kanalında yayınlanan bir Unity oyun geliştirme eğitimidir. Eğitmen, izleyicilere Unity'de sağlık barı yapımını adım adım göstermektedir.. Video, önceki derste sağlık değerinin rakam olarak gösterildiğini hatırlatarak başlıyor ve bu kez sağlık barı yapımını anlatıyor. Eğitmen önce sağlık değerini yüzde olarak gösterme yöntemini gösteriyor, ardından UI bölümünden slider kullanarak sağlık barı oluşturuyor. Slider'ın arka planını, yeşil alanı ve kırmızı kalp simgesini ayarlıyor, ardından kodlama yaparak sağlık değerinin slider üzerinde nasıl gösterileceğini açıklıyor. Video, sağlık barı'nın başarıyla çalıştığını göstererek ve ilerleyen derslerde sağlık paketlerinin toplanabileceği gibi ek özelliklerin eklenebileceğini belirterek sona eriyor.
Main menu created in separate scene from main game scene. Background and AudioManager objects copied from main scene. Canvas set to 1024x768 for multiple display sizes
Bu video, bir eğitmen tarafından sunulan yazılım geliştirme eğitim serisidir. İlk bölümde Unity'de kullanıcı arayüzü (UI) oluşturma, ikinci bölümde ise Flutter'da uygulama tasarımı anlatılmaktadır.. Video, iki farklı platformda kullanıcı arayüzü tasarımı konusunu ele almaktadır. İlk bölümde Unity'de canvas'a background ekleme, butonlar, slider ve text gibi UI bileşenlerini kullanma, anchor kullanımı ve objeleri ekran üzerinde sabitleme gibi temel bilgiler gösterilirken, ikinci bölümde Flutter'da oyuncu profil ekranı oluşturma, text ve input alanları ekleme ve checkmark işaretli buton kullanımı anlatılmaktadır.. Eğitim serisi, bir oyun menüsü oluşturma örneği üzerinden ilerlemekte ve bir sonraki bölümde Flutter uygulamasında butonlara animasyon verileceği belirtilmektedir.
Bu video, bir eğitmen tarafından sunulan oyun geliştirme eğitim serisinin bir bölümüdür.. Video, oyunda can barı ekleme sürecini ve değişken yönetimi konularını ele almaktadır. İlk bölümde karakterin can değerini takip etmek için global değişken oluşturma, diken objesi ekleme ve can barı görselini düzenleme adımları gösterilirken, ikinci bölümde oyun bölümlerinin başlangıcında global değişkenlerin sıfırlanması ve kullanıcı arayüzünün oyun katmanından ayrılması anlatılmaktadır.. Videoda ayrıca global ve instance değişkenler arasındaki farklar açıklanmakta, "reset global" fonksiyonu kullanılarak para gibi değişkenlerin her bölüm başlangıcında sıfırlanması gösterilmekte ve paralaks değerinin ayarlanması sayesinde can barı ve metin gibi UI elemanlarının oyun karakteriyle birlikte hareket etmemesi sağlanmaktadır.
Bu video, bir oyun geliştirme devlog serisinin bir bölümüdür. İçerik üreticisi, önceki hafta UI konusunda yaptığı girişten sonra bu hafta yaptığı gelişmeleri paylaşıyor.. Videoda içerik üreticisi, minimap sisteminin daha düzgün hale getirilmesi için ikinci kamera sisteminin nasıl yeniden yapılandırıldığını anlatıyor. Ayrıca UI arayüzünü Photoshop'ta yeniden tasarladığını ve daha iyi bir görünüm elde ettiğini belirtiyor. Trafik sistemi geliştirme aşamasında, araçların waypoint noktalarını takip ederek haritada gezinmesini sağlayan bir sistem oluşturduğunu ve rastgele araçların sahneye düşmesini sağlayan bir script yazdığını gösteriyor. Video, bir sonraki hafta kavşaklarda rastgele yol seçimi yapacak bir sistem kurma planıyla sonlanıyor.
Bu video, bir eğitim içeriği olup, izleyicilere basit bir scrollbar hazırlama sürecini adım adım göstermektedir.. Videoda, önce text aracı kullanılarak sahneye metin kutusu çizilip boyutlandırılıyor, ardından window kısmından components paneli açılarak user interface kısmından UI scrollbar bulunuyor ve metin kutusuna yerleştiriliyor. Son olarak, metin kutusuna yazı yapıştırılarak ve Ctrl+Enter tuşlarına basılarak basit bir scrollbar oluşturulmuş hale getiriliyor.
Bu video, Unity oyun motorunda REC tool'un nasıl kullanılacağını gösteren bir eğitim içeriğidir.. Video, REC tool'un ne olduğunu açıklayarak başlıyor ve F tuşuna basarak çıkan bu araçın kanvas üzerinde nasıl daha etkili kullanılacağını gösteriyor. Önce bir UI elementi (örneğin image) oluşturma, ardından canvas'a geçme ve W tuşlarıyla transform toollarını kullanma adımları anlatılıyor. REC tool sayesinde tam ortalayma, büyüklük ayarlama gibi işlemlerin daha kolay ve tam performansla yapılabileceği vurgulanıyor.
Bu video, bir Unity oyun geliştirme eğitimidir. Eğitmen, izleyicilere adım adım Unity'de oda oluşturma ve kullanıcı arayüzü tasarımı konusunda rehberlik etmektedir.. Video, kullanıcı arayüzü (UI) elemanlarının nasıl oluşturulacağını ve tanımlanacağını göstermektedir. Eğitmen önce bir panel oluşturarak oyuncu adı, oda adı, maksimum oyuncu sayısı, görünürlük ve girilebilme gibi özelliklerin UI elemanlarını (input field, text, toggle, button) nasıl ekleyeceğini anlatır. Ardından bu elemanların Unity kodunda nasıl tanımlanacağını ve butona tıklandığında oda özelliklerinin nasıl güncelleneceğini gösterir. Video, teorik bilgilerin yanı sıra pratik uygulamalarla desteklenmektedir.
Bu video, bir eğitmen tarafından sunulan Yunt platformunda engellerden kaçma oyunu geliştirme eğitim serisinin bir bölümüdür.. Videoda, oyunun bitiminde kullanıcıya uyarı verme ve skor gösterme sistemi adım adım gösterilmektedir. İçerikte öncelikle UI elemanlarının (panel ve yazı) oluşturulması, ardından skor değişkeninin kullanımı, bitiş panelinin game object olarak tanımlanması ve hak sıfırlandığında bitiş panelinin aktif hale gelmesini sağlayan kodlar anlatılmaktadır.. Eğitim serisi, bir sonraki derste oyunu yeniden başlatma butonu oluşturulacağı bilgisiyle devam edecektir.
Bu video, bir oyun geliştirme eğitim serisinin bir bölümüdür. Eğitmen, izleyicilere adım adım bir oyun geliştirmeye nasıl devam edileceğini göstermektedir.. Videoda, topun bıçaklara çarptığında yanması ve oyunun yeniden başlatılması özellikleri eklenmektedir. Eğitmen önce UI üzerinde puan ve yeniden oyna butonları oluşturur, ardından kod yazarak topun bıçaklara çarptığında yanmasını ve oyunun yeniden başlatılmasını sağlar. Ayrıca objelerin etiketlenmesi (tag) ve kolisyon kontrolü konuları da ele alınmaktadır. Video, oyun geliştirme sürecinde temel kodlama ve UI düzenleme tekniklerini göstermektedir.
Bu video, arayüz tasarımı serisinin bir parçası olan tipografi konulu bir eğitim içeriğidir. Eğitmen, tipografinin UI tasarımının en zor ve önemli kısmını oluşturduğunu vurgulamaktadır.. Video, tipografinin temel kavramlarını açıklamaktadır: taban çizgisi, x yüksekliği, karakter aralığı, satır aralığı ve beyaz alan. Eğitmen, bu kavramların nasıl uygulanacağını pratik örneklerle göstermekte ve iyi bir tipografinin nasıl oluşturulacağını göstermektedir. Ayrıca, tipografinin tek bir videodan öğrenilemeyeceği, bol pratik ve okuma gerektirdiği belirtilmektedir.
Bu video, bir eğitmen tarafından sunulan Unreal Engine'de UI (Kullanıcı Arayüzü) tasarımı serisinin bir parçasıdır.. Videoda, Unreal Engine 4.27'de bir tur person template projesi üzerinden start menü yapımı adım adım gösterilmektedir. Eğitmen, widget blueprint oluşturma, canvas panel ekleme, widget switcher kullanımı, buton ekleme ve ses ekleme gibi temel adımları anlatmaktadır. Ayrıca Wordcal Box ve Vertical Box gibi widget'ların kullanımı, spacer'ların ayarlanması ve menü butonlarının oluşturulması da gösterilmektedir.. Bu eğitim serisi, ilerleyen bölümlerde option menü, pause menü, oyun içindeki yazılar, itemler ve envanter gibi UI'lerin nasıl yapılacağını da içermektedir. Video, ana menü, ayarlar menüsü ve level menüleri oluşturma sürecini kapsamakta ve bir sonraki bölümde ayarlar menüsünün oluşturulacağını belirterek sona ermektedir.